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