> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation Dreamweaver CC, créer et intégrer des interfaces Web responsives
Formation référencée dans le catalogue Clé en main d’un OPCO

Formation : Dreamweaver CC, créer et intégrer des interfaces Web responsives

certification ICDL® à distance en option

Dreamweaver CC, créer et intégrer des interfaces Web responsives

certification ICDL® à distance en option
Télécharger le programme Partager cette formation

Télécharger le programme Partager cette formation

Dreamweaver est l'atelier de conception de pages web Adobe le plus répandu sur le marché. En découvrant ses fonctionnalités, vous apprendrez à maîtriser l'éditeur de pages XHTML/HTML, la mise en forme graphique au moyen des feuilles de style CSS, tout en prenant en compte l'accessibilité des sites web.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. HTX
Prix : 2480 € H.T.
  4j - 28h00
Nous contacter




Dreamweaver est l'atelier de conception de pages web Adobe le plus répandu sur le marché. En découvrant ses fonctionnalités, vous apprendrez à maîtriser l'éditeur de pages XHTML/HTML, la mise en forme graphique au moyen des feuilles de style CSS, tout en prenant en compte l'accessibilité des sites web.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • 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

Public concerné
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.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

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).
Travaux pratiques
Paramétrage du navigateur, installation d'extension.

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.
Travaux pratiques
Découverte de l'éditeur, paramétrage, test des modèles de pages existantes.

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.
Exercice
Mise en pratique de HTML et CSS3 avec Dreamweaver. Création d'un formulaire. Création de pages web.

Composition de pages HTML5 responsives

  • Le Web Responsive Design dans Dreamweaver.
  • Les requêtes de média 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.
Exercice
Création d'un mini-site responsive.

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.
Exercice
Création de pages HTML5 riches avec l'assistant Bootstrap de Dreamweaver.

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.
Travaux pratiques
Création de pages HTML interactives avec du JavaScript et jQuery.


Modalités pratiques

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance