Dreamweaver - Initiation

Réaliser des sites Internet
Créer des pages formatées avec des balises HTML 5 et 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
Tester l'apparence du site sur des tablettes, mobiles et tous supports.

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-ligne
  • 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