Cette formation est proposée à distance.
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, abré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
Pré-requis
Une connaissance de l'environnement Windows ou Mac et du monde de l'internet sont nécessaires.
Public
Webmaster, webdesigner, graphiste.
Objectifs
Etre en mesure de créer et le mettre à jour un site web en HTML5 et les mettre en forme avec CSS3
Moyens pédagogiques
Un PC par personne, un groupe de maximum 5 personnes.
Exposé théorique, suivi d'une mise en pratique.
Moyens pour suivre l’exécution de l’action et d’en apprécier les résultats
A la fin de la formation, le stagiaire évalue la qualité de la formation puis complète avec le formateur un tableau reprenant les différents points du programme en précisant, si c'est acquis, en cours d'acquisition ou non acquis.
Pour toute demande de financement auprès de votre OPCO ou Pôle Emploi vous aurez besoin du programme détaillé de formation.