formation dreamweaver débutant à avancé

Formation sur le logiciel Dreamweaver PC et Mac

Outil incontournable de la création web, Dreamweaver est un éditeur HTML, fournissant une plateforme de développement pour la création de sites et d'applications Web.

Avec la version MX, il permet de travailler avec des langages web dynamiques (ASP, PHP) à l'aide d'outils assez simples à utiliser, permettant de développer des applications dynamiques sans pour autant connaître les langages de programmation.
Il permet par ailleurs de développer et améliorer des systèmes de gestion de contenu tels que Joomla, Wordpress ou encore Drupal.
Dreamweaver met à disposition des outils d'inspection CSS ainsi qu’un module de test de compatibilité des différents navigateurs.

Votre formation sera réalisée sous forme de cours individuels, ou en petit groupes avec des personnes de votre entreprise si vous êtes plusieurs à vouloir suivre cette formation à Dreamweaver, et avez le même niveau.

Vous souhaitez suivre une formation Dreamweaver afin de :

Découvrir / Consolider vos bases sur Dreamweaver

Aborder Dreamweaver sans aucune formation est une expérience qui peut s’avérer difficile ! Ce module vous aidera à maîtriser les fonctionnalités de base de Dreamweaver, et utiliser des outils de premier niveau.

Voici les thèmes principaux qui rentrent dans le cadre de ce module de formation sur Dreamweaver :

Objectifs :

Maitriser les fondamentaux de Dreamweaver

  • Découverte de l’interface
  • Gérer les feuilles de style
  • Insérer des objets
Formation Dreamweaver débutant et avancé sur PC et Mac
Programme :

Introduction générale :

  • Les contraintes du Web (langages, navigateurs, débit, résolution, normes et accessibilité)
  • Organisation des fichiers et règles de nommage
  • L’interface de Dreamweaver
  • Les Préférences

Création d’une page :

  • Créer une page en mode Code
  • Créer une page avec l’assistance visuelle
  • Insérer des images, gérer les formats
  • Optimisation et modification dans Dreamweaver
  • Créer et modifier un lien
  • Créer une image map
  • Les ancres
  • Les tableaux de données

Mise en place d’une feuille de style (CSS) :

  • Rôle et fonctionnement du langage CSS
  • Syntaxe de base : type de sélecteurs, propriétés CSS
  • Utilisation de l’éditeur CSS Designer
  • Gestion de la typographie
  • Tailles et unités de mesure
  • Utilisation de polices Edge Web Fonts
  • Création de combinaison de polices (Font Stacks)
  • Les mises en page fixe et fluide
  • Intégration multimédia (vidéo, son)

Construire efficacement un site :

  • Configuration du site (local / distant)
  • Création d’un modèle Dreamweaver
  • Les éléments de Bibliothèque
  • Publication du site

Les fonctions évoluées :

  • Initiation à l’utilisation des formulaires
  • Intégration multimédia (vidéo, son)
  • Initiation aux transitions CSS
  • Intégration d’une animation Edge Animate
  • Ajout d’effets spéciaux grâce aux extensions de Dreamweaver

Consolider vos bases / Approfondir ses connaissances sur Dreamweaver

Voici les thèmes principaux qui rentrent dans le cadre de ce module de formation avancé sur Dreamweaver :

Objectifs :
  • Consolider les bases
  • Automatiser le processus de production
  • Appliquer des comportements et effets
  • Finaliser la production : test, déploiement et gestion du site
Form'IT - Formation Dreamweaver débutant et avancé sur PC et Mac
Programme :

Rappel des standards :

  • Les normes : HTML, CSS1, CSSP, CSS2
  • Le Doctype et la validation

Les feuilles de style (CSS) - syntaxe et vocabulaire :

  • Les sélecteurs : redéfinition des balises HTML, les classes
  • Les pseudos-classes, les ID, les sélecteurs hiérarchiques
  • Les propriétés : formatage de texte, gestion des boîtes, propriétés graphiques
  • Les valeurs et unités
  • Les feuilles de style internes, externes, intégrées
  • Le positionnement : absolute, relative, les flottants, les éléments PA (calques)

Mise en pratique - réaliser différents types de mise en pages :

  • Méthode hybride, relooker un tableau (tableau + CSS)
  • Méthode “full CSS” (mise en pages sans tableau)
  • Menus de navigation en CSS

DHTML et AJAX en action dans Dreamweaver : principes généraux :

  • Le DHTML
  • Le framework AJAX Spry

Les outils de l’intégrateur :

  • Les outils du mode Code
  • Les indices de code AJAX
  • Le Code navigator
  • L’outil Inspection CSS
  • Les Validateurs HTML et CSS
  • Tests avec Adobe BrowserLab

Mise en pratique : créer des pages web plus interactives :

  • Les widgets Spry
  • Les comportements JavaScript
  • L’API Spry
  • Introduction à l’intégration des systèmes de gestion de contenu (WordPress, Joomla!, Drupal)

Les formulaires :

  • Introduction au Web dynamique
  • Principes du traitement côté serveur (PHP, CGI, SSI)
  • Insertion et propriétés des champs de formulaires
  • L’expédition de formulaires
  • Le traitement des données par des scripts serveur

La Bibliothèque :

  • Créer des composants réutilisables

Les modèles (Template) : notions avancées

  • Principes généraux
  • Conception et utilisation
  • Imbrication de modèles, attributs modifiables

Ajout d’extensions Dreamweaver :

  • Les extensions utiles (HTML5 Pack...)

Témoignage :

témoignage
EMP

A venir...


Form'IT - formation dreamweaver débutant à avancé

Remonter en haut de la page

Retour en haut