Formation Dreamweaver CS5

Présentation

Dreamweaver est un éditeur de site web WYSIWYG pour Microsoft Windows, et Mac OS X créé en 1997, commercialisé parMacromedia puis Adobe Systems sous licence utilisateur final.

Dreamweaver fut l'un des premiers éditeurs HTML de type « tel affichage, tel résultat », mais également l'un des premiers à intégrer un gestionnaire de site (CyberStudio GoLive étant le premier). Ces innovations l'imposèrent rapidement comme l'un des principaux éditeurs de site web, aussi bien utilisable par le néophyte que par le professionnel.

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 tableau, d'image, 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 le langage HTML.

Dreamweaver a évolué avec les technologies de l'internet.
Il offre aujourd'hui la possibilité de concevoir des feuilles de style. Les liaisons avec des bases de données ont également été améliorées ainsi que le chargement des fichiers sur les serveurs d'hébergement. Il propose en outre l'utilisation de modèles imbriqués de pages web, selon un format propriétaire.

(Wikipédia)

Objectifs

  • Création de pages et développement d'applications "web"
  • Performant et souple dans la mise en page, DREAMWEAVER est le logiciel professionnel le plus utilisé.
  • Dreamweaver est l'un des éditeurs de page Web les plus performants du marché. Il s'adresse tout particulièrement à ceux qui veulent réaliser des sites dynamiques.
  • Cette formation se présente sous la forme d'exercices pratiques reprenant des thèmes classiques des sites Web. Le stagiaire peut ainsi repartir avec des "outils pratiques" opérationnels. Plusieurs sessions sous forme de modules vous sont présentées, vous permettant ainsi d'intégrer la session de votre choix.

Vous apprendrez :

  • A créer, développer et publier vos sites web et vos applications.
  • La mise en forme de grilles fluides CSS3, pour différents terminaux ou ordinateurs.
  • La prise en charge par Dreamweaver CS6 du développement mobile.

Public

  • Web designers, graphistes spécialisés web, concepteurs web, webmasters, programmeurs.

Pré-requis

  • Web designers, graphistes spécialisés web, concepteurs web, webmasters, programmeurs.

Compléments d'informations

Session 1

  • Principes de bases pour la création d'un site.
  • Notions d'ergonomie.
  • Mise en forme de textes.
  • Utilisation des images.
  • Notions de base en HTML.

Session 2

Création d'un mini-site Web avec accueil

Gestion du site :

  • Outils de management du site
  • Vérification des erreurs
  • Gestion des modifications
  • Création d'une page

Utilisation simple du texte :

  • Placement des images
  • Utilisation des calques
  • sommaire
  • Réalisation de liens

Liens sur du texte :

  • Liens sur des images
  • Carte de liens sur des images
  • Liens vers des URL externes
  • Liens vers un email.
  • Utilisation avancée des tableaux pour la mise en page.

Session 3

Conception d'un site en utilisant les frames (séparation virtuelle de l'écran).

Création de formulaire :

  • Les objets paramétrables
  • Les modes d'envoi
  • Contrôles de saisie du formulaire grâce au langage Javascript.

Session 4

  • Optimisation de la conception d'un site en utilisant les éléments de bibliothèque et les modèles.
  • Techniques de mise à jour d'un site en mode FTP.

Session 5

  • Découverte du DHTML, des feuilles de style.
  • Création d'un menu déroulant.
  • Création de styles dans la mise en page.

Session 6

  • Utilisation des comportements Javascripts pour générer contrôles et effets spéciaux.
  • Mise en pratique des techniques apprises pour la réalisation de votre projet.
  • Création d'une maquette de site.
  • Les outils
  • Les préférences
  • Configuration

Optimisation pour la vitesse de chargement :

  • Organiser le site et vérifier son intégrité.
  • Renseigner les codes "méta" nécessaires au référencement.