>> DAVID MALAN: Έτσι έχω κάνει τη δική μου μηχανή αναζήτησης.
Και αυτή τη στιγμή, μοιάζει με αυτό.
Έχω εδώ τον τίτλο της σελίδας.
Είναι CS50 αναζήτησης.
Έχω μια φόρμα HTML εσωτερικό του οποίου φαίνεται να είναι μια είσοδος του οποίου ο τύπος είναι
κείμενο και μια άλλη είσοδο των οποίων ο τύπος είναι να υποβάλει.
>> Αν ρίξουμε τώρα μια ματιά στην πηγή για αυτή τη σελίδα, παρατηρούμε ότι, πράγματι,
έχουν h1 και μια ετικέττα τίτλου που μεταβιβάζετε ότι αυτό
είναι πράγματι CS50 αναζήτησης.
Έχουμε μια ετικέτα μορφή που είναι διευκρινίζοντας ότι το έντυπο θα πρέπει να υποβληθεί
τους φίλους μας στο Google.
Και μέσα από αυτή τη μορφή, έχουμε αυτά τα δύο είδη εισόδου.
>> Να σημειωθεί όμως τώρα προς την κορυφή του σελίδα, μέσα από το κεφάλι της σελίδας,
υπάρχει ένα στυλ ετικέτα, στο εσωτερικό του η οποία είναι μια ιδιότητα CSS για
το σώμα της σελίδας.
Τι θα συμβεί αν, όμως, θέλαμε να κάνει όλο το κείμενο ευθυγραμμίζεται
σε πολλές σελίδες;
Με άλλα λόγια, θα ήθελα να επαναχρησιμοποιούν αυτό CSS ιδιοκτησία ξανά και ξανά και ξανά
σε διάφορες ιστοσελίδες, όλα από τους οποίους έχουν ετικέτα του σώματος;
Καλά σίγουρα θα μπορούσα να αντιγράψετε και να επικολλήσετε το CSS σε κάθε μία από αυτές τις σελίδες, αλλά
ότι θα ήταν καλύτερα το σχεδιασμό για τον παράγοντα αυτό έξω σε κάποιο κεντρικό αρχείο και στη συνέχεια
κατά κάποιο τρόπο περιλαμβάνει το αρχείο αυτό σε όλες τις αυτές τις σελίδες, έτσι ώστε αν ποτέ θέλουν να
κάνει μια αλλαγή και να ευθυγραμμιστεί το κείμενο μου για την αριστερά ή στοίχιση κειμένου μου σχετικά με το δικαίωμα, I
μπορεί να κάνει ότι πολύ πιο εύκολα.
Ας προσπαθήσουμε να το κάνουμε αυτό.
>> Κατ 'αρχάς, ας κοπεί αυτό ετικέτα στυλ εντελώς.
Και τώρα ας ανοίξουμε ένα αρχείο που ονομάζεται, ας πούμε, αναζήτηση-3.css και βάλτε ότι
ίδιο CSS σε αυτό το αρχείο.
το σώμα πρόκειται να έχει text-align: center?.
Ας σώσει το αρχείο.
>> Ας πάμε τώρα πίσω για να αναζητήσετε-3.html και, στο κεφάλι και πάλι, να προσθέσετε μια ετικέτα σύνδεσμο
καθορίζοντας μια υπερ-αναφορά της αναζήτησης 3.css.
CSS Και ας διευκρινίσει ότι η σχέση ότι αυτό το αρχείο έχει με το
Η σελίδα είναι να χρησιμεύσει ως φύλλο στυλ.
Ας τώρα να κλείσει αυτήν την ετικέτα, εκτός το αρχείο, και reload
αυτή τη σελίδα στο πρόγραμμα περιήγησης.
>> Είναι ευθυγραμμισμένο το κείμενο σχετικά με την αριστερά σαν το CSS
ιδιοκτησίας δεν ήταν καν εφαρμοστεί.
Τώρα γιατί θα μπορούσε να είναι;
Ας ρίξουμε μια ματιά στο δικαιώματα αρχείου -
Δεν τα δικαιώματα του αρχείου της HTML, αλλά τα δικαιώματα του αρχείου CSS του.
>> Πίσω εδώ στο gedit, ας πάει κάτω το παράθυρο τερματικού και πληκτρολογήστε ls-l
search-3.css.
Αχ, μάλιστα, ακόμα κι αν, το αρχείο του ιδιοκτήτης, μπορεί να διαβάσει και να γράψει αυτό το αρχείο,
κανένας άλλος δεν μπορεί να το διαβάσει.
Αλλά μπορούμε να το διορθώσω αυτό με chmod a + r search-3.css, και τώρα ας εκ νέου να εκτελέσει
ls-l αναζήτησης 3.css--
και πολύ καλύτερα.
Τώρα όλος ο κόσμος μπορεί να διαβάσει αυτό το αρχείο.
>> Ας πάμε πίσω στο πρόγραμμα περιήγησης, φορτώσετε εκ νέου.
Voila, είμαστε πίσω σε μια κεντρική μηχανή αναζήτησης.
Φυσικά, αυτό είναι όπου αρχίσαμε την ιστορία, με το κείμενό μας ήδη στο κέντρο.
Αλλά τι είναι καλύτερο σχεδιασμό τώρα είναι ότι έχουμε υπολογιστεί ότι το CSS σε ένα
κεντρικό αρχείο, κάπου που μπορούμε στη συνέχεια περιλαμβάνονται σε άλλες ιστοσελίδες που
θα μπορούσε να συμβεί για να κάνει στο μέλλον.
Έτσι, αν ποτέ θέλουν να recenter ή restylize γενικότερα τις σελίδες μας,
μπορεί να το κάνει πολύ απλά σε ένα κεντρικό σημείο.