• Connaître les concepts d’Internet, l’environnement Windows ou MAC OS..

• Donner aux participants les connaissances nécessaires à la conception de sites Web statique avec Dreamweaver®.
• Chaque concept abordé lors du stage est illustré par l’étape de construction correspondante du site 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 recommandation  

CONCEPTS ET ORGANISATION D’UN SITE WEB

• Concevoir un projet et un cahier des charges
• Conseils sur l’organisation des répertoires, noms, liens et tailles des fichiers
• Conception de l'arborescence
• Méthode de maintenance et mise à jour d'un site          

LES FONCTIONS DE MISE A JOUR VIA FTP

• Mise en ligne, paramétrage et création du support FTP
• Les opérations d'archivage et d'extraction
• Utiliser les fonctionnalités du voilage
• Synchroniser les sites (serveur/local)          

PRESENTATION DE DREAMWEAVER®

• Présentation de l'interface
• Principe de fonctionnement d’un outil Wysiwyg
• Environnement de travail et menus
• Fenêtres, barres d’outils et fonctions associées
• Manipulation des fichiers
• Création de « Site Map »
• Gestion des liens et tests du site          

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 »
• Insertion de calques
• Manipulation des propriétés des calques
• Création de liens hypertexte (ancres, liens Http, liens e-mail)
• Création de cadres (frame)
• Les objets formulaires et leur fonctionnement
• Création de formulaires (champs, listes, puces, menus déroulants)       

CREER DES STYLES CSS

• Le principe des styles CSS
• Les différents sélecteurs CSS
• Méthodologie de mise en page complète en CSS
• Utiliser les modèles CSS de Dreamweaver
• Création et utilisation des feuilles de style (Css)
• Création de librairies de code Html réutilisables          

CREATION DE PAGES DYNAMIC HTML

• Introduction au Dynamic Html (D-Html)
• Génération de scripts clients
• Création d’applications « Cross Browser»          

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)
• Insertion et mise en page de tableaux (mode « Standard » ou mode « Mise en Forme »)
• Optimisation de la taille des pages (rapport qualité / performance)          

CREATION DE MODELES

• Les modèles standards, les modèles imbriqués
• Définir des régions modifiables, répétées, facultatives

Questionnaire d’évaluation en amont et en fin de formation

• Méthode interactive et intuitive
• Cas pratiques et études de cas, Quizz
• Support Stagiaire
• Assistance téléphonique
• Appropriation d’outils de prises de notes et de compte-rendu