DAVID MALAN: Deci, am fost de luare meu de motor de căutare propriu. Și în acest moment, se pare ca acest lucru. Am aici titlul paginii. Este CS50 Căutare. Am un formular HTML în interiorul care pare a fi o intrare a cărui tip este text și o altă intrare al cărui tip este prezenta. 

Dacă ne aruncăm acum o privire la sursa de această pagină, observa că, într-adevăr, ne-am au un H1 și o etichetă titlu care sunt de transport care aceasta este într-adevăr CS50 Căutare. Avem o etichetă formular care este specificarea că forma trebuie să fie depuse la prietenii nostri de la Google. Și în interiorul acelei forme, avem aceste două tipuri de intrare. 

Dar observați acum spre partea de sus a pagină, în capul paginii, există o etichetă stil, în interiorul care este o proprietate CSS pentru corpul paginii. Ce se întâmplă dacă, totuși, am vrut să face tot textul aliniat pe mai multe pagini? Cu alte cuvinte, am vrut să reutilizeze acest Proprietate CSS din nou și din nou și din nou în diferite pagini web, toate de care au tag corp? Ei bine, am putea copia cu siguranță și lipiți CSS în fiecare dintre aceste pagini, dar ar fi o mai bună proiectare pentru acest factor afară, în unele fișier centrală și apoi includ cumva că fișierul în toate acele pagini, astfel că, dacă vreau vreodată să face o schimbare și de a alinia textul pe la stânga sau a alinia textul la dreapta, eu poate face acest lucru mult mai ușor. Să încercăm să facem acest lucru. 

În primul rând, haideți să taie acest tag stil cu totul. Și acum să deschidă un fișier numit, să zicem, de căutare-3.css și a pus că același CSS în acest dosar. corpul va avea text-align: center;. Să salvăm acel fișier. 

Să ne întoarcem acum la căutare-3.html și, în cap din nou, se adaugă o etichetă link specificând un hiper-trimitere de căutare-3.css. CSS Și să precizeze că relația că acest fișier are cu Pagina este de a servi drept foaie de stil. Hai acum închide această etichetă, cu excepția fișierul, și reîncărcați această pagină în browser. 

Acesta realiniat textul de pe a plecat ca și cum CSS proprietate nici măcar nu a fost aplicată. Acum, de ce ar fi asta? Să aruncăm o privire la permisiunile de fișiere lui - nu permisiunile fișierului HTML, dar permisiunile fișierului CSS. 

Înapoi aici în gedit, să mergem în jos pentru a fereastra de terminal și de tipul ls-l căutare-3.css. Ah, într-adevăr, chiar dacă eu, dosarul de proprietar, poate citi și scrie acest fișier, nimeni altcineva nu o poate citi. Dar putem rezolva acest lucru cu chmod o + r căutare-3.css, și acum să re-executa ls-l căutare-3.css-- și mult mai bine. Acum, toată lumea poate citi acest fișier. 

Să mergem înapoi la browser-ul, reincarca. Voila, ne-am întors la o centrat motor de căutare. Desigur, acest lucru este în cazul în care am început poveste, cu textul nostru deja centrat. Dar ceea ce este mai bun design de acum este că ne-am luat ca CSS într-un fișier central, intr-un loc pe care le putem apoi includ în alte pagini web care s-ar putea întâmpla să facă în viitor. Deci, dacă vrem vreodată să recentra sau restylize mai general paginile noastre, ne-am poate face foarte simplu în un loc central.