Dreamweaver HTML / CSS

Objectif de la formation

Réaliser des sites Internet. Créer des pages formatées avec calques et 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 .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, toutes personnes désirant comprendre et maîtriser la création web.

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

Stucturer 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

La 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 Bootstrap

  • Description de la structure de grille
  • Créer un document Bootstrap
  • Personnaliser les paramètres
  • Ajout de composants
  • Ajout de lignes et de colonnes
  • Personnalisation des CSS

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 .

jQuery UI

  • Widgets disponibles
  • Insertion d'un widget d'interface
  • Modification
  • Utilisation des effets jQuery

Comportements

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

Transfert FTP

  • Réglages FTP
  • Mise à jour des pages