Adobe Dreamweaver - Les bases

Web Design   

Objectifs

Toute personne n'ayant aucune connaissance de la structure des pages WEB et souhaitant réaliser un site avec Macromedia Dreamweaver.

À l'issue de la formation, le stagiaire sera capable de :

  • De comprendre la structure d'un site Web
  • Concevoir et réaliser un site Web
  • Créer et modifier des pages graphiques et interactives

Methodes et outils pédagogiques

  • Alternance exposés théoriques et exercices pratiques (80% pratique)
  • Support de cours adapté au logiciel étudié et au niveau suivi

Evaluation

  • Tout au long de la formation, exercices pratiques permettant au formateur la validation des acquis et des compétences

Public concerné

Tout utilisateur

Pré-requis

Posséder la maîtrise de l'environnement Windows.

3 jours
Prochaine session

Nous consulter

L’environnement du Web

  • Structure clients/serveur - Serveur http, ftp, syntaxe de l’url
  • Structure du site Web - Répertoires et fichiers
  • Présentation du langage HTML - Prévisualiser le code HTML
  • La page HTML (en-tête, corps)

Préparation de l’image

  • Les contraintes de la publication  - Mode couleur, résolution et formats
  • Optimisation des images (GIF, JPEG…) - Export au format GIF/PNG, JPEG
  • Création de roll-over - Présentation de la technique de « découpes »

Environnement de travail

  • La fenêtre de site - La fenêtre du document - La palette Objets
  • L’inspecteur de propriétés - Les palettes flottantes - Le système d’aide
  • La palette historique - Création, ouverture et enregistrement de pages

Mise en forme du texte

  • Polices de caractères, taille, couleur - Paragraphe et saut de ligne
  • Retraits, listes, alignements, caractères spéciaux

Les feuilles de styles CSS, les classes, les calques

  • Mode d'application des commandes CSS
  • Créer des feuilles de styles - Créer des classes
  • Couleur des liens hyper-texte - Les calques

Gestion des images

  • Formats d’images (GIF, JPEG, PNG) - Insérer une image dans une page Web,
  • Paramètres des images (taille, bordure…) - Liens et image maps

Gestion des liens par Dreamweaver

  • Lien vers une autre page - Supprimer un lien - Lien extérieur

Structure de la page

  • Tableaux et calques
  • Paramètre de tableau (bordure, trame et espacement des cellules),
  • Couleurs et image d’arrière-plan - Alignement dans les cellules
  • Fusion et division de cellules - Le mode mise en forme
  • Utilisation des calques - Conversion calques vers tableaux

Création de formulaires

  • Insertion champs - Mise en forme des formulaires
  • Traitements de formulaires

Objets multimedia et comportements

  • Insertion d’objets multimédia (Flash, séquence QuickTime, sons…)
  • Principe des comportements JavaScript
  • Insertion de comportements (swap image, fenêtre pop-up…)
  • Animation de calques

Publication et mise à jour de son site Web

  • Vérification des liens - Paramètres FTP
  • Mise en ligne - Synchronisation

Ces formations pourraient également vous intéresser