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.

Prérequis

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

Outil

Adobe Dreamweaver CC ou Brackets, ou autre éditeur

Déroulé

Préambule

Dreamweaver dans le contexte Internet, les navigateurs en présence, les éditeurs HTML sur le marché et les produits Adobe

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)
Les objets Spry : créer des interfaces riches

Ajout d'interactivité et d'animation

Les comportements
Introduction au JavaScript des comportements
Le cadre applicatif Spry (framework)
Les effets Spry
Vérification Spry de contrôles de formulaire

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
Les différents sélecteurs CSS
Sélecteurs avancés CSS 3

Méthodologie de conception et création en CSS

Utiliser les modèles CSS prédéfinis de Dreamweaver
La gestion des feuilles de style
Aperçu HTML 5 dans Dreamweaver

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
Site Adobe Exchange