CATALOGUE Code & Data Formation Dreamweaver Apprendre Dreamweaver CS5 - Formation Complète

Création et Formatage d'une Page avec Dreamweaver

Retour à la formation
Chapitre 3 Leçon 3
Précédent
Suivant

Découvrez comment créer une nouvelle page et la formater avec Dreamweaver en utilisant ses différentes propriétés et options de personnalisation.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous vous guidons à travers le processus de création et de formatage d'une nouvelle page web en utilisant Dreamweaver. Vous apprendrez à :


- Créer un nouveau document et lui attribuer un titre approprié.
- Enregistrer la page dans le bon dossier au sein de votre arborescence de site.
- Importer et formater du texte préécrit, incluant la création de paragraphes et de titres d'en-tête.
- Modifier les propriétés de la page, comme le choix des couleurs, des polices, et l'ajout de liens hypertextes.
- Appliquer des images ou des motifs en arrière-plan et ajuster leur répétition.

Nous explorons également comment personnaliser l'apparence des liens pour différentes interactions d'utilisateur (survol, visite). En fin de leçon, vous serez capable de visualiser directement vos modifications dans un navigateur web.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :


- Enseigner la création d'une nouvelle page web dans Dreamweaver.
- Montrer comment appliquer et personnaliser les propriétés de formatage pour obtenir un design propre.
- Expliquer l'insertion et la modification de liens hypertextes.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir :


- Une compréhension de base de la navigation dans Dreamweaver.
- Des notions élémentaires de HTML et CSS.
- Dreamweaver installé sur votre ordinateur.

Métiers concernés

Les compétences acquises dans cette leçon sont utiles pour :


- Les développeurs web, en particulier ceux travaillant sur la partie front-end.
- Les web designers qui veulent offrir des pages visuellement attrayantes.
- Les gestionnaires de contenu responsables de mettre à jour les sites web.

Alternatives et ressources

Les solutions alternatives à Dreamweaver incluent :


- Adobe Muse : pour la création de sites sans code.
- Microsoft Expression Web : un autre éditeur HTML.
- Sublime Text ou Visual Studio Code : pour ceux qui préfèrent coder directement en HTML et CSS.

Questions & Réponses

Pour créer un nouveau document, vous devez ouvrir Dreamweaver, sélectionner 'Fichier', puis 'Nouveau'. Attribuez un titre à votre document et enregistrez-le dans le bon dossier après avoir cliqué sur 'Racine de site'.
Après avoir importé le texte, vous pouvez le formater en utilisant des balises HTML adéquates. Par exemple, utilisez

pour les paragraphes et

pour les titres de niveau 2.

Pour personnaliser les propriétés de la page, cliquez sur 'Propriétés de la page' dans Dreamweaver. Cela vous permet de modifier les couleurs de texte, l'arrière-plan, les polices, etc. Vous pouvez également définir les couleurs et le style des liens hypertextes.