Adobe Dreamweaver - Initiation - Réalisation de Site Web en HTML

Conduire votre projet web

generalites

• Définition des besoins et prise en compte des contraintes
• Importance de la charte graphique
• Reprise des données existantes
• Erreurs à ne pas commettre et recommandations

Concepts et organisation d'un site web

• Répertoires, noms et tailles des fichiers
• Maintenance et mise à jour d'un site intranet
• Notion d'arborescence, organisation d'un site

Creation et gestion de site en html

presentation du html avec dreamweaver

• Principe de fonctionnement d'un outil wysiwyg
• Environnement de travail et menus
• Fenêtres, barres d'outils et fonctions associées
• Manipulation de fichiers
• Création de « site map »
• Travail en groupe avec dreamweaver (« check in / check out »)
• Gestion des liens et tests du site

Creation de pages dynamic html

• Introduction au dynamic html (d-html)
• Création de calques (layers)
• Manipulation des propriétés des calques
• Génération de scripts clients
• Création d'applications « cross browser »

Mise en oeuvre des fonctions d'edition

• Insertion et mise en forme de textes (titre, paragraphe, liste, justification, indentation...)
• Insertion d'images, création de zones sensibles, de « rollover »
• Création et manipulation de tableaux
• Création de liens hypertexte (ancres, liens http, liens e-mail)
• Création de cadres (frame)
• Utilisation des feuilles de style (css)
• Ajout d'éléments dans l'en-tête du document (head)
• Création et reprise de modèles
• Création de librairies de code html réutilisables

Ergonomie et esthetisme

principes de mise en page

• Mise en page du texte, lisibilité, ergonomie
• Utilisation d'images et de graphiques
• Quels formats d'images utiliser (gif, jpeg, png) ?
• Techniques de mise en page à l'aide de tableaux
• Optimisation de la taille des pages (rapport qualité / performance)