DreamWeaver CC Bases

Rappel des notions de base

• Les caractéristiques d'une image vectorielle.

Introduction

• Edition de sites internet
• Panorama des outils de création de pages web
• Présentation des produits Adobe
• Découvrir le cloud Computing avec Dreamweaver CC
• Créer son Adobe ID

Premiers pas avec Dreamweaver

• Découverte de l'interface : les fenêtres, les palettes de composants, les panneaux
• Organisation de l'espace de travail
• Paramétrage des préférences : affichage, navigateurs, éditeur, ...
• Création de pages web : édition, modification, sauvegarde
  - Mise en forme de texte (polices, titres, paragraphes, texte préformaté)
  - Insertion d'images et manipulation de propriétés (redimensionnement, optimisation, recadrage)
  - Création de liens hypertextes (lien vers une page web, lien vers un fichier, lien de messagerie)
  - Création, modification de tableaux
  Définition d'un site Dreamweaver, gestion des fichiers, affichage de la carte du site

Rappel code XHTML

• Principes de fonctionnement
• Bases du XHTML : balises et attributs, catégories de balises.
• Présentation des principales balises (texte, images, listes à puces, liens, tableaux...)
• Manipulation de tableaux

Balises HTML5

• Structure et sémantique en HTML5
• Utilisation de la balise
• Utilisation de la balise

Styles CSS

• Principes de base
• Différents types de règles CSS
• Mise en forme CSS avec Dreamweaver
  - Redéfinition d'un style d'une balise XHTML
  - Définition des styles de sélecteurs : liens survolés, liens actifs...
  - Création de styles personnalisés
  - Application de styles personnalisés
  - Attacher une feuille de style

Création de sites web avec la méthode des tableaux

• Création de l'ergonomie d'un site web
• Gestion des problèmes de positionnement
• Génération du gabarit principal
• Edition des pages issues du gabarit

Les Formulaires

• Fonctionnement d’un formulaire
• Création de formulaires : Insertion de champs, mise en forme...
• Insertion de nouveaux champs html5
• Validation du formulaire
• Récupération des données, envoi d’un mail avec PHP
• Mise en forme CSS des formulaires

Mise en ligne de sites web avec Dreamweaver

• Principes du transfert FTP
• Paramétrage du client FTP de Dreamweaver
• Transfert de fichiers sur le serveur distant
• Présentation d'autres outils FTP
• Synchroniser ses fichiers

Utilisation des modèles

• Principes de fonctionnement des modèles de Dreamweaver
• Architecture du modèle et organisation des différentes régions
• Créer un modèle
• Utiliser un modèle

Fonctions avancées de mise en forme

• Insertion de signets
• Liens vers les signets
• Présentation du Flash
• Création d’un menu Flash
• Insertion de texte animé, de médias (son, vidéo)

Présentation du DHTML

• Principes de fonctionnement du DHTML
• Génération de contenu dynamique avec Dreamweaver :
  - Les comportements (apparition d’objets, ouverture de fenêtres, images survolées...)
  - Les scénarios (déplacement de calques, titre défilant...)

Initiation au référencement

• Présentation des enjeux du référencement
• Concepts et insertion des balises d’en-tête
• Critères de classement des outils de recherche
• Règles à respecter et Spam-dexing