Personnalisation:
Le programme peut être modifié en fonction de vos besoins et de vos objectifs sur le contenu, la durée et les modalités.
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
Formation ajoutée le 08/01/2015, mise à jour le 08/02/2023.
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, le formateur diffuse son écran sur un vidéo-projecteur ou télévision grand écran
Un groupe de maximum 5 personnes en inter-entreprise.
En distanciel : Utilisation de Zoom ou Teams avec partage d'écran, chat, audio et vidéo en temps réel.
Exposé théorique, suivi d'une mise en pratique.
Moyens pour suivre l’exécution de l’action :
- La présence du stagiaire est vérifiée par le formateur à l'aide d'une feuille de présence signée par demi-journées
- Dans le cadre du CPF, en fin de formation, le participant reçoit un certificat de l'éditeur de la certification (ICDL)
Moyens pour en apprécier les résultats :
- A la fin de la formation, le stagiaire complète une évaluation à chaud (Permettant d'évaluer la qualité de la prestation)
- Puis, il complète avec le formateur une évaluation des acquis (Permettant de déterminer les points acquis, non acquis ou en cours d'acquisition)
- Dans le cadre du CPF, en fin de formation le stagiaire passe un test sur la plateforme de l'éditeur (ICDL) et reçoit une attestation mentionnant le résultat obtenu
- Quelques mois après la formation, le donneur d'ordre complète une évaluation à froid (Permettant de s'assurer que la formation a pu être mise en pratique)
Profil formateur :
Formateurs passionnés et expérimentés intervenant en milieu professionnel en tant qu'intégrateur et développeur.
Accueil et accès des personnes en situation de handicap :
Contacter Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com
Délai d'accès :
En intra-entreprise : En fonction de vos disponibilités et celles de nos formateurs.
En inter-entreprise : En fonction des sessions que nous avons programmé, consultable en cliquant ici
Evaluation : Aucune note pour cette formation entre 2022 et 2024.
Personne à contacter :
Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com
Pour toute demande de financement auprès de votre OPCO ou Pôle Emploi vous aurez besoin du programme détaillé de formation.