1 00:00:00,000 --> 00:00:00,360 2 00:00:00,360 --> 00:00:01,970 >> DAVIDマラン:だから私は仕事をしてきた この検索エンジンで 3 00:00:01,970 --> 00:00:03,480 それは次のようになります。 4 00:00:03,480 --> 00:00:07,580 私はCS50と呼ばれるタイトルを持っているように見える 検索では、その下に、HTMLフォームです 5 00:00:07,580 --> 00:00:10,430 その内部が入力される タイプは、テキストや他の入力です 6 00:00:10,430 --> 00:00:12,260 型が提出されている。 7 00:00:12,260 --> 00:00:15,400 それでは根本的な見てみましょう このページのソースコード。 8 00:00:15,400 --> 00:00:20,180 >> ここで私の検索 - 2.html、予告中 実際の形でタイトルを持っている 9 00:00:20,180 --> 00:00:23,260 本文に向かうだけでなく、 その周りにH1タグ付き。 10 00:00:23,260 --> 00:00:26,490 Iは、HTMLフォームを有し、かつ それら二つの入力。 11 00:00:26,490 --> 00:00:30,650 しかし、身体に特に注意してください 私はスタイルを宣言し、そのタグ、 12 00:00:30,650 --> 00:00:35,770 その値はテキストが整列された属性: センター;、それによって、そのすべての指定 13 00:00:35,770 --> 00:00:38,390 このページ上のテキストがあるべき 中央に配置。 14 00:00:38,390 --> 00:00:41,700 >> さて、これは完全に正常に動作しますが、 それは少しずさんだ。 15 00:00:41,700 --> 00:00:43,900 あなたは本当に多くを言うことができない このページはかなりあるので、 16 00:00:43,900 --> 00:00:44,960 現時点では小規模な。 17 00:00:44,960 --> 00:00:47,520 このページを得た場合でも、想像 長く、長く、 18 00:00:47,520 --> 00:00:49,180 長く複雑。 19 00:00:49,180 --> 00:00:53,960 >> パターンは私が採用してきたことに注目してください ここに私の美学を混在することです 20 00:00:53,960 --> 00:00:57,380 ページの構造を持つ style属性を使用します。 21 00:00:57,380 --> 00:01:00,540 長い話を短く、これが最善ではありません デザインは、確かにあなたのページが育つように 22 00:01:00,540 --> 00:01:02,010 より複雑。 23 00:01:02,010 --> 00:01:05,830 よりよい設計が考慮することであろう その様式化してどこかに置いて 24 00:01:05,830 --> 00:01:09,730 例えばではないスタイルで、中央 属性が、スタイルタグで、 25 00:01:09,730 --> 00:01:13,310 内部的にはスタイルタグ 私のページのheadタグの。 26 00:01:13,310 --> 00:01:14,830 それではまさにそれをやってみましょう。 27 00:01:14,830 --> 00:01:18,160 >> 最初のは、ここに行くと削除させ このスタイルは完全に属性。 28 00:01:18,160 --> 00:01:22,420 その後、私のページの頭の中でバックアップしてみましょう styleタグを宣言し、でそれを閉じる 29 00:01:22,420 --> 00:01:24,620 ので、私にはないと同時に、 後ですることを忘れない。 30 00:01:24,620 --> 00:01:28,120 、その後の、その身体を指定できます このページのCSSを持っている必要があります 31 00:01:28,120 --> 00:01:32,040 テキストが整列のプロパティが中心です。 32 00:01:32,040 --> 00:01:35,320 リロード、今度はこのページを保存しましょう ブラウザ、効果があるかを見る。 33 00:01:35,320 --> 00:01:38,070 34 00:01:38,070 --> 00:01:40,510 >> 私のブラウザで再読み込み - 35 00:01:40,510 --> 00:01:41,570 全く効果がありません。 36 00:01:41,570 --> 00:01:43,110 しかし、何の効果が意図されていません。 37 00:01:43,110 --> 00:01:45,150 我々は、単に改善している このページのデザイン。 38 00:01:45,150 --> 00:01:47,606