Formation Dreamweaver CS5

• Rappels Web
• Le studio Dreamweaver
• Composition de pages à l'aide des ateliers
• Design et accessibilité
• Intégration de composants média
• JavaScript
• Accès aux bases de données et XML
• Authentification utilisateur

Ce stage pratique s'adresse à tous les informaticiens désireux de maîtriser les techniques permettant de développer un site Web et de construire une interface Web interactive et dynamique.

Connaissances de base des composants d'une architecture Web.

Rappels Web

- Les protocoles d'un site web : HTTP, FTP, NNTP, SMTP, POP3.

- Fonctionnement d'un site Web.

- Les sites Intranet, Internet, Extranet, B2B, B2C. Impact sur les technologies.

- Plateforme d'hébergement, navigateurs, Firewall.

- Le langage HTML, rôle et structure des URL.

- Paramétrage du poste client et serveur.

Le studio Dreamweaver

- Présentation de la gamme Macromedia. Couplage Dreamweaver / Fireworks.

- Environnement de test.

- Prise en main de Dreamweaver. Paramétrage de l'espace de travail, de l'interface de l'atelier. Enrichir les menus Dreamweaver.

- Création d'un site Web : choix techniques, compatibilité.

- Conception graphique HTML : les images et les zones sensibles, liens, ancres, méta-tags, formatage graphique, tableaux, paragraphes, imports externes, convertisseurs Word.

- Description du langage HTML et la dernière version, XHTML.

- Les versions XHTML 1.0, XHTML mobile.

- Publication du site et optimisation du code (nettoyage du code).

- Travail en équipe et les " Design Notes ".

Composition de pages à l'aide des ateliers

- Création d'un modèle de page. Contrôles sur les zones modifiables. Utilisation des modèles PHP, WML, HTML...

- Import externe de pages.

- Les feuilles de styles CSS-1, CSS-2, CSS-3. Import, partage construction, utilisation.

- Création de formulaires (zones de texte, checkbox, combobox, radio, upload), les méthodes GET et POST et les actions associées. Contrôles de saisie avec le Framework SPRY.

- Le référencement des pages web : le fichier robots.txt, les mots-clés, les URL adaptées.

- Définition de zones de contenus à l'aide des boîtes.

Design et accessibilité

- Construction de la charte graphique. Importer une charte graphique dans le projet.

- Règles " d'utilisabilité " : points de composition à respecter.

- Création d'un modèle de page avec Fireworks.

- Accessibilité et prise en charge de la priorité 2 du WAC/W3C.

Intégration de composants média

- Animation graphique : mise en oeuvre de scénario, rollover.

- Intégration de composants graphiques : Flash, Applet, ActiveX, Plug-ins, vidéo Flash.

- Utilisation de l'inspecteur de tags.

JavaScript

- Syntaxe JavaScript. Les objets Script.

- Création dynamique de code JavaScript et association aux événements. Débogage de code. Téléchargement de scripts JavaScript.

Accès aux bases de données et XML

- Paramétrage de la connexion ODBC. Consultation de la base de données (données, types) avec l'éditeur SGBD de Dreamweaver.

- Les objets serveurs pour la gestion dynamique des bases de données : insertion dans une table, suppression d'un enregistrement, modification d'un enregistrement.

- Interrogation SQL sur une table. Préparation et personnalisation des requêtes à l'aide de l'assistant. Les barres et états de navigation.

- Manipulation des pages principales/détails.

- Récupération des résultats et manipulation des RecordSet. Génération des tableaux dynamiques de résultats. Utilisation des tables pour générer des formulaires.

- Construction de pages XSLT.

- Création graphique d'un appel Ajax avec SPRY Dataset.

Authentification utilisateur

- Gestion des formulaires de login. Raccordement automatique d'une table d'authentification au site Web. Contrôle conditionnel d'accès aux pages. Variable de session.