Formation Dreamweaver

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