Dreamweaver - Mise en page web

Vous souhaitez produire et mettre à jours des sites Web et maîtriser la conception de pages HTML avec un éditeur de texte.
Durée : 5 jours.
MacOS/Windows

Web - Méthodologie générale.

Les protocoles HTTP et FTP
Structure des tableaux.
Les médias pour le web (images, texte, sons, vidéos)
Connexion, réglage, transfert FTP.
Définition d'un site, dossier racine, infos locales, infos distantes.
Définition de la relation client serveur
Les Contraintes Clients (navigateurs, versions, connexions)
Structures d'un site (arboréscence, nommage des fichiers)
Types et structures des balises HTML
Liens hypertextes, images, syntaxe URL, mailto.

Mise en page Web

Les feuilles de style CSS
La mise en forme (Tableau, mode mise en forme, calque)
Gestion du texte (les paragraphes, mise en formes des caractères, caractères spéciaux)
Intégration d'images. Gestion des couleurs.
La navigation: liens texte, liens images, maito, ancres, liens interne et externe.
Images à zones référencées.
Frameset : stratégies et mise en oeuvre.

Enrichissement et fonctions spécifiques

Mise en oeuvre de modèles, bibliothèques, élements de code (snippets)
Déployer son site : configuration, transfert FTP.
Gestion de site : Vérification des liens, Rapport, Placer/Acquérir, Archiver / Extraire, Design notes, Synchronisation.
Liens avec Photoshop
Insertion des fichiers Word et Excel
Utilisation du HTML généré par Fireworks (ou Image Ready)
Fonctions de Rechercher/Remplacer.
Insertion d'objets Flash, Intégration Plugins (Shockwave Flash, FLV, Shockwave Director, QT, son).
Création et mise en oeuvre de Formulaires.
Les comportements JavaScript (pop-up, roll-over, alerte ...)
Dynamic HTML : les calques, l'animation par timeline.

Insertion d'objets Flash

Insertion d'animations
Insertion de vidéos
Création d'un diaporama

Fireworks (ou Image Ready)

Généralités : Rappel sur la chromie numérique (caractéristiques d'une image : résolution, taille, profondeur, couche alpha).
Les formats de compression : les formats Gif, Jpeg, (et Png), l'optimisation (taux de compression et réduction du nombre de couleurs) et l'export.
Création de boutons, de menus et d'interfaces complètes via les découpes et les zones référencés.
Création d'animations : gif animés.
Les comportements de fireworks.
Réglages et exportation vers un éditeur de code HTML.