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