> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation Dreamweaver CC, créer et intégrer des interfaces Web responsives > Formations > Technologies numériques > 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 au format pdf Partager cette formation par e-mail 2

Télécharger au format pdf Partager cette formation par e-mail 2

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
Pauses-café et
déjeuners offerts
Financements




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.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.

Financement par les actions collectives ou clé en main
Jusqu’à 100% de prise en charge des frais pédagogiques de la formation dans la cadre des actions collectives ou des tarifs négociés avec les actions « clé en main » mises en place par les OPCO. Cliquez sur l’OPCO pour découvrir les modalités financières associées

Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

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