Adobe CS5 Dreamweaver HTML Basics - dummies

Création d'une page Web dans Adobe Creative Suite 5 (Adobe CS5) Dreamweaver est une tâche simple. Comprendre le HTML de base qu'il crée nécessite une petite explication. La page Web peut être aussi complexe ou simple que vous le souhaitez et les deux types sont tout aussi efficaces s'ils sont créés correctement.

Dreamweaver fonctionne en arrière-plan pour garantir que votre nouvelle page fonctionne dans la plupart des versions récentes des navigateurs Web courants, tels que Firefox, Internet Explorer et Safari. Beaucoup de code est créé pour aider le navigateur Web à reconnaître qu'il s'agit de HTML et de la version de HTML qu'il utilise.

Par défaut, Dreamweaver utilise le standard XHTML 1. 0 Transitional chaque fois que vous créez une nouvelle page HTML. XHTML combine la rigueur du XML (Extensible Markup Language) avec les balises HTML pour créer un langage qui fonctionne de manière fiable et cohérente sur les navigateurs Web et les nouveaux périphériques (tels que les téléphones portables et les assistants numériques personnels).

1. Pour créer une page vierge, choisissez Fichier → Nouveau → Page vierge → HTML → puis cliquez sur Créer.

   Une page HTML vierge et sans titre apparaît. Il n'a pas de formatage jusqu'à ce que vous ajoutiez des tables ou des calques.

2. Tapez du texte (par exemple, votre nom) sur la page et cliquez sur le bouton Code dans la barre d'outils du document.

   Lorsque vous tapez sur la page du document, du texte apparaît sur la page Web. Mais il y a beaucoup plus que cela.

3. Sélectionnez Diviser en cliquant sur le bouton Diviser de la barre d'outils du document.

   Cette action affiche simultanément les vues Conception et Code, afin que vous puissiez voir comment vos modifications affectent le code HTML en arrière-plan.

   

   Travailler en vue fractionnée vous aide à voir comment vos éléments de page sont créés et mis en forme avec des balises HTML.

4. Sélectionnez le texte.

5. Sélectionnez l'option Texte dans la liste déroulante Commun du panneau Insertion.

   Supposons que vous choisissiez ensuite B (en gras) pour mettre le texte sélectionné en gras. Dans la vue de code de votre page, vous verriez que la balise a été ajoutée avant le texte et que la balise a été ajoutée après le texte.

Vous pouvez modifier l'orientation et la disposition des vues en mode Vue partagée. Pour basculer la vue Création de la droite vers la gauche, choisissez Affichage → Vue de conception à gauche. Pour organiser les vues verticalement, choisissez Affichage → Diviser verticalement. Remarque: Vous pouvez inverser ces options aussi facilement à partir des mêmes options dans le menu Affichage.