Formation Dreamweaver CC

Dreamweaver CC
Dreamweaver CC est la dernière version du plus célébre éditeur WYSIWIG conçu par Adobe. Il vous permettra de générer et modifier facilement du code HTML5, CSS3 ...

Obtenir un devis Comment financer ma formation ?


Le programme de formation


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, abbré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


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, 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.