Impostazione di tag div in Dreamweaver

March 4

il layout di un sito web composto da un numero di suddivisioni. Hyper Text Markup Language fornisce una serie di elementi e tag si utilizza per creare suddivisione che comprende tavoli, strati e tag div. tag div sono aumentati in uso nel corso degli anni a causa della loro flessibilità. Troverete tag div in collaborazione con foglio di stile CSS utilizzato per la formattazione HTML. Utilizzare un programma di Web design come Dreamweaver per progettare e sviluppare siti web e le pagine. Dreamweaver contiene i comandi predefiniti eseguibili per la creazione di tag div nel tuo sito web o una pagina Web HTML.

istruzione

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

2 Fai clic su "File" e poi su "Nuovo". Selezionare "Pagina vuota" a sinistra della finestra "Nuovo documento" e "HTML" sul riquadro di destra della finestra.

3 Fare clic sul pulsante "Crea". Viene visualizzata una schermata vuota in Dreamweaver.

4 Inserire un tag div in Dreamweaver. Fai clic su "Inserisci", "Oggetti layout" e poi cliccare su "div Tag". Ciò fa apparire la casella "Inserisci div Tag".

5 Inserisci un ID per il tag DIV nella casella "ID". Un esempio potrebbe essere simile: ". MyDiv" Fai clic su "Visualizza" e fare clic su "Codice". Nota un codice simile a <div id = "myDiv"> Contenuti per id "myDiv" va qui </ div>

6 Fai clic su "Finestra" e poi cliccare su "Stili CSS". Fare questo se la finestra Stili CSS non è già visualizzata sul lato destro di Dreamweaver.

7 Guardate in basso a destra della finestra "Stili CSS". Fare clic sulla seconda icona sul etichettata "nuova regola CSS" sinistra quando evidenziato. Ciò fa apparire la finestra "regola CSS".

8 Selezionare "Avanzate" (ID, selettori di pseudo-classe) per il "Selettore-Type" e scegliere il nome del tag div dalla casella "Selettore". Selezionare l'opzione "solo questo documento" e fare clic su "OK". Questo porta in primo piano la "definizione CSS regola per [il tuo nome CSS]" finestra.

9 Selezionare le diverse categorie nel riquadro a sinistra della finestra di definizione CSS e definire i tag div con i CSS. Definire quanto segue: tipo di font, colore di sfondo, larghezza, altezza, ecc

Ecco esempio di codice generato utilizzando Dreamweaver:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

<Meta http-equiv = "Content-Type" content = "text / html; charset = iso-8859-1" />

<Title> </ title>

<Style type = "text / css">

myDiv {

font-family: "Times New Roman", Times, serif;

background-color: #FFFFCC;

altezza: 100px;

width: 200px;

}

</ Style>

</ Head>

<Body>

<Div id = "myDiv"> sul suo sito web sarebbe andato qui, tra i tag div </ div>

</ Body>

</ Html>

Il codice messe a punto una chiamata div "myDiv" in Dreamweaver, quindi utilizza i CSS per formattare i suoi attributi come il suo: colore di sfondo, il tipo di font, larghezza e altezza.

10 Fai clic su "File" e poi "Salva con nome" per salvare il lavoro.

11 Fare clic su "File", "anteprima nel browser" e quindi fare clic su browser Web per visualizzarne l'anteprima.