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

Utilisateurs finaux et futurs Webmasters.

Donner aux participants 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 Studio 8 ou DreamWeaver CS3.

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

Mise en ligne, création de support FTP

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 »
• Création de formulaires (champs, listes, puces, menus déroulants)

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)

LES ELEMENTS STRATEGIQUES

Configurations du site (définition et gestion de l’environnement de travail)

Carte du site, arborescence (architecture de site et de développement)

Gestion des éléments du site

AUTOMATISATION DU PROCESSUS DE PRODUCTION

La bibliothèque : Stocker divers types d’éléments de page dans une bibliothèque

Utiliser des éléments d’une bibliothèque

Modifier un élément de la bibliothèque

Les modèles :

Modèle simple

Modèle imbriqué

Les différents type de régions (modifiable, répétée, facultative)

OPTIMISATION DE LA PRODUCTION

Utilisation avancée des commandes, rechercher / remplacer

Gestion du code Html

Optimisation de l'utilisation des styles CSS, Compatibilités

Fenêtre CSS pertinents

Stratégie d'utilisation des modèles et de la librairie

DEPLOYER SON SITE WEB

Gestion avancée du site

Extraire – Archiver

Gestion des Design Notes

Fonction de synchronisation

DYNAMIC HTML ET CALQUES

Compatibilité

Gestion avancée des calques

Le timeline

Scénarios multiples et gestion

COMPORTEMENTS

Comportement et actions

Appliquer des comportements, multimédia et interactivité

Gestions des Plug-ins Détection de plug-ins, navigateurs, Java, ActiveX, Schockwave, QuickTime

PERSONNALISATION DE L'INTERFACE

Macromédia Exchange (installation et utilisation)

Téléchargement d'objets, de comportements, d'actions, de commandes

Installation et gestion

Création d'objets personnalisés

Création de commandes via la palette Historique