Objectifs :
- Donner les connaissances nécessaires à la conception de sites Web en HTML avec Dreamweaver. Chaque concept abordé lors du stage est illustré par l’étape de construction correspondante du site Web. Formation proposée sur DreamWeaver CS3 ou DreamWeaver CS4.
- Utiliser les principales fonctionnalités de ADOBE DREAMWEAVER vous permettant d'être autonome.
Pré-requis :
Connaître les concepts d’Internet, l’environnement Windows ou MAC OS.
Programme :
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 ŒUVRE 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)
|
