DAVID MALAN: So che ho fatto il mio motore di ricerca. E al momento, sembra che questo. Ho qui il titolo della pagina. E 'CS50 ricerca. Ho un form HTML all'interno della quale sembra essere un ingresso il cui tipo è testo e un altro ingresso tipo di cui è submit. 

Se noi oggi diamo uno sguardo alla fonte per questa pagina, si noti che, anzi, ci avere un h1 e un tag titolo che sono convogliamento che questa è davvero CS50 ricerca. Abbiamo un tag form che sta indicando che il modulo deve essere presentato al i nostri amici di Google. E all'interno di quella forma, abbiamo questi due tipi di ingresso. 

Ma bando ora verso la parte superiore del pagina, all'interno della testa di pagina, c'è un tag di stile, all'interno di che è una proprietà CSS per il corpo della pagina. Che cosa succede se, però, abbiamo voluto fare tutto il testo allineato su più pagine? In altre parole, ho voluto riutilizzare questo Proprietà CSS ancora e ancora e ancora in diverse pagine web, tutti dei quali hanno tag body? Beh, potrei certamente copiare e incollare il CSS in ciascuna di quelle pagine, ma sarebbe meglio progettazione di questo fattore fuori in qualche file centrale e poi in qualche modo includere tale file in tutti quelle pagine in modo tale che se mai voglio fare un cambiamento e allineare il mio testo sul Lasciai o allineare mio testo sulla destra, io può farlo molto più facilmente. Proviamo a fare questo. 

In primo luogo, cerchiamo di tagliare questo tag stile del tutto. E adesso apriamo un file chiamato, per esempio, la ricerca-3.css e mettere che stessa CSS in questo file. corpo sta per avere text-align: center;. Salviamo il file. 

Vediamo ora torna alla ricerca-3.html e, in testa nuovamente, aggiungere un tag link specificando un iper-riferimento di ricerca-3.css. CSS E cerchiamo di specificare che la relazione che questo file ha l' La pagina è di servire come il suo foglio di stile. Diamo ora chiudere questo tag, salva il file e ricarica questa pagina nel browser. 

E 'riallineato il testo sul sinistra come se il CSS proprietà non è stata ancora applicata. Ora, perché potrebbe essere? Diamo uno sguardo al i permessi del file - non permessi del file HTML, ma i permessi del file CSS. 

Torna qui in gedit, andiamo giù a la finestra del terminale e digitare ls-l search-3.css. Ah, in effetti, anche se, il file del proprietario, può leggere e scrivere questo file, nessun altro può leggerlo. Ma possiamo risolvere questo problema con chmod a + r search-3.css, e ora cerchiamo di ri-eseguire ls-l search-3.css-- e molto meglio. Ora il mondo intero può leggere questo file. 

Torniamo al browser, ricaricare. Voila, siamo di nuovo ad un centrato motore di ricerca. Naturalmente, questo è dove abbiamo iniziato la storia, con il nostro testo già centrato. Ma cosa c'è di meglio di design è ora che abbiamo fattorizzato che i CSS in un file centrale, un posto che possiamo poi includere in altre pagine web che potremmo capitare di fare in futuro. Quindi, se mai vogliamo centrare o restylize più in generale le nostre pagine, ci può farlo molto semplicemente in un posto centrale.