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

2
00:00:00,260 --> 00:00:01,900
>> ДЕВІД Малан: Так я робив
мій власний пошуковик.

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
тіло буде мати
вирівнювання тексту: центр;.

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-л

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-л пошуково-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
Вуаля, ми повернулися до центру
Пошукова система.

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
Так що, якщо ми коли-небудь хочете центрування або
restylize більш загальному наші сторінки, ми

58
00:02:45,430 --> 00:02:48,570
можете зробити це дуже просто в
один з центральних місць.

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