Introduction

Edition de sites internet
Panorama des outils de création de pages web
Présentation des produits Adobe
Découvrir le cloud Computing avec Dreamweaver CC
Créer son Adobe ID

Premiers pas avec Dreamweaver

Découverte de l'interface : les fenêtres, les palettes de composants, les panneaux

Organisation de l'espace de travail
Paramétrage des préférences : affichage, navigateurs, éditeur, ...
Création de pages web : édition, modification, sauvegarde
- Mise en forme de texte (polices, titres, paragraphes, texte préformaté)
- Insertion d'images et manipulation de propriétés (redimensionnement, optimisation, recadrage)
- Création de liens hypertextes (lien vers une page web, lien vers un fichier, lien de messagerie)
- Création, modification de tableaux
Définition d'un site Dreamweaver, gestion des fichiers, affichage de la carte du site

Atelier : Création d'un premier site

Rappel code XHTML

Principes de fonctionnement
Bases du XHTML : balises et attributs, catégories de balises.
Présentation des principales balises (texte, images, listes à puces, liens, tableaux...)
Manipulation de tableaux

Atelier : Création d'une page web pour le test des balises

Balises HTML5

Structure et sémantique en HTML5
Utilisation de la balise
Utilisation de la balise

Atelier : Création d'une page HTML5 pour le test des balises

Styles CSS

Principes de base
Différents types de règles CSS
Mise en forme CSS avec Dreamweaver
- Redéfinition d'un style d'une balise XHTML
- Définition des styles de sélecteurs : liens survolés, liens actifs...
- Création de styles personnalisés
- Application de styles personnalisés
- Attacher une feuille de style

Atelier : Donner du style aux pages précédemment créées.

Création de sites web avec la méthode des tableaux

Création de l'ergonomie d'un site web
Gestion des problèmes de positionnement
Génération du gabarit principal
Édition des pages issues du gabarit

Atelier : Création d'un site avec le méthode des tableaux

Les Formulaires

Fonctionnement d’un formulaire
Création de formulaires : Insertion de champs, mise en forme...
Insertion de nouveaux champs html5
Validation du formulaire
Récupération des données, envoi d’un mail avec PHP
Mise en forme CSS des formulaires

Mise en ligne de sites web avec Dreamweaver

Principes du transfert FTP
Paramétrage du client FTP de Dreamweaver
Transfert de fichiers sur le serveur distant
Présentation d'autres outils FTP
Synchroniser ses fichiers

Atelier : Mettre en ligne notre site web sur un serveur distant

Utilisation des modèles

Principes de fonctionnement des modèles de Dreamweaver
Architecture du modèle et organisation des différentes régions
Créer un modèle
Utiliser un modèle

Atelier : Création de pages issues de modèle

Fonctions avancées de mise en forme

Insertion de signets
Liens vers les signets
Présentation du Flash
Création d’un menu Flash
Insertion de texte animé, de médias (son, vidéo)

Présentation du DHTML

Principes de fonctionnement du DHTML
Génération de contenu dynamique avec Dreamweaver :
- Les comportements (apparition d’objets, ouverture de fenêtres, images survolées...)
- Les scénarios (déplacement de calques, titre défilant...)

Atelier : Création de menus dynamiques
Validation de formulaires, Effets-Spéciaux, Pop-Up

Initiation au référencement

Présentation des enjeux du référencement
Concepts et insertion des balises d’en-tête
Critères de classement des outils de recherche
Règles à respecter et Spam-dexing

Passage de la certification (si prévue dans le financement)