Adobe CS5 Nozioni di base su Dreamweaver HTML - dummies

Creazione di una pagina Web in Adobe Creative Suite 5 (Adobe CS5) Dreamweaver è un'attività semplice. Comprendere l'HTML di base che crea richiede una piccola spiegazione. La pagina web può essere complessa o semplice come vuoi ed entrambi i tipi sono ugualmente efficaci se creati correttamente.

Dreamweaver lavora in background per garantire che la nuova pagina funzioni nella maggior parte delle versioni più recenti di browser Web comuni, come Firefox, Internet Explorer e Safari. Un sacco di codice viene creato per aiutare il browser Web a riconoscere che questo è HTML e quale versione di HTML utilizza.

Per impostazione predefinita, Dreamweaver utilizza lo standard transitorio XHTML 1. 0 ogni volta che si crea una nuova pagina HTML. XHTML combina la rigidità di XML (Extensible Markup Language) con i tag HTML per creare un linguaggio che funzioni in modo affidabile e coerente attraverso browser Web e nuovi dispositivi (come telefoni cellulari e PDA) allo stesso modo.

1. Per creare una pagina vuota, selezionare File → Nuovo → Pagina vuota → HTML → e quindi fare clic su Crea.

   Viene visualizzata una pagina HTML vuota, senza titolo. Non ha formattazione fino a quando non aggiungi tabelle o livelli.

2. Digitare del testo (ad esempio, il proprio nome) sulla pagina e fare clic sul pulsante Codice sulla barra degli strumenti Documento.

   Quando si digita sulla pagina nel documento, il testo appare sulla pagina web. Ma c'è molto di più.

3. Selezionare Dividi vista facendo clic sul pulsante Dividi sulla barra degli strumenti Documento.

   Questa azione visualizza contemporaneamente le viste di Design e Code, in modo che possiate vedere come le vostre modifiche influenzano l'HTML dietro le quinte.

   

   L'utilizzo della vista divisa aiuta a vedere come vengono creati e formattati gli elementi della pagina con i tag HTML.

4. Seleziona il testo.

5. Selezionare l'opzione Testo dall'elenco a discesa Comune sul pannello Inserisci.

   Supponiamo quindi di scegliere B (per grassetto) per evidenziare il testo selezionato in grassetto. Nella vista codice della tua pagina, vedresti che il tag è stato aggiunto prima del testo e il tag è stato aggiunto dopo il testo.

È possibile modificare l'orientamento e la disposizione delle viste in Vista divisa. Per cambiare la vista Progettazione da destra a sinistra, scegli Visualizza → Vista disegno a sinistra. Per disporre le viste verticalmente, selezionare Visualizza → Dividi verticalmente. Nota: è possibile invertire queste opzioni con la stessa facilità dalle stesse opzioni nel menu Visualizza.