Formation Dreamweaver CC

Introduction

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

Se familiariser avec l'interface graphique

• 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

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

Les liens hypertexte

• 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

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

Insertion de médias

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

Les tableaux

• 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

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

• 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

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

Les comportements

• Création de comportement Javascripts
• Modification, suppression de comportements

La balise HEAD

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

Les formulaires HTML5

• 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

• 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 bases de données

• Téléchargement et installation du plugin sur Dreamweaver Exchange
• Mise en place d'un serveur de test en local
• Paramétrage
• Connecter une base de données Mysql
• Les comportements de serveur
• Créer un formulaire d'ajout d'enregistrement
• Créer un formulaire de modification d'enregistrement
• Créer un formulaire de suppression d'enregistrement
• Afficher les enregistrements
• Les régions répétées (boucles do while)
• Connecter un utilisateur
• Déconnecter l'utilisateur
• Restreindre l'accès à une page

Les outils de Dreamweaver

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

Le rendu

• 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

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