Introduction
- Les bases du XHTML et HTML5
- A quoi sert le CSS ?
- L'encodage des pages
L'interface graphique
- Les différents panneaux
- Les différents menus et options
- L'espace de travail
- Personnalisation de l'espace de travail
La gestion de site avec Dreamweaver
- La gestion de projets
- La configuration de sites web
La gestion du texte
- La gestion du texte
- Les paragraphes, les sauts de ligne
- Les balises de titre
- Les puces, les listes numérotées
- Les espaces insécables, les caractères spéciaux ...
Les images
- Généralités et utilisation
- Insertion d'image dans une page web
- Modifier avec Photoshop
- Corriger avec les outils internes
- Les images survolées
- Les zones réactives
- Utilisation des balises figure et figcaption
Les hyperliens
- Sur un texte
- Sur une image
- Liens de messagerie
- Les attributs des hyperliens
Les médias
- Le son
- La vidéo
- La balise Canvas
- Le Flash : SWF ou vidéo
- Iframe (Vidéo You tube, Google map ...)
Les tableaux
- Insertion de tableaux
- Insertion, suppression de lignes et colonnes
- Fusionner, fractionner des lignes ou colonnes
Mise en forme à l'aide de CSS Designer
- Qu'est ce qu'une feuille de style ?
- 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)
- La notion d'héritage
- Modifier, supprimer une régle
- Lier une feuille de style
- Supprimer une feuille de style
- Mettre en forme un site avec CSS
Les composants Bootstrap
- Le système de grille fluide
- Les composants réutilisables :
- Les Glyphicons, Font Awesome, boutons, fil d'Ariane, pagination, alertes, badges ...
- Les extensions Javascripts :
- Les transitions, carousels, modales, menus, scrollspy, les onglets, accordéons, les infobulles ...
- Les feuilles de style CSS
- Personnalisation du CSS
La balise HEAD
- Les balises Meta
- Les tags utiles pour le référencement
- Les feuilles de style CSS
- Les scripts
Les formulaires
- La balise form
- Les étiquettes
- Les champs de texte
- Les zones de texte
- Les champs masqués
- Les cases à cocher
- Les boutons radios
- Les listes déroulantes
- Les champs de fichier
- Les boutons d'envoi et réinitialiser
- Les nouvelles balises
- tel, email, search, number, range, color
- month, week, date, time, datetime, datetime-local
- Compatibilité avec les navigateurs
- Les attributs
Les outils de Dreamweaver
- Rechercher et remplacer
- Vérifier l'orthographe
- Valider votre code
- Vérifier les liens
- Tester la compatibilité avec les navigateurs
Le rendu
- Configurer des navigateurs pour le rendu
- Prévisualiser dans différents navigateurs
- L'aperçu pour smartphone, tablette
- L'affichage en direct (Avantages et inconvénients)
Transférer vos données sur un serveur ftp
- Paramétrage dans Dreamweaver
- Transfert de données par FTP
- Affichage local et distant
Pré-requis
La connaissance de l'environnement Windows ou Mac ainsi que l'utilisation d'internet est indispensable
Public
Webmaster, intégrateur ou toute personne souhaitant créer et maintenir à jour un site web.
Objectifs
Etre en mesure de réaliser un site web et le mettre à jour en utilisant Dreamweaver.
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 OPCA ou Pôle Emploi vous aurez besoin du programme détaillé de formation.
