1
00:00:00,000 --> 00:00:00,260

2
00:00:00,260 --> 00:00:01,900
>> DAVID Malan: Така че аз съм бил на вземане
моята собствена търсачка.

3
00:00:01,900 --> 00:00:04,100
И в момента, това изглежда така.

4
00:00:04,100 --> 00:00:05,265
Тук имам заглавието на страницата.

5
00:00:05,265 --> 00:00:06,580
Това е CS50 Search.

6
00:00:06,580 --> 00:00:10,380
Имам една HTML форма вътре от които
се явява вход чийто тип е

7
00:00:10,380 --> 00:00:13,650
текст и друг вход
чийто тип е бутона.

8
00:00:13,650 --> 00:00:17,180
>> Ако ние сега да разгледаме при източника за
тази страница, забележите, че, наистина, ние

9
00:00:17,180 --> 00:00:20,260
имат h1 и етикет заглавие, което
се, че това предаване

10
00:00:20,260 --> 00:00:22,020
е наистина CS50 Search.

11
00:00:22,020 --> 00:00:25,940
Имаме форма маркер, който е уточняване
че формата трябва да бъде представен на

12
00:00:25,940 --> 00:00:27,140
нашите приятели от Google.

13
00:00:27,140 --> 00:00:30,430
А вътре в тази форма, ние имаме
тези два входни видове.

14
00:00:30,430 --> 00:00:33,770
>> Но забележете сега към горната част на
страница, вътре в главата на страницата,

15
00:00:33,770 --> 00:00:36,750
има етикет стил, вътрешността на
което е CSS имот за

16
00:00:36,750 --> 00:00:38,570
тялото на страницата.

17
00:00:38,570 --> 00:00:41,580
Ами ако, все пак, ние искахме да
направи целия текст, подравнен

18
00:00:41,580 --> 00:00:43,050
в няколко страници?

19
00:00:43,050 --> 00:00:46,640
С други думи, аз исках да използвате повторно този
CSS имот отново и отново, и отново

20
00:00:46,640 --> 00:00:50,030
в различни уеб страници, всички
от които имат етикет тяло?

21
00:00:50,030 --> 00:00:53,660
Ами аз със сигурност може да копирате и поставяте
СГО във всяка една от тези страници, но

22
00:00:53,660 --> 00:00:57,730
че ще е по-добър дизайн на фактор това
навън в някакъв централен файл и след това

23
00:00:57,730 --> 00:01:01,100
някак включи този файл в цялата
тези страници, така че, ако някога искате да

24
00:01:01,100 --> 00:01:04,840
направи промяна и да се приведе в съответствие моя текст върху
наляво или приведе моя текст отдясно, I

25
00:01:04,840 --> 00:01:07,220
може да се направи, че много по-лесно.

26
00:01:07,220 --> 00:01:08,860
Нека се опитаме да направим това.

27
00:01:08,860 --> 00:01:12,520
>> Първо, нека да изрежете тази
стил тагове напълно.

28
00:01:12,520 --> 00:01:16,820
А сега нека да се отвори файл с име,
да речем, търсене-3.css и сложи това

29
00:01:16,820 --> 00:01:18,970
същото CSS в този файл.

30
00:01:18,970 --> 00:01:23,500
тялото ще има
текст-приравни: център;.

31
00:01:23,500 --> 00:01:24,760
Да спасим този файл.

32
00:01:24,760 --> 00:01:30,950
>> Нека сега се върнем към търсене-3.html и,
в главата отново, добавете тагове връзка

33
00:01:30,950 --> 00:01:33,630
задаване на хипер-референтна
на търсене-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS И нека да се уточни, че връзката
че този файл е с

35
00:01:38,650 --> 00:01:41,880
страницата е да служи като негов стил лист.

36
00:01:41,880 --> 00:01:44,840
Нека сега затворите този етикет, освен
файла, и се презарежда

37
00:01:44,840 --> 00:01:46,910
тази страница в браузъра.

38
00:01:46,910 --> 00:01:49,700
>> Тя измести на текст в
остави като че СГО

39
00:01:49,700 --> 00:01:50,905
имущество, дори не е била приложена.

40
00:01:50,905 --> 00:01:53,020
Сега защо това може да е?

41
00:01:53,020 --> 00:01:54,590
Нека да разгледаме най-
разрешения файла -

42
00:01:54,590 --> 00:01:58,630
не разрешения на HTML файла,
но разрешения на CSS файла.

43
00:01:58,630 --> 00:02:02,740
>> Back тук в Gedit, да вървим надолу, за да
прозореца на терминала и типа LS-л

44
00:02:02,740 --> 00:02:04,720
търсене-3.css.

45
00:02:04,720 --> 00:02:09,810
Ах, наистина, въпреки че аз, на файла
собственик, могат да четат и пишат на този файл,

46
00:02:09,810 --> 00:02:11,110
никой друг не може да го прочете.

47
00:02:11,110 --> 00:02:17,570
Но ние можем да се определи това с коригират A + R
търсене-3.css, а сега нека отново се изпълни

48
00:02:17,570 --> 00:02:20,970
LS-л търсене-3.css--

49
00:02:20,970 --> 00:02:21,910
и по-добре.

50
00:02:21,910 --> 00:02:24,380
Сега целият свят може да
прочетете този файл.

51
00:02:24,380 --> 00:02:26,950
>> Нека да се върнем към браузъра, презаредете.

52
00:02:26,950 --> 00:02:29,220
Voila, че се връщаме към центрирано
търсачката.

53
00:02:29,220 --> 00:02:32,450
Разбира се, това е мястото, където ние започна
история, с нашия текст вече центриран.

54
00:02:32,450 --> 00:02:36,000
Но това, което е по-добър дизайн сега е, че
сме отразено, че CSS в

55
00:02:36,000 --> 00:02:39,690
централен файл, някъде, че тогава ще можем да
включва в други уеб страници, които

56
00:02:39,690 --> 00:02:41,580
ние може да се случи, за да се направи в бъдеще.

57
00:02:41,580 --> 00:02:45,430
Така че, ако някога искате да recenter или
restylize по-общо на нашите страници, ние

58
00:02:45,430 --> 00:02:48,570
може да го направи много просто в
едно централно място.

59
00:02:48,570 --> 00:02:50,902