Dreamweaver CS6, développer un site Web

Stage pratique de 4 jour(s)
Réf : HTX
Dreamweaver CS6, développer un site Web
Participants
OBJECTIFS
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.
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.
Pré-requis
Connaissances de base
des composants d'une
architecture Web.
Prix 2017 : 2440€ HT
Ce cours fait l'objet d'un
accompagnement vidéo
Dates des sessions
Paris
14 mar. 2017, 27 juin 2017
19 sep. 2017, 7 nov. 2017
Modalités
d’évaluation
L’évaluation des acquis
se fait tout au long de la
session au travers des
multiples exercices à
réaliser (50 à 70% du
temps).
Compétences du
formateur
Les experts qui animent
la formation sont des
spécialistes des matières
abordées. Ils ont été
validés par nos équipes
pédagogiques tant sur le
plan des connaissances
métiers que sur celui
de la pédagogie, et ce
pour chaque cours qu’ils
enseignent. Ils ont au
minimum cinq à dix
années d’expérience dans
leur domaine et occupent
ou ont occupé des postes
à responsabilité en
entreprise.
1) Rappels Web
2) L'interface Dreamweaver
3) Composition de pages complexes
4) Design et accessibilité
5) Intégration de composants multimédias
6) JavaScript
7) Accès aux bases de données
1) Rappels Web
- Les protocoles d'un site web : HTTP, FTP, SMTP, POP3.
- Fonctionnement d'un site Web. HTML, URL.
Travaux pratiques
Paramétrage du navigateur, du serveur Web, création d'un environnement de développement.
2) L'interface Dreamweaver
- Présentation de la suite Adobe CS6.
- Prise en main de Dreamweaver. L'interface.
- Les différents types d'affichage.
- Conception graphique HTML.
- Interface de gestion de projets (PhoneGap, jQuery Mobile, transfert FTP).
Travaux pratiques
Découverte de l'éditeur, construction de pages. Développement de pages XHTML.
3) Composition de pages complexes
- Les feuilles de style CSS. L'assistant de codage CSS.
- Création de formulaires. Contrôles de saisie.
- Définition de zones de contenus à l'aide des boîtes.
- Découverte des templates mobiles, Grid System.
- Découverte du Responsive Web Design avec l'assistant Dreamweaver CS6 (mise en forme de grilles
fluides) .
Exercice
Création de CSS, de tableaux. Import de pages. Création d'un formulaire et appel de serveur.
4) Design et accessibilité
- Construction de la charte graphique.
- Création d'un modèle de page avec Fireworks ou Photoshop.
- Accessibilité, la priorité 2 du WAC/W3C.
Exercice
Test de compatibilité XHTML et d'accessibilité. Mettre en oeuvre une charte graphique.
5) Intégration de composants multimédias
- Intégration de composants graphiques. Le Rollover.
- Utilisation de l'inspecteur de tags.
- Les propriétés CSS3 et l'assistance Dreamweaver CS6.
Exercice
Création de contrôles en JavaScript, intégration de multiples composants multimédias.
6) JavaScript
- Syntaxe JavaScript. Les objets Script.
- Création dynamique de code JavaScript et association aux événements. Débogage de code.
Travaux pratiques
Contrôles sur les formulaires, ouverture de pop-up, traitement sur les div.
7) Accès aux bases de données
- Paramétrage de la connexion ODBC.
- Gestion dynamique des bases de données.
- Interrogation SQL sur une table.
- Génération des tableaux dynamiques de résultats. Utilisation des tables pour générer des formulaires.
ORSYS, La Grande Arche, Paroi Nord, 92044 Paris La Défense cedex. Tél : +33 (0)1 49 07 73 73. Fax : +33(0)1 49 07 73 78
page 1
- Définir un site administré par CMS dans Dreamweaver.
- Création graphique d'un appel Ajax avec SPRY Dataset.
- Gestion des formulaires de login.
Travaux pratiques
Connexion à une base. Création d'une table d'utilisateurs, génération de pages de login.
ORSYS, La Grande Arche, Paroi Nord, 92044 Paris La Défense cedex. Tél : +33 (0)1 49 07 73 73. Fax : +33(0)1 49 07 73 78
page 2