Tutorial per i CSS in Dreamweaver

Cascading Style Sheets ( CSS) è una forma avanzata di codifica pagina web HTML che fornisce un aumento di progettazione e opzioni di formattazione . Invece di applicare i singoli frammenti di codice HTML per ogni blocco di testo o sezione della pagina , CSS consente di definire le regole di "stile" e le classi , in modo simile ai set di stile di elaborazione testi e software di impaginazione . È quindi possibile applicare gli stili agli elementi nelle tue pagine --- rendendo formattazione più semplice e veloce , oltre a garantire l'uniformità in tutta la pagina o un intero sito web . Built -in funzione di CSS di Dreamweaver sembra complicato all'inizio, ma non dopo che hai provato un paio di volte . Cose che ti serviranno
Adobe Dreamweaver CS1 o poi
Show More Istruzioni
Utilizzando i CSS in Dreamweaver
1

Iniziare un nuovo documento HTML Dreamweaver o aprire un documento esistente in cui si desidera creare le regole CSS .
2

Vai al pannello Proprietà e fare clic sul pulsante " CSS " che si trova sul lato sinistro del pannello . Questo mette Dreamweaver in modalità CSS .
3

Fare clic su " regola di destinazione " a discesa nel pannello Proprietà e scegliere " " .
4

Fare clic sul pulsante " Modifica regola " nel pannello Proprietà . Verrà visualizzata la finestra di dialogo Nuova regola CSS , dove è il nome della nuova regola di stile e di definire il suo comportamento .
5

Fare clic su " Selezione tipo " drop -down . Ci sono quattro opzioni di questo menu a discesa , che hanno nomi descrittivi che spiegano quello che fanno. Ad esempio, " Classe ( può essere applicato a qualsiasi elemento HTML ) " consente di creare una classe di stile si può applicare a qualsiasi testo nel documento . " Compound ( in base alla selezione ) " consente di creare una classe di stile in base al testo selezionato prima di fare clic su " Modifica regola. "
6

Fare clic nel campo " Nome Selector " e digitare il nome del vostro stile . A seconda del tipo di selezione si è scelto nel passaggio precedente , certi tipi di regole di stile richiedono specifiche convenzioni di denominazione . Ad esempio, " Classe ( può essere applicato a qualsiasi elemento HTML ) " richiede che il nome stile inizia con un punto ( . ) . Quindi , se si definisce uno stile di titolo , per esempio, è possibile assegnare un nome al primo livello di voce . " H1 ". Si potrebbe chiamare il corpo del testo " . Corpo " . Dreamweaver verrà chiesto se il vostro convenzione di denominazione è sbagliato , e fornire con una spiegazione di come dare un nome allo stile .
7

Clicca la "Regola Definizione" menu a tendina e scegliere in che modo si desidera che Dreamweaver applicare lo stile . Ci sono due opzioni : " Questo documento solo " crea i tag style nella sezione head HTML della pagina corrente . Gli stili sono disponibili solo per questa pagina . " ( Nuovo file foglio di stile ) " crea un file esterno CSS ( . Css ) .

La potenza dei CSS è che è possibile formattare diverse pagine --- un intero sito --- basato sulla stessa serie di regole CSS . Ciò si ottiene con i file CSS esterni . Se si sceglie " ( Nuovo file foglio di stile ) , " quando si fa clic su " OK " in questa finestra di dialogo , Dreamweaver richiede di assegnare un nome al file CSS . Se si utilizza solo un file CSS per l'intero sito , la convenzione di denominazione standard è " styles.css . " Tuttavia, un sito può avere molti fogli di stile --- uno per le intestazioni , piè di pagina, un altro per le barre laterali . Date ai vostri file CSS nomi significativi .

Dopo aver creato il vostro primo file CSS esterno , la prossima volta che si apre Nuova regola CSS , il file viene visualizzato nella Regola Definizione discesa. Quando si crea un altro stile , assicurarsi di aggiungerlo al file CSS esterno appropriato .
8

Fare clic su " OK" per visualizzare la " Definizione regola CSS per ... " finestra di dialogo. Questo è dove si formatta il tuo stile , come il carattere, la dimensione , lo stile ( grassetto, corsivo ), colore . Le opzioni sono ampie , permettendo per la formattazione piuttosto elaborato , tra cui caselle di testo , sfondi e molte altre opzioni di formattazione . Impostare la formattazione desiderata per questo stile , quindi fare clic su "OK".
9

Ripetere questo processo per creare regole di stile aggiuntivi. Per applicare uno stile a un blocco di testo , è sufficiente fare clic nel paragrafo, quindi scegliere lo stile desiderato dalla " regola di destinazione " a discesa nel pannello Proprietà .