Adobe Dreamweaver è uno strumento web-authoring che fornisce un'interfaccia utente per le persone che non sanno come codice siti web. È possibile aggiungere contenuti al tuo sito e liberamente fare i layout senza alcuna conoscenza di codifica. Poiché si tratta di un programma WYSIWYG, il vostro disegno nella vista Progettazione dovrebbe assomigliare da vicino il progetto che verrà visualizzato su un browser Web. Adobe Dreamweaver serve anche come un editor HTML in cui è possibile aggiungere o modificare i codici HTML per mettere a punto il vostro disegno.

istruzione

1 Avviare Adobe Dreamweaver dal menu Start, e fare clic su "File" nella barra dei menu. Fai clic su "Nuovo", se si vuole iniziare a fare i vostri codici HTML da zero o fare clic su "Apri" per modificare i codici HTML di una pagina esistente.

2 Fai clic su "Finestra" sulla barra dei menu e fare clic su "ispezione Codice" per aprire un dialogo in cui è possibile digitare i codici HTML.

3 Digitare eventuali codici HTML valido per vedere il risultato nella vista Struttura in tempo reale. Per esempio, digitando <center> test </ center> nella finestra di ispezione Codice sarà centrare la parola "test" sulla tua pagina. Fare clic sul menu "File" e cliccare su "Salva" o "Salva con nome ..." se non si desidera sovrascrivere il file per salvare il lavoro HTML.

Consigli e avvertenze

• È inoltre possibile fare clic sul menu "Visualizza" e selezionare "Codice" se si preferisce fare il codice HTML a schermo intero. Selezionare la voce "Codice e Design" dal menu per dividere il Adobe Dreamweaver a metà, dove da un lato mostra la scatola di codice HTML e l'altro lato mostra la visualizzazione struttura.
• Se si desidera inserire un frammento di codice HTML nel vostro disegno, fare clic destro sul posto della pagina in cui si desidera inserire il codice e fare clic su "Insert HTML ..." Incolla o inserire il codice HTML nella casella di testo e premere il tasto "Enter" per aggiungerlo.
• Digitare il testo o inserire oggetti trascinandoli alla visualizzazione Progettazione per vedere i cambiamenti codice equivalente quando si carica di ispezione Codice. L'applicazione di eventuali modifiche di formattazione e posizionamento utilizzando le varie funzioni di Dreamweaver trovati sulle barre degli strumenti e barre di menu sarà anche aggiornare il codice. Osservando il codice cambia può aiutare a conoscere meglio codifica HTML, come si lavora.