Dreamweaver

Création de site Internet

Durée du module / 5 jours

Objectif

Création de site Internet.

Le déroulé de cette formation correspond au module "débutant / intermédiaire" pour Dreamweaver CC.

Prérequis

Connaissances de l'outil Internet et bonne maîtrise du système d'exploitation (environnement Windows ou Mac).

Outil

Adobe Dreamweaver CC

Déroulé

Préambule

Dreamweaver CC dans le contexte Internet, les navigateurs en présence, les éditeurs HTML sur le marché et les produits Adobe
Utiliser HTML 5 et CSS 3 dans Dreamweaver CC

La phase de conception

Pour qui faire un site ? Comment ?
Éditer un cahier des charges et les responsabilités de chacun
Établir une charte graphique et une charte de nommage

Approche du logiciel

Présentation de l'interface
Organisation de l'espace de travail
Paramétrages des préférences : éditeurs externes et navigateurs

Planification du site

Définition et paramétrage du site local
Conception de l'arborescence
Construction de la navigation dans le site : les différents types de liens

Création et maintenance du site

Automatiser les tâches, créer du code réutilisable et faciliter la maintenance des pages et les mises à jour

Insertion d'objets

Les différents types d'images
Insertion de tableaux
Les objets de formulaires et leur fonctionnement
Les ancres (dans un même document, dans des documents différents)
Insertion de vidéo/audio avec HTML5

Ajout d'interactivité et d'animation

Les comportements
Introduction au JavaScript
Le framework jQuery intégré à Dreamweaver CC
Les effets d'animations

Création de bibliothèques

Réutiliser plusieurs fois les mêmes objets
Mises à jour rapides de toutes les pages du site

Création de fragments de code

Se constituer une trousse à outils de codes personnels
Créer du code réutilisable
Les différents types de fragments de code 

Création de modèles

Les modèles standards et les modèles imbriqués
Définir des régions modifiables, répétées ou facultatives
Mettre à jour rapidement tout le site

Créer des styles CSS

Contrôle de l'aspect visuel de l'ensemble du site et respect de la charte graphique
Mises à jour rapides du site

Intoduction aux CSS/CSS 3
Les différents sélecteurs CSS
Sélecteurs avancés CSS

Méthodologie de conception et création en CSS

La gestion des feuilles de style
CSS 3 dans Dreamweaver CC

Les polices, les couleurs, les boîtes
Les positionnements
Les transitions

Responsive Web Design

Préparer son site pour les smartphones/tablettes
Introduction aux media queries
Les mises en forme de grille fluide
Responsive Web Image

Les fonctions FTP

Paramétrer les infos distantes
Les opérations d'archivage et d'extraction
Utiliser les fonctionnalités du voilage
Synchroniser les sites (serveur/local)

Gestion globale du site

Vérifier les liens du site
Travailler avec la fenêtre de site
Utiliser le panneau des Actifs et regroupement des favoris
Faire valider le code HTML
Référencer le site

Des ressources

Installer les extensions Dreamweaver
Extension Manager
Le site Adobe Exchange

Pages formations visitées
Date
  • Dès que possible
  • Joindre planning
  • Janvier
  • Février
  • Mars
  • Avril
  • Mai
  • Juin
  • Juillet
  • Août
  • Septembre
  • Octobre
  • Novembre
  • Décembre
etoile Mon projet de formation :
open
Cliquez pour ouvrir la barre