Formation Dreamweaver

Dreamweaver
Dreamweaver offre deux modes de conception par son menu affichage. L'utilisateur peut choisir entre un mode création permettant d'effectuer la mise en page directement à l'aide d'outils simples, comparables à un logiciel de traitement de texte (insertion de tableaux, d'images, etc.). Il est également possible d'afficher et de modifier directement le code (HTML ou autre) qui compose la page. On peut passer très facilement d'un mode d'affichage à l'autre, ou opter pour un affichage mixte. Cette dernière option est particuliérement intéressante pour les débutants qui, à terme, souhaitent se familiariser avec les langages HTML5 et CSS.

Obtenir un devis Comment financer ma formation ?


Le programme de formation


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.