Nos domaines de formation :

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

Stage pratique
Training video offert
Durée : 4 jours
Réf : HTX
Prix  2019 : 2540 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Cycles certifiants
  • Participants / Prérequis
  • Intra / sur-mesure
Programme

Dreamweaver est l'atelier de conception de pages Web 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

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

Cycles certifiants
Participants / Prérequis

» Participants

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.
Intra / sur-mesure
Programme standard     Programme sur-mesure
Oui / Non

Vos coordonnées

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[-]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.