Dreamweaver CS6, développer un site Web

Objectifs

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.

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.

Moyens pédagogiques

1 poste par participant - 1 Vidéo projecteur - Support de cours fourni à chaque participant – Formation présentielle

Durée

4 jours

Les sessions inter-entreprises

Date Session
Ce plan de cours est établi à titre indicatif. Son contenu peut être adapté à chaque formation Télécharger la fiche pdfDemander un devis

Code

DREAMCS6-DEVSIWEB

Description détaillée

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

Les dernières places disponibles

Aucune annonce pour le moment
Une erreur est survenue
Une erreur est survenue, l'administrateur a été contacté
Revenir à la première page