1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> DAVIDマラン:だから私は私のを作ってきました 独自の検索エンジンが、私はちょうどだ 3 00:00:02,400 --> 00:00:04,720 物事を再構築することを決定 フードの下に。 4 00:00:04,720 --> 00:00:06,480 それでは見てみましょう。 5 00:00:06,480 --> 00:00:11,240 ここでは、このページのHTML、予告中 私はページの上に今何を持っている 6 00:00:11,240 --> 00:00:15,390 ロゴ、logo.gifをあるように思われ、 私はそれをの代替テキストを与えてくれた 7 00:00:15,390 --> 00:00:18,620 CS50検索、念の誰か その画像を見ることができません。 8 00:00:18,620 --> 00:00:22,340 >> しかし、私はそのイメージを配置したことに気付く DIVの内側にあり、私はそれを割り当てた 9 00:00:22,340 --> 00:00:27,060 引用の一意のID、引用終わり、 "トップ" その下に、私は、その別のdivを持っている 10 00:00:27,060 --> 00:00:31,020 私がすることに決めました固有のIDを「中」、 しかし、私はこれらのdiv要素を特定することができた 11 00:00:31,020 --> 00:00:32,360 何として私はしたいと思います。 12 00:00:32,360 --> 00:00:35,340 そして、この「中」のdivの内側に、 私は、フォームを持っていることに気づく。 13 00:00:35,340 --> 00:00:40,080 そのフォームは、明らかに提出しようとしている HTTP経由でGoogleサーバーに到達 14 00:00:40,080 --> 00:00:45,150 以下の入力、その入力 種類は、テキストと名前がQである。 15 00:00:45,150 --> 00:00:48,520 そして、それはできるだけ早くどうなる ユーザーのヒットは、入力するか、ボタンをクリックする 16 00:00:48,520 --> 00:00:50,410 CS50検索と表示。 17 00:00:50,410 --> 00:00:53,750 >> 今、ページの下部に、私が持っている その独特の3番目と最後のDIV 18 00:00:53,750 --> 00:00:57,670 識別子が「ボトム」です。その内部、 私は、著作権の記載が、 19 00:00:57,670 --> 00:00:59,750 HTMLエンティティを含む。 20 00:00:59,750 --> 00:01:06,230 それは、©がHTMLであることが判明 著作権を表すエンティティ 21 00:01:06,230 --> 00:01:08,410 シンボル、そのための最も可能性が高い あなたが持っていない 22 00:01:08,410 --> 00:01:10,210 キーボード上の実際のキー。 23 00:01:10,210 --> 00:01:12,560 その後、私が言及 それはCS50のだという。 24 00:01:12,560 --> 00:01:17,090 >> 今、トップ、ミドル、ボトムはそう存在 私は一意にトップを識別することができる、 25 00:01:17,090 --> 00:01:20,400 中間、このページの下 私は彼らに各Aを型にはめることができるように 26 00:01:20,400 --> 00:01:21,370 少し異なる。 27 00:01:21,370 --> 00:01:23,320 そして、私は、すでに撮影した それを行うのリバティ。 28 00:01:23,320 --> 00:01:27,030 私のページの上位で、私はスタイルを持っている その内部タグは、いくつかのCSSのです 29 00:01:27,030 --> 00:01:27,880 プロパティ。 30 00:01:27,880 --> 00:01:28,980 それでは見てみましょう。 31 00:01:28,980 --> 00:01:33,450 >> このページの上に、私がしたことに注意してください どのようなHTMLタグだろうと指定された 32 00:01:33,450 --> 00:01:37,350 などのトップの一意の識別子を持つ 前にシャープ記号で示さ 33 00:01:37,350 --> 00:01:41,320 それは、テキストが整列しておく必要があります。 センター;プロパティとして。 34 00:01:41,320 --> 00:01:45,000 一方、ページの中央にすべき 同様に中心にしますが、さ 35 00:01:45,000 --> 00:01:48,870 ページの中央に入力すべき ホワイトスペースの5画素を有する 36 00:01:48,870 --> 00:01:51,860 彼らの周り、単に与えるために 物事はもう少しお部屋です。 37 00:01:51,860 --> 00:01:55,630 一方、ページの下部に、 私は、任意のテキストをするように指定しました 38 00:01:55,630 --> 00:01:59,620 小さいフォントでは、その重量 フォントは、太字でなければならないと述べ、その 39 00:01:59,620 --> 00:02:03,800 ページの下の周りの余白 ただ与え、20ピクセルでなければなりません 40 00:02:03,800 --> 00:02:06,270 余裕の少し だけでなく、その任意のテキスト 41 00:02:06,270 --> 00:02:08,190 その中の中心にする必要があります。 42 00:02:08,190 --> 00:02:09,580 >> 何が実質的な効果になるだろう? 43 00:02:09,580 --> 00:02:11,620 さて、ブラウザで見てみましょう。 44 00:02:11,620 --> 00:02:14,160 私はクローム、出来上がりにここに行けば。 45 00:02:14,160 --> 00:02:16,140 今では格好良いです 検索エンジン。 46 00:02:16,140 --> 00:02:18,539