Come utilizzare i CSS Templates

June 30

Cascading Style Sheets (CSS) modelli sono un enorme risparmio di tempo durante la creazione di pagine web conformi agli standard. CSS permette di assegnare regole per controllare specifiche porzioni di pagine, come testo o margini, e bypass un sacco di codice HTML che può rallentare il caricamento della pagina. È possibile utilizzare i modelli CSS già pronti semplicemente collegando il file CSS per i documenti HTML e salvare se stessi da dover fare tutto il lavoro di messa a punto iniziale.

istruzione

1 Ottenere un modello CSS da un editor di testo HTML, come Dreamweaver, o individuare un modello di terze parti sul Web che concede in licenza il lavoro per la distribuzione (vedi Risorse).

2 Creare un file HTML o aprirne uno esistente nel vostro editor di testo.

3 Nome e salvare il file CSS con l'estensione "css" e caricarlo sul server Web. Posizionare il documento nella stessa cartella degli altri file sul web. Utilizzare un'applicazione FTP, come Fetch, per caricare il file, o seguire le istruzioni del vostro Web host per questo processo.

4 Individuare i "<head> </ head>" tag nel documento HTML e inserire un link al file CSS tra questi due elementi. Questo compito assegna le regole di formattazione al documento. Per esempio:
<Head> <link href = "your.css" rel = "stylesheet" type = "text / css"> </ head>

5 Aprire il file CSS ed effettuare regolazioni regola di stile, come ad esempio lo stile del carattere o il colore di sfondo, se si preferisce. Individuare la regola specifica e modificare il valore trovato dopo i due punti. Ad esempio, se il colore del carattere è attualmente impostato al grigio e si desidera che sia nero, cambiamento "{color: grey}" a "{color: black}".

6 Salvare sia il file HTML e CSS e lanciare un browser Web, come Safari o Internet Explorer, per visualizzare in anteprima la pagina. Utilizzare la funzione "Apri File" del browser per selezionare il file e avviare la pagina.