Fogli di stile CSS (CSS) sono un buon modo per impostare un sito Web in modo che siete in grado di influenzare i colori, font, dimensioni, layout e altri aspetti del vostro disegno sito su un unico documento. Aggiornamento del documento aggiorna l'aspetto dell'intero sito, mantenendolo uniforme e semplice.

Adobe Dreamweaver MX vi assiste nel vocabolario dei CSS come si crea il tuo foglio di stile, che lo rende un buon programma da utilizzare sia per principianti ed esperti.

Creazione di un foglio di stile di New

Per creare un nuovo file CSS in Dreamweaver MX, creare un nuovo documento (utilizzare CTRL + N su un PC o CMD + N su un Mac) e selezionare il foglio di stile CSS dal menu a comparsa. Dreamweaver pre-popolerà il nuovo documento con i tag base necessari; è sufficiente iniziare a digitare tra i tag di chiusura e di apertura.

Ciò che va su un foglio di stile?

Un file CSS contiene le istruzioni per quali vari elementi del vostro sito a guardare come. Ad esempio, è possibile inserire un'immagine di sfondo o colore (o entrambi) in una pagina, impostare quale tipo di carattere, dimensione e colore desiderato per le varie sezioni (ad esempio, l'intestazione di pagina, il menu di navigazione, link e testo del corpo) e creare vari elementi di layout, come impostare la larghezza e la posizione delle colonne o delle liste.

Gran parte di questa operazione viene eseguita utilizzando gli ID (spesso, ma non necessariamente, utilizzato per gli elementi principali come un menu di navigazione) e classi.

Sintassi

La sintassi di un file CSS è simile a questo:

ID {attribute1:description; attribute2:description;}

o

elemento Class {attribute1:description; attributo 2:description; attribute3:description;}

Vocabolario e aiuto da Dreamweaver MX

Mentre decidi cosa chiamare gli ID e classi, ci sono vocabolari specifici per gli attributi e descrizioni. Dreamweaver MX offrirà un elenco di attributi, disposte in ordine alfabetico, dopo ogni spazio tra la parentesi. Se si inizia a digitare, restringerà l'elenco degli attributi disponibili a partire con le lettere digitate.

Dreamweaver offre suggerimenti limitati per le descrizioni, ma potrebbe essere una buona idea avere una guida di riferimento, come esercitazione del Consorzio W3 o la libreria Webmonkey disponibile (vedi riferimenti).

Legando il tuo CSS al tuo sito Web

Per ogni pagina nel tuo sito Web utilizzando un foglio di stile, sarà necessario aggiungere un collegamento al foglio di stile (o fogli di stile..--è possibile utilizzare più di uno se lo si desidera) all'interno della testa delle pagine.

Tale collegamento sarà simile a questo (posizionarlo tra < head > e < / head > Tag):

< tipo di collegamento = "text/css" rel = "stylesheet" href="LocationAndNameOfYourStylesheet.css" >