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

2
00:00:00,260 --> 00:00:01,900
>> Дејвид 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 пребарување.

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 пребарување.

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
Па, јас сигурно би можеле да копирате и залепите
на CSS во секоја од овие страници, но

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
направи промена и да ги усогласат мојот текст на
лево или усогласат мојот текст на десната страна, јас

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
тело ќе има
text-align: центар;.

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
>> Тоа коригираше текстот на
остави како иако CSS

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
>> Овде во gedit, ајде да одиме надолу за да
на прозорецот на терминалот и видот ls-l

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
Но, можеме да го надминете овој со chmod a + r
пребарување 3.css, и сега ајде повторно изврши

48
00:02:17,570 --> 00:02:20,970
ls-l пребарување 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