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