Η εμφάνιση και η αίσθηση, ή "στυλ" ενός ιστότοπου υπαγορεύεται από CSS (Cascading Style Sheets). Αυτό είναι ένα αρχείο που θα προσθέσετε στον κατάλογο του ιστότοπού σας και θα περιέχει τους διάφορους κανόνες CSS που δημιουργούν τον οπτικό σχεδιασμό και τη διάταξη των σελίδων σας.
Ενώ οι ιστότοποι μπορούν να χρησιμοποιούν και συχνά χρησιμοποιούν πολλαπλά φύλλα στυλ, δεν είναι απαραίτητο. Μπορείτε να τοποθετήσετε όλους τους κανόνες CSS σε ένα αρχείο, και στην πραγματικότητα υπάρχουν οφέλη από αυτό, συμπεριλαμβανομένης της ταχύτερης χρόνος φόρτωσης και απόδοση των σελίδων, καθώς δεν χρειάζονται λήψη πολλών αρχείων. Ενώ είναι πολύ μεγάλοι, οι εταιρικοί ιστότοποι ενδέχεται να χρειάζονται ξεχωριστά φύλλα στυλ μερικές φορές, πολλοί μικρομεσαίοι ιστότοποι μπορούν να ταιριάζουν απόλυτα με ένα μόνο αρχείο με όλους τους κανόνες που χρειάζονται οι σελίδες σας. Αυτό γεννά την ερώτηση "Τι πρέπει να ονομάσω αυτό το αρχείο CSS"; "
Βασικά στοιχεία για την ονομασία της σύμβασης
Όταν δημιουργείτε ένα
φύλλο εξωτερικού στυλ για τις ιστοσελίδες σας, θα πρέπει να ονομάσετε το αρχείο ακολουθώντας παρόμοιες συμβάσεις ονομασίας για τα αρχεία HTML σας.Μην χρησιμοποιείτε ειδικούς χαρακτήρες
Θα πρέπει να χρησιμοποιείτε μόνο τα γράμματα a-z, αριθμούς 0-9, υπογράμμιση (_) και παύλες (-) στα ονόματα αρχείων CSS. Ενώ το σύστημα αρχείων σας μπορεί να σας επιτρέψει να δημιουργήσετε αρχεία με άλλους χαρακτήρες σε αυτά, το λειτουργικό σας διακομιστή ενδέχεται να έχει προβλήματα με ειδικούς χαρακτήρες. Είστε πιο ασφαλείς χρησιμοποιώντας μόνο τους χαρακτήρες που αναφέρονται εδώ. Σε τελική ανάλυση, ακόμα και αν ο διακομιστής σας επιτρέπει ειδικούς χαρακτήρες, αυτό δεν ισχύει εάν αποφασίσετε να μεταβείτε σε διαφορετικούς παρόχους κεντρικών υπολογιστών στο μέλλον.
Μην χρησιμοποιείτε χώρους
Όπως και με ειδικούς χαρακτήρες, τα κενά μπορούν να προκαλέσουν προβλήματα στον διακομιστή ιστού σας. Είναι καλή ιδέα να τα αποφύγετε στα ονόματα των αρχείων σας. θα πρέπει ακόμη και να το κάνετε να ονομάσετε αρχεία όπως PDF χρησιμοποιώντας αυτές τις ίδιες συμβάσεις, σε περίπτωση που χρειαστεί να τα προσθέσετε σε έναν ιστότοπο. Εάν αισθάνεστε έντονα ότι χρειάζεστε χώρο για να κάνετε το όνομα αρχείου ευκολότερο να διαβαστεί, επιλέξτε αντί για ενωτικά ή κάτω παύλες. Για παράδειγμα, αντί να χρησιμοποιήσετε "αυτό είναι το αρχείο.pdf" χρησιμοποιήστε "αυτό-είναι-το-αρχείο.pdf".
Το όνομα αρχείου πρέπει να ξεκινά με ένα γράμμα
Αν και αυτό δεν είναι απόλυτη απαίτηση, ορισμένα συστήματα έχουν πρόβλημα με τα ονόματα αρχείων που δεν ξεκινούν με ένα γράμμα. Για παράδειγμα, εάν επιλέξετε να ξεκινήσετε το αρχείο σας με αριθμό χαρακτήρων, αυτό μπορεί να προκαλέσει προβλήματα στη γραμμή.
Χρησιμοποιήστε όλα τα πεζά
Αν και αυτό δεν απαιτείται για ένα όνομα αρχείου, είναι καλή ιδέα, καθώς ορισμένοι διακομιστές ιστού είναι πεζών-κεφαλαίων και εάν ξεχάσετε και αναφέρετε το αρχείο σε διαφορετική περίπτωση, δεν θα φορτωθεί. Η χρήση πεζών χαρακτήρων για κάθε όνομα αρχείου είναι πάντα ένας έξυπνος τρόπος να πάτε. Στην πραγματικότητα, πολλοί νέοι σχεδιαστές ιστοσελίδων δυσκολεύονται να θυμηθούν να το κάνουν αυτό, η προεπιλεγμένη τους ενέργεια κατά την ονομασία ενός αρχείου είναι να κεφαλαιοποιήσουν τον πρώτο χαρακτήρα του ονόματος. Αποφύγετε αυτό και συνηθίστε μόνο με πεζούς χαρακτήρες.
Διατηρήστε το όνομα αρχείου όσο το δυνατόν συντομότερο
Ενώ υπάρχει ένα όριο μεγέθους ονόματος αρχείου στα περισσότερα λειτουργικά συστήματα, είναι πολύ μεγαλύτερο από ό, τι είναι λογικό για ένα όνομα αρχείου CSS. Ένας καλός κανόνας δεν είναι περισσότεροι από 20 χαρακτήρες για το όνομα αρχείου που δεν περιλαμβάνει την επέκταση. Ρεαλιστικά, κάτι πολύ περισσότερο από αυτό είναι δύσκολο να συνεργαστεί και να συνδεθεί με ούτως ή άλλως.
Το πιο σημαντικό μέρος του ονόματος αρχείου CSS
Το πιο σημαντικό μέρος του ονόματος αρχείου CSS δεν είναι το ίδιο το όνομα αρχείου, αλλά η επέκταση. Δεν απαιτούνται επεκτάσεις σε Macintosh και Συστήματα Linux, αλλά είναι καλή ιδέα να συμπεριλάβετε ένα ούτως ή άλλως όταν γράφετε ένα αρχείο CSS. Με αυτόν τον τρόπο θα γνωρίζετε πάντα ότι είναι ένα φύλλο στυλ και δεν χρειάζεται να ανοίξετε το αρχείο για να προσδιορίσετε τι είναι στο μέλλον.
Πιθανότατα δεν είναι μεγάλη έκπληξη, αλλά η επέκταση στο αρχείο CSS πρέπει να είναι:
.css
Συμβάσεις ονομάτων αρχείων CSS
Εάν θα έχετε μόνο ένα αρχείο CSS στον ιστότοπο, μπορείτε να το ονομάσετε ό, τι θέλετε. Ένα από τα παρακάτω είναι προτιμότερο:
style.css
standard.css
προεπιλογή.css
Εάν ο ιστότοπός σας θα χρησιμοποιεί πολλά αρχεία CSS, ονομάστε τα φύλλα στυλ μετά τη λειτουργία τους, ώστε να είναι σαφές ακριβώς ποιος είναι ο σκοπός κάθε αρχείου. Δεδομένου ότι μια ιστοσελίδα μπορεί να έχει πολλά φύλλα στυλ προσαρτημένα σε αυτά, βοηθά στη διαίρεση των στυλ σας σε διαφορετικά φύλλα ανάλογα με τη λειτουργία αυτού του φύλλου και τα στυλ μέσα σε αυτό. Για παράδειγμα:
-
Διάταξη εναντίον σχέδιο
layout.css design.css
-
Ενότητες σελίδας
main.css nav.css
-
Ολόκληρος ο ιστότοπος με υποενότητες
mainstyles.css subpage.css
Εάν ο ιστότοπός σας χρησιμοποιεί κάποιο είδος πλαισίου, πιθανότατα θα παρατηρήσετε ότι χρησιμοποιεί πολλά αρχεία CSS, το καθένα αφιερώνεται σε διαφορετικά τμήματα των σελίδων ή πτυχών του ιστότοπου (τυπογραφία, χρώμα, διάταξη, και τα λοιπά.).