Formation Dreamweaver Lyon

Partager :

Apprenez à maîtriser l’un des éditeurs de pages web parmi les plus performants au monde.

Écran d'ordinateur affichant Adobe Dreamweaver avec les vues design et code, montrant du code HTML/CSS et PHP/MySQL.
Adobe Dreamweaver : formation Adobe Dreamweaver avec Devictio Formations à Lyon et Paris

En choisissant de suivre notre Formation Dreamweaver®, vous maîtriserez l’un des éditeurs de sites web parmi les plus performants. Développé par la société Adobe, il s’agit d’un logiciel WYSIWYG (What You See It’s What You Get), c’est à dire qu’il est possible de développer son site internet visuellement comme avec Word, tandis que Dreamweaver® s’occupe de développer le code automatiquement. Si le code est écrit directement, cet outil offre une aide à la saisie permettant notamment de gagner du temps et d’éviter des erreurs. Vous pouvez ainsi développer plus rapidement vos pages web.

Durant cette Formation à Adobe Dreamweaver®, à suivre en présentiel sur Lyon ou Paris ou en distanciel, vous pourrez utiliser les deux modes de conception, « création » ou « code », proposés par ce logiciel, afin d’afficher et d’éditer directement le code (HTML/CSS ou PHP MySQL) avec les feuilles de style. Vous pourrez ainsi concevoir votre site web vitrine ou dynamique, de la création des pages jusqu’à la mise en ligne, afin de présenter votre activité sur le web.

Infos pratiques Formation Dreamweaver

  • Stage en présentiel, distanciel ou blended
  • Attestation de fin de formation & certification
  • Formateur expert confirmé
  • Local situé Lyon Part-Dieu sud

Nos formations Dreamweaver

Formation Dreamweaver sur mesure

Notre programme de formation :

Référence de la formation : WEDRE657I

Nombre de stagiaires max. : 5

Objectifs :

Maîtriser les fonctionnalités principales de Dreamweaver afin de pouvoir concevoir un site web et réaliser des mises en pages.

Moyens techniques et pédagogiques :

Mises en situation par le biais d’exercices.
Répétitions des manipulations pour mémoriser l’utilisation des outils présentés.
Un ordinateur par personne.
Support de cours remis sur clé USB ou en format papier à la fin de la formation.

Évaluation des résultats :

Une évaluation pédagogique (orale et/ou écrite) est effectuée à la fin de votre formation afin d’attester l’acquisition de connaissances.
Exercice de synthèse.

Validation :

Attestation de fin de formation envoyée par mail.

Durée :

Uniquement en intra

Pré-requis :

Savoir utiliser un ordinateur ou un Mac, Connaître l’outil internet.

Points abordés :

Les outils de création Web

  • Principe et langages du web
  • Les navigateurs et les éditeurs de sites web
  • Outils graphiques et multimédia

Introduction à Dreamweaver ®

  • Créer et configurer un site
  • Interface : menus, palettes, panneaux, outils
  • Différentes vues : code, design,…
  • Aides à la mise en page : grilles, règles, …
  • Modifier l’interface utilisateur
  • Les préférences de Dreamweaver
  • Créer les fichiers du site
  • Le « Site Map »

Fonctions et outils d’édition

  • La page et son texte
  • Propriétés de la page. Insérer du texte
  • Formater le texte : gras, italique, police, couleur, etc.
  • Mettre en page le contenu : titre, paragraphe, liste, justification, indentation…
  • Importer du contenu (Word, Excel, .TXT, XML, etc.)

Gérer les images avec Dreamweaver

  • Formats d’images : description, comparaison
  • Insérer les images et les images de fond
  • Les propriétés des images. Panneau Actifs
  • Retouche d’image avec Fireworks ou Photoshop
  • Utilisation : menu, navigation, visuels, photos, icônes

Les liens hypertextes

  • Insérer un lien sur du texte ou une image
  • Les liens relatifs et les liens absolus
  • Savoir créer des ancres nommées
  • Liens FTP, mailto, Usenet…
  • Les zones sensibles (images maps)

Les tableaux sous Dreamweaver

  • Créer et utiliser des tableaux
  • Insérer et mettre en forme un tableau
  • Tableaux et mise en page
  • Modifier un tableau : cellules, colonnes, lignes
  • Importer des données tabulaires

Préparer son projet de site Web

  • Savoir définir ses besoins
  • Déterminer son cahier des charges
  • Connaître les règles de conception
  • Organiser sa production

Mise en application

Référence de la formation : WEDRE657

Nombre de stagiaires max. : 5

Public visé :

Webmaster, chef de projet, chargé de communication… toute personne souhaitant renforcer ses compétences sur Dreamweaver.

Objectifs :

Maîtriser les fonctions avancées du logiciel Dreamweaver afin de gagner en efficacité et en productivité.

Moyens techniques et pédagogiques :

Mises en situation par le biais d’exercices.
Répétitions des manipulations pour mémoriser l’utilisation des outils présentés.
Un ordinateur par personne.
Support de cours remis sur clé USB ou en format papier à la fin de la formation.

Évaluation des résultats :

Une évaluation pédagogique (orale et/ou écrite) est effectuée à la fin de votre formation afin d’attester l’acquisition de connaissances.
Exercice de synthèse.

Validation :

Attestation de fin de formation envoyée par mail.

Durée :

Uniquement en intra

Pré-requis :

Connaître le logiciel Dreamweaver ou avoir suivi la formation initiation.

Points abordés :

Les feuilles de style

  • Le langage
  • Les sélecteurs
  • Les propriétés graphiques
  • Les calques positionnés
  • Inspection CSS (CS5)

Le Javascript

  • Ajouter des commandes

Les formulaires

  • Validation en JavaScript
  • Introduction au Web dynamique (PHP, CGI, SSI)
  • Principes et vocabulaire
  • Traitement des formulaires par des scripts serveur

Modèles : notions avancées

  • Imbrication de modèles, attributs modifiables
  • Contexte
  • Conception
  • Utilisation

Interactivité

  • Gestion dynamique des calques
  • Comportement et scénario
  • Appliquer des comportements
  • Javascript et les comportements
  • Indicateurs de code spécifiques au site (CS5)

Mise en ligne avancée

  • Gestion avancée du site
  • Extraire – Archiver
  • Fonction de synchronisation
  • Vérification de l’intégrité du site
  • Nettoyage du code
  • Rapport

Mise en application

Référence de la formation : WEDRE259

Nombre de stagiaires max. : 1

Public visé :

Auto-entrepreneur, gérant de TPE, chargé de communication, membre d’une association… toute personnes désireuse de créer son site web vitrine.

Objectifs :

Maîtriser les fonctions essentielles du logiciel Dreamweaver
Maîtriser les fondamentaux du langage HTML5/CSS3
Créer son site web vitrine afin de présenter son activité de manière professionnelle
Maîtriser et dynamiser son image sur le web

Moyens techniques et pédagogiques :

Mises en situation par le biais d’exercices.
Répétitions des manipulations pour mémoriser l’utilisation des outils présentés.
Un ordinateur par personne.
Support de cours remis sur clé USB ou en format papier à la fin de la formation.

Évaluation des résultats :

Une évaluation pédagogique (orale et/ou écrite) est effectuée à la fin de votre formation afin d’attester l’acquisition de connaissances.
Exercice de synthèse.

Validation :

Attestation de fin de formation envoyée par mail.

Durée :

Uniquement en intra

Pré-requis :

Savoir utiliser un ordinateur ou un Mac. Connaître l’environnement Windows ou MacOS.

Points abordés :

Les fondamentaux du Web

  • Qu’est ce qu’un « hébergement »?
  • Qu’est ce qu’un « nom de domaine » ?
  • Relation entre URL et IP
  • Structure d’une URL
  • Rôles des DNS
  • Le mode « Client / Serveur »
  • Les principaux langages utilisés par le web (Php, Javascript, Html, Css, Ajax)
  • Les organisations (W3C, AFNIC, WHOIS..)
  • Les protocoles de communication (Pop, Smtp, Ftp, Http…)
  • Les unités (pixel, em, %, Dpi…)
  • Utilisation du FTP

Définir son projet Web

  • Bien identifier sa cible ainsi que ses besoins
  • Choisir les fonctionnalités du site
  • Structuration de l’offre
  • Arborescence, ergonomie et design
  • Choix de la charte graphique

Les bases de Dreamweaver

  • Présentation de l’environnement de travail
  • Mode visuel, mode éditeur
  • Prévisualtion dans un navigateur
  • Affichage local / affichage distant

Les tableaux

  • Utilité, création et modification
  • Largeur de colonnes et hauteur de lignes
  • Bordures et arrière plan
  • Création d’un tableau x lignes x colonne
  • Taille du tableau en pixel ou en pourcentage
  • Insertion de nouvelles lignes ou colonnes
  • Fusion de cellules
  • Couleur de fond sur tableau, ligne, ou colonne

 Les images

  • Les différents formats
  • Insertion et positionnement dans la page
  • Les effets de survol et mappage d’une image

Les liens hypertextes

  • Sur texte et sur image
  • Liens vers email
  • Liens internes au site
  • Liens externes
  • Couleur des liens (actif, visited, hover, link)
  • Cible des liens (blank, parent)

Propriétés de la page Web

  • Gestion de l’arrière plan
  • Couleur de la police par défaut
  • Couleur des liens
  • Marges
  • Encodage (iso, utf-8

Frames et cadres

  • Objectifs et création des cadres
  • Lien vers un cadre précis : les « target »
  • Redimensionnement
  • Barre de défilement
  • Couleur des bordures

Gérer des sites avec Dreamweaver

  • Création d’un dossier racine local du site
  • Organisation de l’arborescence d’un site
  • Vérification des liens et plan de site
  • Publication d’un site avec Dreamweaver

Les formulaires

  • Utilité d’un formulaire
  • Les différents champs de saisie d’un formulaire
  • La validation d’un formulaire
  • La sécurisation d’un formulaire

Les styles

  • Limites liées aux navigateurs
  • Création de styles utilisateurs
  • Modification de styles existants
  • Styles intégrés dans une page
  • Styles et feuille de styles (CSS)
  • Inspection CSS (CS5)

Les modèles de pages

  • Créer un modèle
  • Définir des zones modifiables
  • Créer des pages à partir d’un modèle
  • Mise à jour du modèle et des pages

Calques et comportements

  • Création, dimensionnement et positionnement
  • Relations entre calques et tableaux
  • Gestion des événements OnClick, onMouseOver
  • Comportements
  • Téléchargement de comportements

Le langage HTML5/CSS3

  • Dernière évolution de l’HTML/CSS
  • Généralités (définition, fonctionnement, écriture)
  • Structure d’un document
  • Les principales balises
  • Les balises et attributs obsolètes
  • Mise en page
  • Liens
  • Images
  • Compatibilité des navigateurs
  • Le Doctype
  • Balises Vidéo et audio
  • Balises de formulaire

Feuilles de style CSS3

  • Les sélecteurs
  • Combiner les sélecteurs
  • Grouper les sélecteurs
  • Les pseudo-classes
  • Manipulation des propriétés CSS

Les API de l’HTML5

  • Le dessin avec la balise Canvas
  • Le drag and drop
  • Le stockage de données
  • La gestion des évènements

Les plus du CSS3

  • Les bordures arrondies
  • La transparence
  • Les ombres portées
  • Les animations (transitions et transformations)

Finaliser son site Web

  • Installer sa charte graphique
  • Choisir le nom de domaine et l’hébergement
  • Finaliser la création du contenu
  • Mise en ligne

Mise en application

Formation Dreamweaver initiation

Uniquement en intra

Formation Dreamweaver perfectionnement

Uniquement en intra

Formation Créer son site internet avec Dreamweaver

Uniquement en intra

Formation Dreamweaver initiation

Uniquement en intra

Formation Dreamweaver perfectionnement

Uniquement en intra

Formation Créer son site internet avec Dreamweaver

Uniquement en intra

Formation Dreamweaver initiation

Formation sur mesure

Formation Dreamweaver perfectionnement

Formation sur mesure

Formation Créer son site internet avec Dreamweaver

Formation sur mesure

Formations complémentaires

Je m'inscris à cette formation Devictio Formations à Lyon

Envoi en cours...
* : Les champs marqués d'un astérisque sont obligatoires.
Envoi en cours...
* : Les champs marqués d'un astérisque sont obligatoires.
Envoi en cours...
* : Les champs marqués d'un astérisque sont obligatoires.