Venez en toute sécurité dans nos centres ! Voir notre dispositif sanitaire

> 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

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

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

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


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 : 2490 € HT
  4j - 28h
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.

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.

Modalités pratiques

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 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.
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.


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
Du 1 au 4 mars 2022
Classe à distance
S’inscrire
Du 3 au 6 mai 2022
Classe à distance
S’inscrire
Du 19 au 22 juillet 2022
Classe à distance
S’inscrire
Du 15 au 18 novembre 2022
Classe à distance
S’inscrire