Aperçu
Objectifs :
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
Préparation au Bloc BTS NDRC
Caractéristiques Formation
- Réf IFFP 2102000
- Lectures 0
- Quiz 0
- Durée 28 heures
- Participants 11379
- Certificat Oui
- Évaluations Self
Détails
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.