FORMATION WEBMASTER - BAC + 3 INFORMATIQUE - FAITES UN BACHELOR WEBMASTER - FORMATION WEBMASTER A DISTANCE DEES WEBMASTER - HTML-CSS

 Toutes ces formations informatiques  du DEES WEBMASTER peuvent être dispensées

en tant que modules indépendants en E-learning ( a distance via Teamviewer )

ou en présenciel dans nos locaux ( ITICPARIS )

  
  • Contactez le 01.43.73.20.40 pour toutes informations . 
               _______________________________________________________________________________________________________

Les objectifs de cette formation HTML CSS Dreamweaver

 

Dreamweaver est l'atelier de conception de pages Web le plus répandu sur le marché.
En découvrant ses fonctionnalités, vous apprendrez à maîtriser l'éditeur de pages XHTML/HTML, la mise en forme graphique au moyen des feuilles de style CSS, tout en prenant en compte l'accessibilité des sites Web.
Vous utiliserez le produit pour intégrer des technologies côté client (JavaScript, applet Java, Flash, plug-ins, composant ActiveX) et 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 aurez découvert toutes les particularités de Dreamweaver CS.

 

Participants de cette formation Dreamweaver

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.

Pré-requis de cette formation Dreamweaver

Connaissances de base des composants d'une architecture Web.


Programme de cette formation Dreamweaver

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.

Travaux pratiques
Paramétrage du navigateur, du serveur Web, création d'alias.

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.

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

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

Exercice
Test de compatibilité XHTML et d'accessibilité. Création d'un modèle à partir de Fireworks. Reproduire techniquement une charte graphique fournie.

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.

Exercice
Création de contrôles en JavaScript, intégration de multiples composants multimédias.

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.

Travaux pratiques
Contrôles sur les formulaires, ouverture de pop-up, traitement sur les layers.

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.

Travaux pratiques
Création d'une connexion à une base, gestion de la base (insert, update, delete, select). Création dynamique de formulaires avec recherche vers une base.

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.

Travaux pratiques
Création d'une table d'utilisateurs avec la génération de pages de login.

Informations supplémentaires