Formation Informatique | Formation Management
Informatique » Internet / XML-SOA / Cloud » Formation Web, développement »

Dreamweaver CS5, prise en main

Formation Dreamweaver CS5

Stage pratique
Eligible au DIF

Réf : EAM

Prix 2012 : 1285 € H.T.
Durée :  2  jours
Cliquer sur une session pour réserver:

Paris
31 mai 12, 6 sept. 12

Toutes les sessions  

Lyon,Aix
Nantes,Rennes
Toulouse,Bordeaux
Bruxelles,Strasbourg
Lille,Geneve
Sophia-antipolis,Luxembourg :
Nous contacter
Filières métiers:

Concepteur Web
Web master
Pour aller plus loin

Dreamweaver CS5, développer un site Web
version pdf imprimer Faire suivre


Les objectifs de cette formation Dreamweaver CS5
Vous apprendrez à utiliser l'atelier Dreamweaver CS5 d'Adobe, notamment pour préparer des pages HTML et XHTML simples et améliorer leur aspect graphique avec des feuilles de styles CSS. A l'issue de ce cours, vous serez en mesure de créer, maintenir et promouvoir des sites Web de qualité.

Participants de cette formation Dreamweaver CS5

Ce stage s'adresse à tous les internautes et webmasters désirant acquérir de bonnes pratiques de création de site.

Pré-requis de cette formation Dreamweaver CS5

Aucune connaissance particulière.

Programme de cette formation Dreamweaver CS5

Rappels du Web

- Principaux protocoles d'un site web (HTTP, FTP, SMTP, POP3, IMAP). Principes : client-serveur et site Web.

- Navigateurs Web (MSIE, Mozilla Firefox).

- Principaux serveurs HTTP (Apache, IIS).

- Les URL (structure, méthode GET, accès localhost).

- Le langage HTML.

Travaux pratiques
Exploration de sites à partir de deux navigateurs. Démons-tration de l'interface IIS. Paramétrage d'un site local. Modification manuelle des paramètres d'une URL en GET.

Dreamweaver

- Présentation de la gamme Adobe. Prise en main de Dreamweaver CS5 (démarrage, espace de travail, paramétrage, première page, publication, tests).

Travaux pratiques
Préparation de l'environnement de travail (espace, dossiers). Création d'une première page. Publication distante en FTP.

Création de pages simples

- Les textes (principales balises, casse, fonte, couleur, paragraphes, titres...). Les images (GIF, JPG et PNG, insertions, bordures, zones réactives...).

- Les hyperliens (url, cibles, ancres...).

- Propriétés de la page (fonds, ancres, ascenseurs...).

- Mise en forme à l'aide de tableaux.

Travaux pratiques
Création d'une page comportant des textes, liens et images.

Accessibilité et Web usability

- Qu'est-ce que l'accessibilité ? (technique et handicap, lois, initiatives publiques, privées...).

- Importance du (X)HTML. Séparation sémantique (contenu, forme, interactivité).

- Qu'est-ce que la web usability ? (ergonomie globale).

- Importance de l'apparence (charte, best practices...).

- Importance du contenu et référencement (méta-tags).

- Les outils d'évaluation de l'ergonomie.

Travaux pratiques
Tests et rapports d'accessibilité avec Dreamweaver. Définition d'une charte graphique. Visite de quelques sites de référencement.

Mise en forme avancée avec CSS

- Qu'est-ce qu'un CSS ? (définition, fichier...)

- Création, utilisation, liaison, import. Mise en page à l'aide de divisions logiques (positions relatives et absolues...).

- Maintenance et nettoyage du code.

Travaux pratiques
Création de trois pages liées entre elles par une page sommaire, avec barre de navigation...

Introduction au DHTML

- Qu'est-ce que JavaScript ? Découverte d'effets Spry.

Travaux pratiques
Test simple de déclenchement JavaScript. Mise en oeuvre de quelques effets Spry sur les pages déjà créées.