Dreamweaver Initiation pour les professionnels du Web

Configuration du logiciel

• Dossier du site, organisation des fichiers

Les différents types de sites

• Sites statiques, sites dynamiques
• Conséquence sur l’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

Le langage HTML

• Les différentes versions du langage
• Le rôle des navigateurs
• Les balises, les attributs
• Les balises HTML 5

L’interface

• Les palettes
• La nouvelle palette de gestion des sites
• La personnalisation de l’espace de travail
• Les modes d’affichage : le mode code
• Le zoom, les repères
• Affichage en direct (options)

Les préférences

• Les navigateurs
• Les invisibles
• Les logiciels tiers de gestion des médias

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

• La charte graphique
• Le système de navigation
• Les contenus visuels
• Les choix techniques (HTML, CSS, statique / dynamique…)
• 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

Utilisation des tableaux

• Mode standard, mode étendu
• Propriétés des tableaux
• Propriétés des cellules
• Tableaux imbriqués
• Importation de fichiers Excel et de données tabulaires

Les CSS

• Lieu de stockage des styles : interne, externe
• Liens entre pages et styles CSS
• Les propriétés des éléments HTML
• Cascade et héritage de propriétés
• Les sélecteurs (balise, ID, classe)
• Appliquer plusieurs classes
• Sélecteurs composés
• Les pseudo-classes
• Aperçu des transitions CSS
• Utiliser la fonction transition CSS
• Modifier / supprimer des transitions CSS

Mise en page avec des CSS

• Utilisation des pages modèles
• Fichiers de styles CSS
• Renommage des feuilles de styles
• Création de sa propre interface : DIV, section, nav, aside...
• La palette CSS Designer

Responsive et adaptative design

• Utilisation des grilles fluides
• Que sont les grilles fluides ?
• Définition des grilles
• Multiscreen Preview

La couleur

• Les couleurs sur le Web
• Les formats d’écriture des couleurs
• Retrouver les dénominations de couleurs dans Photoshop

Le texte

• Importation de fichiers Word
• Modes de copier / coller
• Introduction à la gestion des fontes
• Les formats de fontes (OTF, TTF, WOFF, EOT)
• Polices système et familles de polices
• Utilisation des EDGE WEB FONTS
• Les propriétés CSS liées au texte
• Polices, styles, taille, graisse, approche…
• Utilisation des CSS pour l’enrichissement du texte

Images

• Les formats d’images spécifiques au Web : GIF, JPEG, PNG
• La transparence dans les images
• Les attributs d’images
• Le rôle de la balise ALT
• Optimisation et manipulations avec les outils de la palette Propriétés
• Liens avec Photoshop
• Utilisation de la palette des actifs
• Le format natif PSD
• Les améliorations
• Le format PSD : changement des paramètres
• Utilisation d’Extract

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
• Création d’une barre de navigation en CSS

Insertion de médias riches

• Insertion audio
• Insertion de vidéos

Gestion des médias via la palette des actifs

• Raccourcis

Formulaires

• Insertion et paramétrage des objets de formulaire
  • Champ de texte
  • Champ multi-lignes
  • Champ à saisie masquée
  • Cases à cocher
  • Groupe de boutons radio
  • Menu et liste déroulante
  • Bouton
• Typage et contrôle des éléments de formulaire

Comportements

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

Bibliothèque

• Création d’objets
• Insertion d’objets de bibliothèque dans les pages
• Modification d’objets : mise à jour des pages créées à partir d’objets de bibliothèques

Gestion du site

• Rapport sur le site
• Vérification des liens
• Vérification selon les navigateurs et sur les tablettes, ordinateurs et mobiles