Formation Dreamweaver Lyon

Partager :

Créez, modifiez et publiez vos sites web avec Adobe Dreamweaver.

Formation Dreamweaver Lyon : Formez vos collaborateurs à la création et à la maintenance de sites web avec Adobe Dreamweaver. Une compétence particulièrement utile aux équipes communication, marketing, web et digital pour gagner en réactivité et en autonomie. En présentiel sur Lyon et France entière (intra)

Avec notre formation Adobe Dreamweaver, apprenez à créer, modifier et maintenir des sites web en combinant conception visuelle et édition du code HTML, CSS et JavaScript.

Dreamweaver est un environnement de développement web proposé par Adobe permettant de travailler directement sur le code tout en bénéficiant d’outils visuels, d’une prévisualisation des pages et d’aides à la programmation. Il permet notamment de concevoir et gérer des sites adaptés aux différents navigateurs et appareils.

Durant cette formation, vous apprendrez à structurer vos pages en HTML5, à gérer leur présentation avec CSS3, à créer des interfaces responsive adaptées aux ordinateurs, tablettes et smartphones et à publier vos fichiers sur un serveur web.

La formation aborde également les bonnes pratiques actuelles de développement : organisation des fichiers, optimisation des images, formulaires HTML, validation du code, accessibilité, référencement naturel, maintenance et mise à jour d’un site existant.

Nos formations Dreamweaver sont proposées en présentiel à Lyon et Paris, à distance ou en intra-entreprise. Elles privilégient les exercices pratiques et les mises en situation afin de permettre une utilisation opérationnelle du logiciel.

Infos pratiques Formation Dreamweaver

Pourquoi se former à Adobe Dreamweaver ?

Dreamweaver permet de créer, modifier et maintenir des pages web en combinant une interface visuelle et l’édition du code HTML, CSS et JavaScript. La formation permet de gagner en autonomie pour mettre à jour un site existant, créer de nouvelles pages, améliorer leur affichage responsive et assurer leur publication.

Quelles compétences peut-on acquérir avec une formation Dreamweaver et à qui s’adresse-t-elle ?

La formation permet notamment de structurer des pages en HTML5, gérer leur mise en forme avec CSS3, créer des interfaces responsive, intégrer des contenus et formulaires, optimiser les pages et publier un site. Elle s’adresse notamment aux webmasters, chargés de communication, responsables marketing, intégrateurs web, indépendants et collaborateurs amenés à créer ou maintenir des contenus web.

Quelle différence entre les trois formations Dreamweaver proposées ?

Dreamweaver Niveau 1 – Créer et publier un site web responsive permet d’acquérir les fondamentaux de Dreamweaver, HTML5, CSS3 et du responsive design. Dreamweaver Niveau 2 – Concevoir et optimiser des sites web avancés approfondit notamment CSS, Flexbox, Grid, JavaScript, SEO, accessibilité et optimisation. Enfin, Dreamweaver – Créer, développer et optimiser des sites web responsive constitue le parcours complet de 5 jours réunissant les deux niveaux.

Quelles formations complémentaires peut-on suivre après Dreamweaver ?

Selon le projet professionnel, Dreamweaver peut être complété par des formations HTML5 / CSS3, JavaScript, PHP / MySQL, Git, WordPress ou encore par des formations au développement avec un framework tel que Symfony. HTML/CSS et JavaScript sont particulièrement adaptés pour approfondir le développement front-end, tandis que PHP, MySQL et Symfony permettent d’évoluer vers la création d’applications web dynamiques et le développement back-end.

Comment financer une formation Dreamweaver ?

Les formations Dreamweaver peuvent notamment être financées par l’entreprise dans le cadre de son plan de développement des compétences et faire l’objet, selon la situation de l’entreprise et les règles applicables, d’une demande de prise en charge auprès de son OPCO. Cette formation n'est pas éligible pour un financement CPF.

Notre programme de formation :

Référence de la formation : WEDRE657I

Nombre de stagiaires max. : 5

Public visé :

Webmaster débutant, chargé de communication, responsable marketing, assistant communication, indépendant ou toute personne souhaitant créer, modifier ou maintenir des pages web avec Adobe Dreamweaver.

Objectifs :

Maîtriser les fonctionnalités essentielles d’Adobe Dreamweaver afin de créer, modifier et publier des pages web modernes. Comprendre les principes fondamentaux du HTML5 et du CSS3 et savoir réaliser des pages adaptées aux différents formats d’écran

Compétences visées :

  • Configurer et organiser un projet web dans Dreamweaver.
  • Créer et modifier la structure d’une page en HTML5.
  • Mettre en forme une page avec CSS3.
  • Créer une navigation et intégrer images, liens et contenus multimédias.
  • Adapter une page aux ordinateurs, tablettes et smartphones.
  • Tester, contrôler et publier un site web.

Moyens techniques et pédagogiques :

Alternance de démonstrations, apports méthodologiques et exercices pratiques. Manipulations guidées et réalisation progressive de pages web. Un ordinateur par participant équipé d’Adobe Dreamweaver. Support pédagogique remis aux participants.

Évaluation des résultats :

Évaluation formative au cours des exercices. Réalisation d’une page ou d’un mini-site de synthèse permettant de vérifier l’acquisition des compétences.

Validation :

Attestation de fin de formation envoyée par mail.

Durée :

3 jours / 21 heures

Pré-requis :

Savoir utiliser un ordinateur sous Windows ou macOS et être à l’aise avec la navigation Internet.

Modalités d’inscription :

Les inscriptions sont possibles :

  • Jusqu’à 48 heures avant le début de la formation, sous réserve des places disponibles, pour les financements en autofinancement ou via le plan de développement des compétences de l’entreprise.
  • Environ 4 semaines avant le début de la formation pour les demandes de financement auprès d’un OPCO ou de France Travail, afin de permettre l’instruction du dossier.

Accessibilité aux personnes en situation de handicap :

Devictio s’engage à favoriser l’accès à ses formations aux personnes en situation de handicap. Pour étudier les possibilités d’adaptation de la formation à vos besoins, nous vous invitons à contacter notre référent handicap :

  • 📞 04 72 64 25 19
  • ✉️ formation@devictio.fr

Points abordés :

Jour 1 : Découvrir Dreamweaver et les fondamentaux du HTML5

Comprendre le fonctionnement d’un site web

  • Fonctionnement d’un navigateur et d’un serveur web
  • Comprendre les notions de domaine, hébergement et URL
  • HTML, CSS et JavaScript : rôle de chaque technologie
  • Organisation des fichiers d’un site

Prendre en main Dreamweaver

  • Découvrir l’interface et les espaces de travail
  • Utiliser les vues Code, En direct et fractionnée
  • Créer et configurer un site local
  • Organiser les fichiers et dossiers du projet
  • Prévisualiser une page dans un navigateur

Comprendre la structure HTML5

  • Structure générale d’un document HTML
  • Utiliser les balises sémantiques
  • Créer titres, paragraphes et listes
  • Créer des liens internes et externes
  • Insérer des images

Atelier pratique

  • Création de la structure d’une première page web
  • Organisation des contenus et navigation

Jour 2 : Mise en forme avec CSS3 et responsive design

Découvrir CSS3

  • Comprendre les feuilles de styles
  • Sélecteurs, classes et identifiants
  • Couleurs, typographies et arrière-plans
  • Marges, espacements et bordures
  • Comprendre le modèle de boîte CSS

Créer des mises en page modernes

  • Organiser les contenus avec Flexbox
  • Introduction à CSS Grid
  • Créer des colonnes et zones de contenu
  • Aligner et positionner les éléments

Créer un site responsive

  • Comprendre les principes du responsive web design
  • Utiliser des unités adaptées
  • Créer des media queries
  • Adapter les images aux différentes tailles d’écran
  • Tester le rendu sur ordinateur, tablette et smartphone

Atelier pratique

  • Création d’une page responsive
  • Adaptation d’une navigation aux différents écrans

Jour 3 : Enrichir, contrôler et publier le site

Intégrer des contenus

  • Optimiser et intégrer des images
  • Intégrer une vidéo ou un contenu externe
  • Créer des boutons et liens d’action
  • Utiliser les attributs HTML utiles à l’accessibilité

Créer un formulaire

  • Créer des champs de saisie
  • Utiliser les différents types de champs HTML5
  • Créer listes, cases à cocher et boutons
  • Contrôler les champs obligatoires
  • Principes de traitement et de sécurisation d’un formulaire

Optimiser ses pages

  • Structurer les titres et contenus pour le référencement naturel
  • Renseigner le titre et les métadonnées essentielles
  • Optimiser les images
  • Contrôler les liens
  • Vérifier et nettoyer le code

Publier le site

  • Configurer une connexion FTP ou SFTP
  • Transférer les fichiers vers un hébergement
  • Synchroniser les fichiers locaux et distants
  • Tester le site après publication

Mise en application

  • Réalisation d’un mini-site responsive
  • Contrôle du code et du rendu
  • Publication ou simulation de mise en ligne

Référence de la formation : WEDRE657

Nombre de stagiaires max. : 5

Public visé :

Webmaster, développeur web, intégrateur, chef de projet, chargé de communication ou toute personne utilisant déjà Dreamweaver et souhaitant approfondir ses compétences.

Objectifs :

Maîtriser les fonctions avancées d’Adobe Dreamweaver afin de développer, optimiser et maintenir efficacement des sites web modernes et responsive.

Compétences visées :

  • Structurer et optimiser du code HTML5 et CSS3.
  • Créer des mises en page responsive avancées.
  • Utiliser efficacement Flexbox et CSS Grid.
  • Ajouter des interactions simples avec JavaScript.
  • Améliorer l’accessibilité, le référencement et les performances des pages.
  • Maintenir et publier efficacement un site web avec Dreamweaver.

Moyens techniques et pédagogiques :

Démonstrations, exercices pratiques, analyse et amélioration de pages existantes. Réalisation d’un projet permettant de mettre en œuvre les différentes techniques abordées. Un poste informatique par participant équipé d’Adobe Dreamweaver.

Évaluation des résultats :

Évaluation formative au cours des exercices. Cas pratique final portant sur l’optimisation et l’adaptation d’un site existant.

Validation :

Attestation de fin de formation envoyée par mail.

Durée :

2 jours / 14 heures

Pré-requis :

Connaître les fonctionnalités essentielles de Dreamweaver et disposer de connaissances de base en HTML et CSS, ou avoir suivi la formation Dreamweaver Initiation.

Modalités d’inscription :

Les inscriptions sont possibles :

  • Jusqu’à 48 heures avant le début de la formation, sous réserve des places disponibles, pour les financements en autofinancement ou via le plan de développement des compétences de l’entreprise.
  • Environ 4 semaines avant le début de la formation pour les demandes de financement auprès d’un OPCO ou de France Travail, afin de permettre l’instruction du dossier.

Accessibilité aux personnes en situation de handicap :

Devictio s’engage à favoriser l’accès à ses formations aux personnes en situation de handicap. Pour étudier les possibilités d’adaptation de la formation à vos besoins, nous vous invitons à contacter notre référent handicap :

  • 📞 04 72 64 25 19
  • ✉️ formation@devictio.fr

Points abordés :

Jour 1 : HTML/CSS avancé et responsive design

Optimiser sa méthode de travail dans Dreamweaver

  • Configurer l’environnement de codage
  • Utiliser l’autocomplétion et les aides au code
  • Rechercher et remplacer dans plusieurs fichiers
  • Identifier et corriger les erreurs de code
  • Utiliser les outils de validation et de nettoyage

HTML5 avancé

  • Améliorer la structure sémantique des pages
  • Choisir les balises adaptées aux contenus
  • Structurer une navigation accessible
  • Intégrer des contenus audio et vidéo HTML5
  • Optimiser les formulaires HTML5

CSS avancé

  • Sélecteurs avancés
  • Pseudo-classes et pseudo-éléments
  • Variables CSS
  • Transitions et effets CSS
  • Gestion avancée des dimensions et espacements

Flexbox et CSS Grid

  • Créer des mises en page flexibles avec Flexbox
  • Créer des grilles de contenu avec CSS Grid
  • Combiner Grid et Flexbox
  • Adapter automatiquement une interface aux différentes résolutions

Responsive design avancé

  • Définir les points de rupture pertinents
  • Créer des media queries avancées
  • Adapter la navigation mobile
  • Optimiser images et contenus selon les terminaux
  • Tester les pages sur plusieurs tailles d’écran

Jour 2 : Interactivité, optimisation et maintenance

Introduction à JavaScript dans Dreamweaver

  • Comprendre le rôle de JavaScript
  • Ajouter un script à une page
  • Comprendre les événements
  • Modifier le contenu ou le comportement d’un élément
  • Utiliser des scripts existants en respectant les bonnes pratiques

Optimiser les performances

  • Optimiser les images
  • Réduire le poids des pages
  • Organiser les fichiers CSS et JavaScript
  • Identifier les ressources inutiles
  • Améliorer les temps de chargement

Accessibilité et SEO technique

  • Structurer correctement les titres
  • Utiliser les textes alternatifs des images
  • Améliorer la navigation au clavier
  • Optimiser les balises title et meta description
  • Créer des URL et liens cohérents

Gestion et maintenance du site

  • Analyser et reprendre un site existant
  • Identifier les liens et fichiers obsolètes
  • Contrôler l’intégrité d’un site
  • Synchroniser les fichiers locaux et distants
  • Sauvegarder avant une mise à jour importante

Découvrir Git avec Dreamweaver

  • Comprendre le principe du contrôle de versions
  • Découvrir l’intégration Git dans Dreamweaver
  • Suivre les modifications apportées aux fichiers
  • Comprendre les principes de commit et de version

Atelier de synthèse

  • Analyse d’un site existant
  • Correction et optimisation de son code
  • Adaptation responsive
  • Optimisation SEO, accessibilité et performances
  • Préparation de la mise en ligne

Référence de la formation : WEDRE259

Nombre de stagiaires max. : 1

Public visé :

Webmaster, chargé de communication, responsable marketing, intégrateur web, indépendant ou toute personne souhaitant maîtriser Dreamweaver pour créer, développer, modifier et maintenir des sites web.

Objectifs :

Maîtriser Adobe Dreamweaver pour concevoir, développer et maintenir des sites web modernes. Structurer les contenus en HTML5, gérer leur présentation avec CSS3, réaliser des interfaces responsive, intégrer des éléments interactifs et optimiser puis publier un site web.

Compétences visées :

  • Configurer et organiser un projet web avec Dreamweaver.
  • Créer et modifier des pages web en HTML5 et CSS3.
  • Créer des mises en page modernes avec Flexbox et CSS Grid.
  • Adapter un site aux ordinateurs, tablettes et smartphones.
  • Créer des formulaires et intégrer des contenus multimédias.
  • Ajouter des interactions simples avec JavaScript.
  • Améliorer l’accessibilité, le référencement et les performances d’un site.
  • Reprendre et maintenir un site web existant.
  • Tester et publier un site sur un serveur web.

Moyens techniques et pédagogiques :

Alternance d’apports méthodologiques, de démonstrations et d’exercices pratiques. Réalisation progressive d’un projet web permettant d’appliquer les techniques étudiées. Un poste informatique par participant équipé d’Adobe Dreamweaver. Support pédagogique remis aux participants.

Évaluation des résultats :

Évaluation formative tout au long de la formation à partir d’exercices pratiques. Réalisation d’un projet de synthèse permettant de vérifier la capacité du participant à créer, optimiser et préparer la publication d’un site web responsive.

Validation :

Attestation de fin de formation envoyée par mail.

Durée :

5 jours / 35 heures

Pré-requis :

Savoir utiliser un ordinateur sous Windows ou macOS et être à l’aise avec la navigation Internet. Aucune connaissance approfondie en HTML ou CSS n’est nécessaire.

Modalités d’inscription :

Les inscriptions sont possibles :

  • Jusqu’à 48 heures avant le début de la formation, sous réserve des places disponibles, pour les financements en autofinancement ou via le plan de développement des compétences de l’entreprise.
  • Environ 4 semaines avant le début de la formation pour les demandes de financement auprès d’un OPCO ou de France Travail, afin de permettre l’instruction du dossier.

Accessibilité aux personnes en situation de handicap :

Devictio s’engage à favoriser l’accès à ses formations aux personnes en situation de handicap. Pour étudier les possibilités d’adaptation de la formation à vos besoins, nous vous invitons à contacter notre référent handicap :

  • 📞 04 72 64 25 19
  • ✉️ formation@devictio.fr

Points abordés :

Jour 1 : Dreamweaver et les fondamentaux du HTML5

Comprendre le fonctionnement d’un site web

  • Comprendre le fonctionnement d’un navigateur et d’un serveur web
  • Hébergement, nom de domaine et URL
  • Comprendre les rôles de HTML, CSS et JavaScript
  • Organiser les fichiers et dossiers d’un site

Prendre en main Dreamweaver

  • Découvrir l’interface et les espaces de travail
  • Utiliser les vues Code, En direct et fractionnée
  • Configurer un site local
  • Créer et gérer les fichiers du projet
  • Prévisualiser les pages dans les navigateurs

Créer ses premières pages HTML5

  • Comprendre la structure d’un document HTML
  • Utiliser les principales balises HTML5
  • Créer titres, paragraphes et listes
  • Utiliser les balises sémantiques
  • Créer des liens internes et externes
  • Insérer et paramétrer des images

Atelier pratique

  • Création de la structure d’un premier site web
  • Création des premières pages HTML

Jour 2 : CSS3 et mise en forme des pages

Découvrir les feuilles de styles CSS

  • Comprendre le rôle du CSS
  • Créer et associer une feuille de styles
  • Utiliser les sélecteurs, classes et identifiants
  • Comprendre la cascade et l’héritage

Mettre en forme les contenus

  • Gérer les couleurs et arrière-plans
  • Mettre en forme les textes et typographies
  • Utiliser les polices web
  • Gérer les bordures et effets visuels

Maîtriser le modèle de boîte CSS

  • Dimensions des éléments
  • Marges internes et externes
  • Bordures
  • Comprendre le comportement des blocs

Créer la navigation du site

  • Structurer un menu de navigation
  • Mettre en forme les liens
  • Créer différents états graphiques
  • Organiser l’arborescence du site

Atelier pratique

  • Mise en forme des pages créées le premier jour
  • Création de la charte graphique du site
  • Création du menu de navigation

Jour 3 : Responsive design et mises en page modernes

Créer des mises en page avec Flexbox

  • Comprendre le principe des conteneurs flexibles
  • Aligner et répartir les éléments
  • Créer des colonnes flexibles
  • Modifier l’ordre et le comportement des éléments

Découvrir CSS Grid

  • Comprendre le fonctionnement d’une grille CSS
  • Créer des lignes et colonnes
  • Positionner les contenus
  • Combiner CSS Grid et Flexbox

Créer un site responsive

  • Comprendre les principes du responsive web design
  • Utiliser les unités relatives
  • Définir les points de rupture
  • Créer des media queries
  • Adapter la navigation aux petits écrans
  • Adapter les images et contenus

Tester les pages

  • Tester différentes résolutions d’écran
  • Contrôler le rendu sur ordinateur, tablette et smartphone
  • Identifier et corriger les problèmes d’affichage

Atelier pratique

  • Transformation du projet en site responsive
  • Adaptation de la navigation pour smartphone
  • Création d’une mise en page avec Flexbox et CSS Grid

Jour 4 : Contenus avancés, formulaires et interactivité

Intégrer des contenus multimédias

  • Optimiser et intégrer des images
  • Intégrer des contenus audio et vidéo
  • Intégrer des contenus externes
  • Créer des boutons et éléments d’action

Créer des formulaires HTML5

  • Créer des champs de saisie
  • Utiliser les différents types de champs HTML5
  • Créer listes, cases à cocher et boutons
  • Définir les champs obligatoires
  • Améliorer l’ergonomie et l’accessibilité
  • Comprendre les principes de traitement des données

Découvrir JavaScript

  • Comprendre le rôle de JavaScript
  • Ajouter un script à une page
  • Comprendre les variables et fonctions
  • Comprendre les événements
  • Modifier le contenu d’un élément
  • Créer des interactions simples
  • Intégrer et adapter un script existant

Créer des effets avec CSS

  • Utiliser les pseudo-classes
  • Créer des transitions
  • Créer des effets au survol
  • Améliorer l’expérience utilisateur

Atelier pratique

  • Création d’un formulaire
  • Ajout de contenus multimédias
  • Création d’interactions simples

Jour 5 : Optimisation, maintenance et publication

Optimiser le référencement naturel

  • Structurer correctement les titres et contenus
  • Optimiser la balise title et les métadonnées essentielles
  • Optimiser les images et leurs textes alternatifs
  • Créer des liens cohérents
  • Appliquer les principales bonnes pratiques SEO

Améliorer l’accessibilité

  • Utiliser une structure HTML sémantique
  • Améliorer l’accessibilité des images
  • Améliorer l’accessibilité des formulaires
  • Prendre en compte la navigation au clavier
  • Contrôler la lisibilité des contenus

Optimiser les performances

  • Optimiser le poids des images
  • Organiser les fichiers CSS et JavaScript
  • Identifier les ressources inutiles
  • Contrôler les liens
  • Vérifier et nettoyer le code
  • Améliorer les temps de chargement

Maintenir un site existant

  • Importer et analyser un site existant dans Dreamweaver
  • Modifier plusieurs pages efficacement
  • Rechercher et remplacer dans plusieurs fichiers
  • Identifier les fichiers et liens obsolètes
  • Sauvegarder le site avant une modification importante

Découvrir Git avec Dreamweaver

  • Comprendre le principe du contrôle de versions
  • Découvrir l’intégration Git dans Dreamweaver
  • Suivre les modifications apportées aux fichiers
  • Comprendre le principe des commits

Publier le site

  • Configurer une connexion FTP ou SFTP
  • Transférer les fichiers sur un serveur
  • Synchroniser les fichiers locaux et distants
  • Contrôler le site après publication

Projet final

  • Finalisation du site réalisé pendant les 5 jours
  • Contrôle de l’affichage responsive
  • Vérification et optimisation du code
  • Contrôle SEO, accessibilité et performances
  • Préparation et simulation de la mise en ligne
  • Évaluation finale des compétences acquises

Formation Dreamweaver Niveau 1 – Créer et publier un site web responsive

Dans les locaux Devictio à Lyon

1 690,00 € 563,33 € / jour
3 jours / 21 heures

Nos tarifs ne sont pas assujettis à la TVA, les prix s'entendent TTC.

Formation Dreamweaver Niveau 2 – Concevoir et optimiser des sites web avancés

Dans les locaux Devictio à Lyon

1 190,00 € 595,00 € / jour
2 jours / 14 heures

Nos tarifs ne sont pas assujettis à la TVA, les prix s'entendent TTC.

Formation Dreamweaver – Créer, développer et optimiser des sites web responsive

Dans les locaux Devictio à Lyon

2 790,00 € 558,00 € / jour
5 jours / 35 heures

Nos tarifs ne sont pas assujettis à la TVA, les prix s'entendent TTC.

Formation Dreamweaver Niveau 1 – Créer et publier un site web responsive

Formation à distance

1 690,00 € 563,33 € / jour
3 jours / 21 heures

Formation Dreamweaver Niveau 2 – Concevoir et optimiser des sites web avancés

Formation à distance

1 190,00 € 595,00 € / jour
2 jours / 14 heures

Formation Dreamweaver – Créer, développer et optimiser des sites web responsive

Formation à distance

2 790,00 € 558,00 € / jour
5 jours / 35 heures

Formation Dreamweaver Niveau 1 – Créer et publier un site web responsive

Formation sur mesure

Formation Dreamweaver Niveau 2 – Concevoir et optimiser des sites web avancés

Formation sur mesure

Formation Dreamweaver – Créer, développer et optimiser des sites web responsive

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.