December 1
L'integrazione di fogli di stile a cascata (CSS) nel tuo sito web ti dà la possibilità di controllare l'aspetto del tuo sito --- tutto, dai font utilizzati, dimensioni del testo e colori per le liste, immagini e altri elementi di contenuto. Dopo aver imparato il linguaggio di markup ipertestuale (HTML) per creare siti web, il prossimo passo è quello di aggiungere CSS al vostro repertorio. Mentre il contenuto --- il testo e le immagini --- risiederà su pagine HTML, che verrà utilizzato CSS per definire lo stile di quegli elementi di contenuto.
1 Inizia un nuovo file CSS. Nella maggior parte dei programmi di web design, tipo CTRL + N (CMD + N su Mac) per iniziare un nuovo documento, e il software vi chiederà che tipo di file che si desidera. Selezionare cascata di stile (CSS), e salvare il file con estensione dot-css.
2 Impostare la tua pagina principale attributi di progettazione. L'inizio del vostro foglio di stile (supponendo che si sta utilizzando solo uno - se si utilizza più di uno, questo sarà il foglio di stile che gestisce l'aspetto di base del tuo sito web) dovrebbe includere elementi come la larghezza della pagina, colori e immagini di sfondo, il carattere che si utilizzerà, le dimensioni del testo ei colori dei collegamenti, intestazioni e il corpo del testo, e altri onnicomprensiva attributi.
3 Definire gli ID e le classi. Questo è dove si drill-down e definire ciò che gli altri vari elementi del tuo sito web sarà simile. La sintassi simile a questa:
ID {attributo1: Descrizione; attributo2: descrizione; }
o
elemento .class {attributo1: descrizione; Abilità 2: descrizione; attribute3: descrizione; }
Se non si è sicuri del vocabolario da utilizzare per gli attributi e la descrizione, la maggior parte delle librerie principali porteranno guide CSS, o utilizzare uno dei riferimenti elencati di seguito. Dreamweaver vi aiuterà con un menu pop-up, se questo è il software che si utilizza.
4 Riferimento tuo foglio di stile in ogni pagina del tuo sito web che si basa su di esso. Per fare questo, inserire la seguente riga di codice tra i tag <head> </ head> tag e:
<Tipo di link = "text / css" rel = "stylesheet" href = "LocationAndNameOfYourStylesheet.css">