Description

Dreamweaver est l'un des logiciels de conception de pages Web les plus populaires sur le marché, développé par Adobe. En découvrant les fonctionnalités de Dreamweaver, vous pourrez apprendre à maîtriser l'éditeur de pages XHTML/HTML, ainsi que les techniques de mise en forme graphique en utilisant les feuilles de style CSS. Il est également important de prendre en compte l'accessibilité des sites Web lors de la conception, et Dreamweaver offre des fonctionnalités pour vous aider à créer des sites Web accessibles.

 

À qui s'adresse cette formation ?

Pour qui ?

Ce stage pratique s'adresse à tous les informaticiens désireux de maîtriser les techniques permettant de développer un site Web et de construire une interface Web interactive et dynamique.

Prérequis

Connaissances de base des composants d'une architecture Web.

 

Les objectifs de la formation

• Créer des pages complexes utilisant CSS, templates et contrôles de saisies
  
• Créer des sites web responsive a travers l'assistant
• Gérer l’accessibilité
  
• Réaliser des pages avec Twitter Bootstrap
  
• Connecter le site à une base de données
  

Programme de la formation

• Les rappels des fondamentaux du Web
  • Les protocoles d'un site Web : HTTP, FTP, SMTP, POP3.
  • Fonctionnement d'un site Web : les pages HTML, les liens hypertextes (URL).
• L'interface Dreamweaver
  • Présentation de la suite Adobe CC.
  • Prise en main de Dreamweaver.
  • Paramétrage de l'interface.
  • Les modèles de pages de démarrage.
  • Les pages Bootstrap.
  • Les interactions avec Photoshop.
• Composition de pages HTML5
  • Création de pages HTML5.
  • Comment utiliser le panneau CSS Designer avec CSS 3 ?.
  • Création de formulaires.
  • Contrôles de saisie HTML5.
  • Les modèles de newsletters responsives.
  • Création de pages complexes.
• Composition de pages HTML5 responsives
  • Le Web Responsive Design dans Dreamweaver.
  • Les requêtes de media et les points d'arrêts.
  • Modifier les requêtes des modèles.
  • Construire une page responsive.
  • Intégrer des images et des vidéos responsives.
  • Gérer les différents modes d'affichage.
• Création de pages avec Twitter Bootstrap
  • Présentation de Bootstrap.
  • Créer une page à partir du modèle de page Bootstrap.
  • Modifier la page.
  • Intégrer des composants Bootstrap.
  • Modifier les composants Bootstrap avec le CSS Designer.
  • Utiliser l'inspecteur de DOM.
• Création de pages avec jQuery mobile et jQuery UI
  • Présentation de jQuery, jQuery mobile et jQuery UI.
  • Introduction à Javascript avec les comportements Dreamweaver.
  • Découverte des composants jQuery mobile.
  • Création d'une interface mobile simple.
  • Découverte de jQuery UI.
  • Intégration de composant jQuery UI.