Formation : Dreamweaver CS3, prise en main
Se former avec
ORSYS
- Renseignements :
- Durée : 2 Jours
- Type : En centre
- Diplômant : Oui
-
Prix H.T. € :1190.00
- Objectifs :
- Apprendre à utiliser l’atelier Dreamweaver CS3 d'Adobe, un des outils les plus utilisés du marché, pour créer vos propres sites Web. Notamment comment 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é.
- Public visé :
-
Ce stage s'adresse à tous les internautes et webmasters désirant acquérir de bonnes pratiques de création de site.
- Pré-requis :
- Des notions élémentaires de l'environnement Windows et une utilisation préalable du Web sont nécessaires.
- Rappels du Web
- Principaux protocoles d'un site web (HTTP, FTP, SMTP, POP3, IMAP).
- Principe client-serveur et fonctionnement d'un site Web.
- Navigateurs Web (MSIE, Mozilla Firefox), statistiques et compatibilités.
- Principaux serveurs HTTP (Apache, IIS).
- Rôle et structure des URL (Méthode GET, accès localhost).
- Le langage HTML.
Travaux pratiques
Exploration de sites à partir de deux navigateurs. Démonstration d'utilisation 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 CS3 (démarrage, espace de travail, paramétrage, 1è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. Test d'accès à la page créée.
Création de pages simples
- Les textes (principales balises, graisse, casse, fonte, couleur, paragraphes, titres...).
- Les images (formats GIF, JPG et PNG, insertions, bordures, zones réactives...).
- Les hyperliens (url, cibles, ancres…).
- Propriétés de la page (fonds, ancres, ascenseurs, marges...).
- Mise en forme à l'aide de tableaux.
Travaux pratiques
Création d'une page comportant des textes, liens et images avec mise en forme simple.
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 graphique, 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. Aperçu d'un outil de montée en charge. Modification du type de document. Définition d'une charte graphique simple. 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 de CSS, utilisation, liaison, import.
- Mise en page à l'aide de divisions logiques (positions relatives et absolues, incompatibilité des navigateurs...).
- 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 le JavaScript ?
- Découverte d'effets Spry.
Travaux pratiques
Test simple de déclenchement JavaScript. Mise en œuvre de quelques effets Spry sur les pages déjà créées.
2008 au 2009 (6)
2008 au 2009 (31)
2008 au 2009 (13)
2008 au 2009 (35)
2008 au 2009 (44)
2008 au 2009 (69)
2008 au 2009 (75)
2008 au 2009 (92)
