1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:02,400 >> ДЭВИД Малан: Так я делал мой собственную поисковую систему, но у меня просто 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 Уникальный идентификатор цитатой, конец цитаты, "сверху". Ниже этого, у меня есть еще один DIV которого 10 00:00:27,060 --> 00:00:31,020 уникальный идентификатор я решил быть "средним" но я мог быть идентификации этих дивы 11 00:00:31,020 --> 00:00:32,360 как все, что я хотел бы. 12 00:00:32,360 --> 00:00:35,340 И внутри этого "среднего" ДИВ, заметить, что у меня есть форма. 13 00:00:35,340 --> 00:00:40,080 Эта форма, по-видимому собирается подать через HTTP GET к серверам Google 14 00:00:40,080 --> 00:00:45,150 следующий ввод, ввод которого Тип текстов и чье имя д. 15 00:00:45,150 --> 00:00:48,520 И что произойдет, как только пользователь нажал Enter или нажимает кнопку 16 00:00:48,520 --> 00:00:50,410 помечены CS50 Поиск. 17 00:00:50,410 --> 00:00:53,750 >> Теперь в нижней части страницы, у меня есть Третий и последний дел чьи уникальные 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 средняя и нижняя часть этой странице так что я могу стилизовать каждому из них 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 Если я иду сюда, чтобы Chrome, вуаля. 45 00:02:14,160 --> 00:02:16,140 Теперь, является красивый Поисковая система. 46 00:02:16,140 --> 00:02:18,539