Formations EDI ou IDE (Environnement de Développement Intégré)

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

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. 

A- Conduire votre projet Web

1- Généralités
- 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

2 -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
    
            
      

B- Création et gestion de site HTML

1- Présentation 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

2- Création 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)

3- Mise en oeuvre des fonctions d'édition
- 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

    
            
      

C- Ergonomie et Esthtisme

1- 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)

    
2- Les éléments stratégiques
- 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     
            
      
3- 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)
    
            
      
4-  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
    
            
5- Déployer son site Web
- Gestion avancée du site
- Extraire – Archiver
- Gestion des Design Notes
- Fonction de synchronisation     
            
      
6- Dynamic HTML et Calques
- Compatibilité
- Gestion avancée des calques
- Le timeline
- Scénarios multiples et gestion
    
            
7- 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     
            
      

8- 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

- Formation proposée sur DreamWeaver Studio 8 ou DreamWeaver CS3.
- Un poste de travail par stagiaire
- Les cas pratiques et exercices
- Un support de cours
- Une attestation de formation
- Une assistance téléphonique d'une durée d'un an