Formation : Développer en HTML avec Dreamweaver MX
Se former avec
ORSYS
- Renseignements :
- Durée : 4 Jours
- Type : En centre (inter)
- Diplômant : Non
-
Prix H.T. € :1930.00
- Objectifs :
- Dreamweaver est l'atelier de conception de pages Web le plus répandu sur le marché. Tout en découvrant les fonctionnalités de cet atelier, vous apprendrez à maîtriser le langage de balises HTML et sa nouvelle version XHTML issue des technologies XML, ainsi que la mise en forme graphique au moyen des feuilles de style CSS et vous serez sensibilisé à la problématique de l'accessibilité des sites Web. Vous utiliserez le produit pour intégrer des technologies côté client (Javascript, applet Java, Flash, plugins, composant ActiveX), pour intégrer des technologies côté serveur (CGI, ASP, PHP) et pour gérer les interactions avec des bases de données. A l'issue de ce cours, vous serez en mesure de créer vos propres sites Web et vous aurez découvert toutes les particularités de Dreamweaver.
- Public visé :
-
Participants
Ce stage pratique s'adresse à tous les informaticiens désireux de maîtriser les techniques permettant de développer un site Web.
- Pré-requis :
- Pré-requis
Des notions élémentaires de l'environnement Windows et une utilisation préalable du Web sont nécessaires.
- Programme
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 URLs.
- Paramétrage du poste client et serveur.
Travaux pratiques
Paramétrage du navigateur, du serveur Web, création d'alias.
Le studio Dreamweaver
- Présentation de la gamme Macromedia, interaction avec Fireworks.
- Environnement de test.
- Prise en main de Dreamweaver. Paramétrage de l'espace de travail, de l'interface de l'atelier.
- Création d'un site Web : choix techniques, compatibilité.
- Conception graphique HTML : les images et les zones sensibles, liens, ancres, méta-tags, formatage graphiques, tableaux, paragraphes, import externes, convertisseurs Word.
- Description du langage HTML et la dernière version, XHTML.
- Les versions XHTML 1.0, XHTML mobile.
- Publication du site et maintenance du code (nettoyage du code).
- Travail en équipe et les « Design Notes ».
Travaux pratiques
Création d'un espace de projet de site Web. Découverte de l'éditeur graphique et construction graphique de pages. Développement de pages XHTML.
Composition de pages à l'aide des ateliers
- Modèles de pages. Import externe de pages.
- Les feuilles de styles CSS-1, CSS-2. 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.
- Les méta-tags de la page et le référencement.
- Construction de cadres (frames), propriétés, modifications, interactions entre cadres.
Exercices
Création de CSS, tableaux, cadres. Import de pages. Création de formulaire et appel de serveur.
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.
Exercices
Test de compatibilité XHTML et d'accessibilité. Création d'un modèle à partir de Fireworks. Reproduire techniquement une charte graphique fournie.
Les technologies client
- Le langage Javascript : mise en oeuvre de comportements (événements). Les actions (menu, clic, déplacement de calque, reroutage, messages contextuels, vérification de plugins).
- Animation graphique : mise en oeuvre de scénario, rollover.
- Intégration de composants graphiques : Flash, Applet, ActiveX, Plugins.
- Utilisation de l'inspecteur de tags.
Exercices
Création de contrôles en Javascript, intégration de multiples composants multimédia.
Présentation des technologies serveur
- Les CGI et les langages supportés par Dreamweaver.
- Atelier graphique de programmation.
- Fonctionnalités préenregistrées. Enrichissement de l'atelier avec des composants de la zone Exchange Macromédia.
- Interfaçage d'une base de données avec le produit. Les bases supportées.
- Consultation des données. Création d'une requête dynamique SQL. Affichage des résultats dans un tableau. Création de pages.
Exercices
Configuration du serveur pour les CGI. Réalisation d'une page dynamique et d'interrogation d'une base de données.
18/03/2008 au 21/03/2008 (75)
17/06/2008 au 20/06/2008 (75)
16/09/2008 au 19/09/2008 (75)
18/11/2008 au 21/11/2008 (75)
11/03/2008 au 14/03/2008 (19)