> 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
Vous avez déjà un compte client ORSYS
Se connecter
Vous êtes nouveau chez ORSYS
Créer un compte
Vous ne souhaitez pas créer de compte
Poursuivre sans me connecter

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


Clé en main
Formation éligible au financement Afdas

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 à distance
Disponible en anglais, à la demande

Réf. HTX
  4j - 28h00
Prix : 2530 € H.T.
Pauses-café et
déjeuners offerts
Financements

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.


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.

Méthodes et moyens pédagogiques

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.

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.
Solutions de financement
Plusieurs solutions existent pour financer votre formation et dépendent de votre situation professionnelle.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller formation.

Financement par les OPCO
  • Adhérents Afdas, découvrez les avantages négociés par votre OPCO en cliquant ici

Horaires
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.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.

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

Dernières places
Date garantie en présentiel ou à distance
Session garantie