ORSYS PARIS LA DEFENSE — Dreamweaver CC, créer et intégrer des interfaces Web responsives
Publié le 04/01/2021 — Produit n° 001155
: MEDIAS NUMERIQUES — CONCEPTION REALISATION MEDIAS NUME RIQUES — LOGICIELS DE CREATION DE SITE INTERNET — DREAMWEAVER
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.
Informations générales
Profil professionnel des stagiaires
Intermittents,
Auteurs,
Journalistes pigistes,
Salariés des entreprises adhérentes
:
AUDIOVISUEL, CINÉMA, DIVERS, ÉDITION, SPORT, GOLF, HOTELLERIE DE PLEIN AIR, PRESSE, LOISIRS, AGENCE DE MANNEQUINS, ORGANISME DE TOURISME, PUBLICITÉ, SPECTACLE, TELECOM, CASINO
:
Connaissances de base des composants d'une architecture Web.
Identification du stage
:
Formation en présentiel
:
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.
Durée de la formation : 28 heures
Sonia Marzouk — 01 49 07 88 23
smarzouk@orsys.fr
www.orsys.fr
Informations pédagogiques
Programme pédagogique
» Rappels Web
Les protocoles d'un site web : HTTP, FTP, SMTP, POP3.
Fonctionnement d'un site Web. HTML, URL.
Travaux pratiques
Paramétrage du navigateur, du serveur Web, création d'un environnement de développement.
» L'interface Dreamweaver
Présentation de la suite Adobe CS6.
Prise en main de Dreamweaver. L'interface.
Les différents types d'affichage.
Conception graphique HTML.
Interface de gestion de projets (PhoneGap, jQuery Mobile, transfert FTP).
Travaux pratiques
Découverte de l'éditeur, construction de pages. Développement de pages XHTML.
» Composition de pages complexes
Les feuilles de style CSS. L'assistant de codage CSS.
Création de formulaires. Contrôles de saisie.
Définition de zones de contenus à l'aide des boîtes.
Découverte des templates mobiles, Grid System.
Découverte du Responsive Web Design avec l'assistant Dreamweaver CS6 (mise en forme de grilles fluides) .
Exercice
Création de CSS, de tableaux. Import de pages. Création d'un formulaire et appel de serveur.
» Design et accessibilité
Construction de la charte graphique.
Création d'un modèle de page avec Fireworks ou Photoshop.
Accessibilité, la priorité 2 du WAC/W3C.
Exercice
Test de compatibilité XHTML et d'accessibilité. Mettre en oeuvre une charte graphique.
» Intégration de composants multimédias
Intégration de composants graphiques. Le Rollover.
Utilisation de l'inspecteur de tags.
Les propriétés CSS3 et l'assistance Dreamweaver CS6.
Exercice
Création de contrôles en JavaScript, intégration de multiples composants multimédias.
» JavaScript
Syntaxe JavaScript. Les objets Script.
Création dynamique de code JavaScript et association aux événements. Débogage de code.
Travaux pratiques
Contrôles sur les formulaires, ouverture de pop-up, traitement sur les div.
» Accès aux bases de données
Paramétrage de la connexion ODBC.
Gestion dynamique des bases de données.
Interrogation SQL sur une table.
Génération des tableaux dynamiques de résultats. Utilisation des tables pour générer des formulaires.
Définir un site administré par CMS dans Dreamweaver.
Création graphique d'un appel Ajax avec SPRY Dataset.
Gestion des formulaires de login.
Travaux pratiques
Connexion à une base. Création d'une table d'utilisateurs, génération de pages de login.
Informations complémentaires (méthodologie, ...)
Cette formation alternera théorie et mise en pratique.
Supports et ressources fournis aux stagiaires
Un support pédagogique sera remis à chaque participant avec les élément théoriques et pratiques.