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