>> DAVID Malan: Така че аз съм бил на вземане моята собствена търсачка.
И в момента, това изглежда така.
Тук имам заглавието на страницата.
Това е CS50 Search.
Имам една HTML форма вътре от които се явява вход чийто тип е
текст и друг вход чийто тип е бутона.
>> Ако ние сега да разгледаме при източника за тази страница, забележите, че, наистина, ние
имат h1 и етикет заглавие, което се, че това предаване
е наистина CS50 Search.
Имаме форма маркер, който е уточняване че формата трябва да бъде представен на
нашите приятели от Google.
А вътре в тази форма, ние имаме тези два входни видове.
>> Но забележете сега към горната част на страница, вътре в главата на страницата,
има етикет стил, вътрешността на което е CSS имот за
тялото на страницата.
Ами ако, все пак, ние искахме да направи целия текст, подравнен
в няколко страници?
С други думи, аз исках да използвате повторно този CSS имот отново и отново, и отново
в различни уеб страници, всички от които имат етикет тяло?
Ами аз със сигурност може да копирате и поставяте СГО във всяка една от тези страници, но
че ще е по-добър дизайн на фактор това навън в някакъв централен файл и след това
някак включи този файл в цялата тези страници, така че, ако някога искате да
направи промяна и да се приведе в съответствие моя текст върху наляво или приведе моя текст отдясно, I
може да се направи, че много по-лесно.
Нека се опитаме да направим това.
>> Първо, нека да изрежете тази стил тагове напълно.
А сега нека да се отвори файл с име, да речем, търсене-3.css и сложи това
същото CSS в този файл.
тялото ще има текст-приравни: център;.
Да спасим този файл.
>> Нека сега се върнем към търсене-3.html и, в главата отново, добавете тагове връзка
задаване на хипер-референтна на търсене-3.css.
CSS И нека да се уточни, че връзката че този файл е с
страницата е да служи като негов стил лист.
Нека сега затворите този етикет, освен файла, и се презарежда
тази страница в браузъра.
>> Тя измести на текст в остави като че СГО
имущество, дори не е била приложена.
Сега защо това може да е?
Нека да разгледаме най- разрешения файла -
не разрешения на HTML файла, но разрешения на CSS файла.
>> Back тук в Gedit, да вървим надолу, за да прозореца на терминала и типа LS-л
търсене-3.css.
Ах, наистина, въпреки че аз, на файла собственик, могат да четат и пишат на този файл,
никой друг не може да го прочете.
Но ние можем да се определи това с коригират A + R търсене-3.css, а сега нека отново се изпълни
LS-л търсене-3.css--
и по-добре.
Сега целият свят може да прочетете този файл.
>> Нека да се върнем към браузъра, презаредете.
Voila, че се връщаме към центрирано търсачката.
Разбира се, това е мястото, където ние започна история, с нашия текст вече центриран.
Но това, което е по-добър дизайн сега е, че сме отразено, че CSS в
централен файл, някъде, че тогава ще можем да включва в други уеб страници, които
ние може да се случи, за да се направи в бъдеще.
Така че, ако някога искате да recenter или restylize по-общо на нашите страници, ние
може да го направи много просто в едно централно място.