Come collegare un foglio di stile esterno a una pagina in Dreamweaver - dummies

Dopo aver creato un foglio di stile esterno in Dreamweaver, è possibile collegarlo a qualsiasi pagina Web. Nelle istruzioni dettagliate che seguono, è possibile utilizzare uno qualsiasi dei fogli di stile predefiniti inclusi in Dreamweaver oppure è possibile utilizzare queste istruzioni per allegare qualsiasi foglio di stile creato utilizzando i passaggi nell'esercizio precedente.

Inizia aprendo la pagina a cui desideri allegare il foglio di stile e quindi segui questi passaggi:

1. Fare clic sull'icona più (+) nel pannello Sorgenti nella parte superiore del pannello di Progettazione CSS e scegliere Collega file CSS esistente dall'elenco a discesa.

   Si apre la finestra di dialogo Allega file CSS esistente.

2. Fare clic sul pulsante Sfoglia e individuare il file CSS nella cartella del sito locale.

   È inoltre possibile inserire un URL se si desidera utilizzare un file CSS remoto situato su un altro sito Web, ma è più comune utilizzare un foglio di stile contenuto nel sito Web su cui si sta lavorando.

3. Seleziona l'opzione Link o Importa.

   Se si collega un foglio di stile a un file HTML, la scelta migliore è quasi sempre scegliere Link, che è l'impostazione predefinita. Scegliere Importa se si desidera creare un foglio di stile esterno principale che contenga riferimenti ad altri fogli di stile, un'opzione avanzata che consente a un foglio di stile di riferirsi a un altro.

4. (Opzionale) Scegliere le opzioni dalla sezione Uso condizionale.

   Utilizzare le funzioni di utilizzo condizionale per definire una query multimediale mentre si allega il foglio di stile.

5. Fare clic su OK.

   La finestra di dialogo si chiude e Dreamweaver imposta il collegamento al foglio di stile aggiungendo una riga di codice nella parte superiore del file HTML. Dopo aver collegato un foglio di stile esterno, gli stili applicabili vengono applicati automaticamente al contenuto della pagina in Dreamweaver e i nomi dei selettori degli stili definiti nel foglio di stile diventano visibili nel pannello Selettori del pannello Designer CSS.

È possibile allegare più fogli di stile alla stessa pagina HTML ed è possibile utilizzare fogli di stile interni ed esterni nello stesso documento. Ad esempio, è possibile salvare gli stili di testo in un foglio di stile, salvare gli stili di layout in un altro e quindi allegare entrambi allo stesso documento, il che rende tutti gli stili definiti disponibili per la pagina.

Allo stesso modo, si creano diversi fogli di stile per scopi diversi, come uno per la stampa del file e un altro per la visualizzazione del browser.