>> DAVID MALAN: Έτσι έχω κάνει μου δική του μηχανή αναζήτησης, αλλά έχω μόνο
αποφάσισε να αναδιαρθρώσει τα πράγματα κάτω από το καπό.
Ας ρίξουμε μια ματιά.
Εδώ στην HTML για αυτή τη σελίδα, σημείωση ότι έχω τώρα στην κορυφή της σελίδας τι
φαίνεται να είναι ένα λογότυπο, logo.gif, και Έχω δώσει ένα εναλλακτικό κείμενο
Αναζήτηση CS50, μόνο στην περίπτωση που κάποιος δεν είναι σε θέση να δείτε αυτή την εικόνα.
>> Να σημειωθεί όμως ότι έχω αναθέσει την εικόνα μέσα σε ένα div, και το έχω ανατεθεί
ένα μοναδικό αναγνωριστικό του απόσπασμα, unquote, "κορυφή". Κάτω από αυτό, έχω ένα άλλο div των οποίων
μοναδικό αναγνωριστικό έχω αποφασίσει να «μέση» αλλά θα μπορούσα να τον εντοπισμό αυτών των divs
ως κάτι που θα ήθελα.
Και μέσα από αυτό το "μεσαίο" div, παρατηρήσετε ότι έχω μια φόρμα.
Το έντυπο αυτό είναι προφανώς πρόκειται να υποβάλει μέσω HTTP πάρει στους διακομιστές της Google
η ακόλουθη εισόδου, μια είσοδος του οποίου τύπος είναι το κείμενο του οποίου το όνομα είναι q.
Και αυτό θα συμβεί μόλις η χρήστης πατήσει Enter ή κάνει κλικ σε ένα κουμπί
επισημαίνονται CS50 αναζήτησης.
>> Τώρα στο κάτω μέρος της σελίδας, έχω μια τρίτη και τελική div οποίου ο μοναδικός
αναγνωριστικό είναι "εκ των κάτω". Μέσα από αυτό, Έχω μνεία του δικαιώματος του δημιουργού,
συμπεριλαμβανομένης μιας οντότητας HTML.
Αποδεικνύεται ότι © είναι η HTML οντότητα που εκπροσωπεί τα πνευματικά δικαιώματα
σύμβολο, για τα οποία πιθανότατα δεν έχετε ένα
πραγματική πλήκτρο στο πληκτρολόγιό σας.
Μετά από αυτό, αναφέρω ότι είναι CS50 του.
>> Τώρα κορυφή, μέση και κάτω υπάρχουν τόσο ότι μοναδικά μπορώ να αναγνωρίσω την κορυφή,
η μεσαία, και το κάτω μέρος αυτής της σελίδας έτσι ώστε να μπορώ να τα στυλιζάρω κάθε ένα
λίγο διαφορετικά.
Και έχω ήδη λάβει η ελευθερία για να γίνει αυτό.
Ψηλότερα στην σελίδα μου, έχω ένα στυλ ετικέτα εσωτερικό του οποίου είναι μερικά CSS
ιδιότητες.
Ας ρίξουμε μια ματιά.
>> Παρατηρήστε ότι στην κορυφή αυτής της σελίδας, έχω ορίζεται ότι οποιοδήποτε HTML tag θα
με το μοναδικό αναγνωριστικό της κορυφή ως υποδεικνύεται από την εν λόγω απότομη σημάδι πριν
αυτό, θα πρέπει να έχει text-align: κέντρο? ως ιδιοκτησία.
Εν τω μεταξύ, στη μέση της σελίδας θα πρέπει να παρομοίως να επικεντρώνεται, αλλά οποιαδήποτε
εισροών στη μέση της σελίδας θα πρέπει να έχει 5 pixels λευκού χώρου
γύρω τους, απλά για να δώσει τα πράγματα λίγο περισσότερο χώρο.
Εν τω μεταξύ, στο κάτω μέρος της σελίδας, Έχω διευκρίνισε ότι οποιοδήποτε κείμενο θα πρέπει να είναι
σε ένα μικρότερο γραμματοσειρά, ότι το βάρος του είπε γραμματοσειρά πρέπει να είναι τολμηρή, ότι η
περιθώριο γύρω από το κάτω μέρος της σελίδας θα πρέπει να είναι 20 pixels, ακριβώς για να δώσει μια
λίγο αναπνοής του δωματίου καθώς και ότι οποιοδήποτε κείμενο
αυτό θα πρέπει να επικεντρώνεται.
>> Τι πρόκειται να είναι το τελικό αποτέλεσμα;
Λοιπόν, ας ρίξουμε μια ματιά σε ένα πρόγραμμα περιήγησης.
Αν πάω εδώ στο Chrome, voila.
Τώρα που είναι μια καλή εμφάνιση μηχανή αναζήτησης.