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
- 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
Formation ajoutée le 08/01/2015, mise à jour le 03/12/2020.
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 2019 et 2021 .
Taux d'obtention ICDL / PCIE : Aucune évaluation à ce jour pour calculer la moyenne.
Taux d'obtention ENI Edition : Aucune évaluation à ce jour pour calculer la moyenne.
ICDL - PCIE
56 Rue Georges Clemenceau,
06400 Cannes
Tél : 04 93 00 18 00
www.icdlfrance.org
Le passeport de compétences informatique européen, abrégé en PCIE est un certificat d'aptitude qui atteste que le titulaire a les connaissances de base pour utiliser un ordinateur ainsi que les principaux outils bureautiques.
Créé par le Council of European Professional Informatics Societies (CEPIS), le conseil européen des associations de professionnels des technologies de l'information, il est soutenu par la Commission européenne et géré depuis 1997 par la Fondation ECDL.
Le passeport de compétences informatique européen est devenu le standard mondial avec 150 pays et plus de 14 millions de candidats. Le nom donné au passeport en dehors de l'Europe est l'ICDL (International Computer Driving Licence).
Tarif HT : 90€
Pour toute demande de financement auprès de votre OPCO ou Pôle Emploi vous aurez besoin du programme détaillé de formation.
