Prima dell'introduzione di Cascading Style Sheets, o CSS, Web designer hanno creato i layout di siti web che utilizzano tabelle HTML. Utilizzando questo metodo ha significato enormi modifiche al codice HTML per le modifiche di layout, e anche meno flessibilità quando il sito è stato visualizzato su diverse risoluzioni dello schermo. Utilizzando il metodo tableless con CSS, le modifiche struttura del layout è diventato facile come cambiare una riga di codice. E 'anche ospitato una più ampia gamma di schermate. Dreamweaver consente di creare facilmente un layout tableless Web utilizzando i suoi modelli di layout predefiniti - semplicemente modificare il sito Web di esempio generato per creare il proprio sito web tableless.

istruzione

1 Aprire Dreamweaver.

2 Selezionare "File" e poi su "Nuovo".

3 Scegliere un layout dall'elenco fornito. Le opzioni includono layout a due e tre colonne con barre laterali, intestazioni e piè di pagina.

4 Fare clic su "Crea".

5 Passare alla scheda "Design" per visualizzare la pagina Web di esempio creato.

6 Clicca sulla sezione che si desidera modificare e inserire i contenuti per il sito. Per aggiungere immagini, selezionare "Inserisci" dal menu principale e scegliere "Immagine".

7 Passare alla scheda "Split". Questo dimostra due finestre: la finestra di codice contenente il codice HTML, e la finestra di progettazione che mostra l'aspetto del tuo sito. Nella finestra del codice, modificare il codice CSS, che si trova nella parte superiore, per cambiare il colore di sfondo, font, larghezza e altezza delle sezioni. Le modifiche apportate qui vengono automaticamente visualizzati nella finestra di progettazione.

8 Fare clic su "File" e "Salva" per salvare la nuova pagina web.