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.
- 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.
Travaux pratiques- 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.
- 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 ".
Travaux pratiques- 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.
- Les méta-tags de la page et le référencement.
- Construction de cadres (frames), propriétés, modifications, interactions entre cadres.
Exercice- Construction de la charte graphique. Importer une charte graphique dans le projet.
- Règles " d'utilisabilité " : points de composition à respecter.
Exercice- 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.
Exercice- 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.
Travaux pratiques- 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.
Travaux pratiques- 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.
Travaux pratiques