>> DAVID MALAN: Così ho fatto il mio proprio motore di ricerca, ma ho appena
deciso di ristrutturare le cose sotto la cappa.
Diamo uno sguardo.
Qui nel codice HTML di questa pagina, avviso che ho adesso in cima alla pagina cosa
sembra essere un logo, logo.gif, e Gli ho dato un testo alternativo di
CS50 Ricerca, in caso qualcuno non è in grado di vedere l'immagine.
>> Ma accorgo che ho messo quell'immagine all'interno di un div, e ho assegnato
un ID univoco di citazione, unquote, "top". Sotto, ho un altro div il cui
ID univoco ho deciso di essere "mezzo" ma potrei identificare questi div
come qualsiasi cosa mi piacerebbe.
E all'interno di questo div "di mezzo", notare che ho un modulo.
Tale forma è apparentemente andando a presentare via HTTP arrivare ai server di Google
il seguente input, un ingresso la cui tipo è il testo e il cui nome è q.
E ciò avverrà non appena la risultati utente Invio o fa clic su un pulsante
etichettati CS50 ricerca.
>> Ora nella parte inferiore della pagina, ho una terza ed ultima div il cui unico
identificatore è "bottom". All'interno di questo, Ho menzione del diritto d'autore,
tra cui un'entità HTML.
Si scopre che © è l'HTML entità che rappresenta la copyright
simbolo, per cui probabilmente non si dispone di un
chiave effettiva sulla tastiera.
Dopo di che, ho parlato che è CS50 di.
>> Ora alto, al centro e in basso esistono così che posso identificare in modo univoco la parte superiore,
la metà, e la parte inferiore di questa pagina in modo che io possa stilizzare loro ogni una
po 'diverso.
E ho già preso l' libertà di farlo.
Più in alto nella mia pagina, ho uno stile tag all'interno del quale sono alcuni CSS
proprietà.
Diamo uno sguardo.
>> Si noti che in cima a questa pagina, ho specificato che qualunque tag HTML sarebbe
con l'identificatore unico superiore come indicato da quel brusco segno prima
essa, dovrebbe avere text-align: centro, come una proprietà.
Nel frattempo, al centro della pagina dovrebbe analogamente essere centrato, ma qualsiasi
ingressi al centro della pagina dovrebbe avere 5 pixel di spazio bianco
intorno a loro, semplicemente per dare cose un po 'più spazio.
Nel frattempo, nella parte inferiore della pagina, Ho specificato che ogni testo deve essere
in un carattere più piccolo, che il peso di ha detto carattere deve essere in grassetto, che la
margine intorno alla parte inferiore della pagina dovrebbe essere 20 pixel, solo per dare un
po 'di respiro così, e che qualsiasi testo
esso dovrebbe essere centrato.
>> Che cosa sarà l'effetto netto?
Bene, diamo uno sguardo in un browser.
Se vado qui a Chrome, voilà.
Ora che è un bello motore di ricerca.