Il look and feel, o lo "stile" di un sito web sono dettati dal CSS (Cascading Style Sheets). Questo è un file che aggiungerai alla directory del tuo sito web che conterrà le varie regole CSS che creano il design visivo e il layout delle tue pagine.
Mentre i siti possono usare, e spesso usano, fogli di stile multipli, non è necessario farlo. Puoi inserire tutte le tue regole CSS in un unico file, e ci sono effettivamente dei vantaggi a farlo, inclusi tempi di caricamento e prestazioni delle pagine più veloci poiché non è necessario recuperare più file. Anche se i siti aziendali di grandi dimensioni possono avere bisogno di fogli di stile separati a volte, molti siti di piccole e medie dimensioni possono fare perfettamente bene con un solo file con tutte le regole di cui le pagine hanno bisogno. Questo solleva la domanda "Come dovrei denominare questo file CSS"? "
Nozioni di base sulla convenzione di denominazione
Quando crei un foglio di stile esterno per le tue pagine web, dovresti nominare il file seguendo convenzioni di denominazione simili per i tuoi file HTML.
Non usare caratteri speciali
Dovresti utilizzare solo le lettere a-z, i numeri da 0 a 9, il carattere di sottolineatura (_) e i trattini (-) nei nomi dei file CSS. Mentre il tuo file system può consentire di creare file con altri caratteri al loro interno, il sistema operativo del tuo server potrebbe avere problemi con caratteri speciali. Sei più sicuro usando solo i personaggi menzionati qui. Dopotutto, anche se il tuo server consente caratteri speciali, questo potrebbe non essere il caso se decidi di trasferirti ai provider host in futuro.
Non usare nessuno spazio
Proprio come con caratteri speciali, gli spazi possono causare problemi sul tuo server web. È una buona idea evitarli nei nomi dei file: dovresti persino fare in modo di nominare file come i PDF usando le stesse convenzioni, nel caso in cui tu abbia mai bisogno di aggiungerli a un sito web. Se ritieni che sia necessario uno spazio per rendere più leggibile il nome del file, scegli invece trattini o caratteri di sottolineatura. Ad esempio, invece di usare "this is the file.pdf" usa "this-is-the-file.pdf".
Il nome del file dovrebbe iniziare con una lettera
Anche se questo non è un requisito assoluto, alcuni sistemi hanno problemi con i nomi dei file che non iniziano con una lettera. Ad esempio, se si sceglie di iniziare il file con un carattere numerico, ciò può causare problemi lungo la linea.
Usa tutto in minuscolo
Anche se questo non è richiesto per un nome file, è una buona idea, dato che alcuni server web sono case sensitive, e se si dimentica e si fa riferimento al file in un caso diverso, non verrà caricato. Usare caratteri minuscoli per ogni nome di file è sempre un modo intelligente per andare. In effetti, molti nuovi web designer non riescono a ricordarsi di farlo: la loro azione predefinita quando si nomina un file è di capitalizzare il primo carattere del nome. Evita questo e prendi l'abitudine solo di caratteri minuscoli.
Mantieni il nome del file il più breve possibile
Mentre esiste un limite di dimensione del nome del file sulla maggior parte dei sistemi operativi, è molto più lungo di quanto sia ragionevole per un nome di file CSS. Una buona regola empirica non è più di 20 caratteri per il nome del file che non include l'estensione. Realisticamente, qualsiasi cosa molto più lunga di quella è ingombrante con cui lavorare e collegarsi comunque.
La parte più importante del nome del file CSS
La parte più importante del nome del file CSS non è il nome del file stesso, ma l'estensione. Le estensioni non sono richieste su sistemi Macintosh e Linux, ma è una buona idea includerne uno quando si scrive un file CSS. In questo modo saprai sempre che si tratta di un foglio di stile e non è necessario aprire il file per determinare quale sarà in futuro.
Probabilmente non è una grande sorpresa, ma l'estensione sul tuo file CSS dovrebbe essere:
css
Convenzioni di denominazione dei file CSS
Se sul sito hai solo un file CSS, puoi nominarlo come preferisci. Uno dei seguenti è preferibile:
styles.css o default.css
Se il tuo sito web userà più file CSS, dai il nome dei fogli di stile dopo la loro funzione in modo che sia chiaro esattamente quale sia lo scopo di ogni file. Dal momento che una pagina web può avere più fogli di stile allegati, aiuta a dividere i tuoi stili in fogli diversi a seconda della funzione di quel foglio e degli stili al suo interno. Per esempio:
- Layout vs. design
layout.css design.css
- Sezioni di pagina
main.css nav.css
- Intero sito con sottosezioni
mainstyles.css subpage.css
Se il tuo sito Web utilizza un framework di qualche tipo, probabilmente noterai che utilizza più file CSS, ciascuno dedicato a diverse parti delle pagine o aspetti del sito (tipografia, colore, layout, ecc.).
A cura di Jeremy Girard
