Dreamweaver

Contenu pédagogique

Introduction (Jour 1)

Les bases du HTML5
L'encodage des pages
Méthode pour concevoir un site web avec Dreamweaver

Se familiariser avec l'interface graphique (Jour 1)

La gestion de projets avec Dreamweaver
Configuration de sites web
Les panneaux
Les menus
L'espace de travail
Créer un espace de travail personnalisé

Création de contenu texte (Jour 1)

le formatage du texte
Les paragraphes
Les entêtes
Les puces
Les listes numérotées
Les listes de définition, abréviations et acronymes
Les sauts de ligne, les espaces insécables, les caractères spéciaux ...

Les liens hypertexte (Jour 1)

Les différents moyens pour créer un lien hypertexte
Sur un texte ou sur une image
Les différents attributs (Panneau propriétés)

Insertion d'images (Jour 1)

Les formats d'images pour le web
Les nouveaux formats
Les formats spécifiques pris en charge par Dreamweaver
Optimisation de l'image
Insertion d'images

Insertion de médias (Jour 1)

Intégrer une vidéo YouTube avec iframe
La balise video en HTML5
La balise audio en HTML5

Les tableaux (Jour 1)

Les nouveautés des tableaux en HTML5
Insertion de tableaux
Insertion, suppression de lignes et colonnes
Fusionner, fractionner des lignes ou colonnes
Modifier la hauteur, largeur de cellule
Mise en forme de tableaux avec CSS

Mise en forme à l'aide de CSS Designer (Jour 2)

Les nouveautés du CSS3
Créer une feuille de style CSS
Règles CSS à l'intérieur du document ou dans une feuille de style externe
Utilisation de CSS Designer
Créer une régle CSS
Les types de sélecteur (Classe, ID, Balise, composé, les héritages de classe)
Modifier, supprimer une régle
Lier une feuille de style
Supprimer une feuille de style
Les transitions CSS

Les modèles (Templates) (Jour 3)

Pourquoi utiliser un modèle ?
Création d'un modèle
Les régions modifiables
Les régions facultatives
Les balises meta dans le modèle
Créer une page issue d'un modèle
Mettre à jour les pages issues du modèle

Les librairies (Jour 3)

Pourquoi utiliser une librairie ?
Création, modification de librairies
Insertion d'objet dans une page

Les comportements (Jour 3)

Création de comportement Javascripts
Modification, suppression de comportements

La balise HEAD (Jour 3)

Les balises Meta
Les tags utiles pour le référencement
Les feuilles de style CSS
Les scripts

Les formulaires HTML5 (Jour 4)

Les nouvelles balises input en HTML5
La balise de formulaire (les nouveautés)
Les champs de texte
Les zones de texte
Les cases à cocher
Les groupes de boutons radio
Les listes déroulantes
Les boutons
Les options des balises input
Créer un formulaire d'envoi
Récupérer les données dans ma messagerie (Utilisation de PHP)

Les composants Bootstrap (Jour 4 et 5)

Le système de grille
Les composants réutilisables :
Les icônes, les boutons, la navigation, le fil d'Ariane, la pagination, les badges ...
Les extensions Javascripts
les transitions, les modales, menus déroulants ,scrollspy, les onglets, les infobulles ...
Les feuilles de style CSS
Personnalisation du CSS

Les outils de Dreamweaver (Jour 5)

Rechercher et remplacer
Vérifier l'orthographe
Valider votre code
Vérifier vos liens
Tester la compatibilité avec les navigateurs

Le rendu (Jour 5)

Configurer des navigateurs pour le rendu
Prévisualiser dans différents navigateurs
Tester l''aperçu pour smartphone, tablette
L'aperçu sur écran multiple
L'affichage en direct

Transférer vos données sur votre serveur ftp (Jour 5)

Configuration d'un serveur FTP
Transfert de données
Affichage local et distant