Dreamweaver HTML / CSS

Objectif de la formation

Réaliser des sites Internet Créer des pages formatées avec des tableaux ou des CSS Importer et formater les textes Placer, recadrer, optimiser les images Placer des médias sons, vidéos et animations Mettre en place un système de navigation Créer des formulaires et gérer les envois de données Envoyer le site chez un hébergeur…

Niveau requis

Bonne connaissance de l’environnement informatique (pratique courante d’OS X ou de Windows). La pratique d’un logiciel de création d’images est fortement souhaitée.

Public concerné

Webmasters, créateurs de sites internet.

Le langage HTML

  • Les balises
  • Les Classes
  • Les ID
  • Les attributs

Configuration du logiciel

  • Dossier du site
  • Organisation des fichiers

Les fichiers utilisables dans un site Web

  • Les extensions de fichiers
  • Les formats d’images
  • Les formats des autres types de médias

L’interface

  • présentation de l’interface
  • mode code, créative, fractionner
  • la palette de propriété

Les préférences

  • Réglases des principales préférences
  • Modes de copier/coller
  • Codage du texte (gestion des accents)
  • Choix des éditeurs externes

Les étapes de la création d’un site

  • Le système de navigation
  • L’hébergement
  • Le référencement
  • Création de pages Web
  • La notion de page
  • Largeur et hauteur d’une page
  • Les propriétés spécifiques aux pages

Mise en page avec tableaux

  • Mode standard, mode étendu
  • Propriétés des tableaux
  • Propriétés des cellules
  • Tableaux imbriqués

Mise en page avec des calques

  • Positionnement
  • Propriétés des calques: index Z
  • Calques imbriqués

Mise en page avec des CSS

  • Fichiers de styles CSS
  • Création d’interface

 

balise DIV

  • Les CSS
  • Lieu de stockage des styles: interne, externe
  • Les DIV
  • Les classes
  • Les balises
  • Imbrication de styles
  • Liens entre pages et styles CSS

Mise en page avec le module SPRY

  • Création d’onglets
  • Création d’accordéons
  • Création de zones rétractables
  • Modification des styles CSS des éléments SPRY

Le texte

  • Polices, styles, taille
  • Utilisation des CSS pour le balisage du texte
  • Les propriétés CSS liées au texte

Images

  • Les formats d’images spécifiques au Web: GIF, JPEG, PNG
  • La transparence dans les images
  • Les propriétés des images
  • Le rôle de la balise ALT, title
  • Optimisation et manipulations avec les outils de la palette Propriétés
  • Liens avec Photoshop et ou Fireworks

La navigation et les liens

  • Les liens entre les pages
  • Les liens internes aux pages
  • Les liens vers des sites externes
  • Les liens vers le courrier électronique
  • Utilisation du module SPRY pour créer une barre de navigation

Les tableaux

Propriétés (tableau, rangée, cellule)

Insertion de médias

  • Insertion d’animations Flash
  • Insertion de vidéos

Formulaires

  • Insertion et paramétrage des objets de formulaire: champ de texte, champ multi-ligne, cases à cocher, boutons radio, menu et liste déroulante, bouton .
  • Liaison d’un formulaire avec une adresse email

Comportements

  • Le rôle du langage JavaScript
  • Ajouts d’actions JavaScript

Transfert FTP

  • Réglages FTP
  • Mise à jour des pages