Come creare un foglio di stile in Dreamweaver

January 28

CSS è un linguaggio di fogli di stile usato con linguaggi di markup come HTML, XHTML e XML per formattare e presentare le pagine Web. linguaggio CSS può essere incorporato all'interno di una pagina Web o di riferimento da un modello di foglio di stile CSS esterno. Adobe Dreamweaver è uno strumento di authoring Web che viene utilizzato per lo sviluppo di siti web che supportano e utilizzano modelli CSS e fogli di stile per la formattazione. Creazione di un foglio di stile esterno in Adobe Dreamweaver richiede solo pochi semplici passi da compiere.

istruzione

1 Fai clic su "Start", "Programmi", "Adobe" e quindi fare clic per aprire Adobe Dreamweaver.

2 Salite a "File" e poi su "Nuovo".

3 Selezionare "Pagina vuota" sotto "Categoria" nel riquadro di sinistra, quindi selezionare "CSS" sul riquadro di destra della finestra "Nuovi documenti".

4 Fare clic su "Crea". Si è ora presentata una pagina vuota bianca per scrivere il codice CSS.

5 Scrivere il codice CSS. L'esempio seguente CSS riguarda il formato di colore di una pagina web di sfondo, intestazioni, dimensioni dei caratteri e varie caratteristiche del suo testo di ancoraggio URL.

CSS sintassi e-mail:

body {background-color: abbronzatura;}

h1 {color: marrone; font-size: 20pt;}

hr {color: navy;}

p {font-size: 11pt; margin-left: 15px;}

a: link {color: green;}

a: visited {color: yellow;}

a: hover {color: black;}

a: active {color: blue;}

6 Fai clic su "File" e poi "Salva con nome". Salvarlo come mystylesheet.css.

7 Vai a Adobe Dreamweaver e aprire la pagina Web che si desidera utilizzare il foglio di stile sul e incorporare il foglio di stile nel codice sorgente della pagina Web. Utilizzare il tag link HTML per incorporare il foglio di stile all'interno della pagina Web.

Esempio: "<link rel =" stylesheet "type =" text / css href = "mystylesheet.css">