Préparer le projet

Cerner la finalité du projet

Définir les besoins, l'audience attendue et les objectifs poursuivis
Adapter le contenu en fonction du public et du projet visés
Utiliser les technologies de développement adaptées aux besoins

Information sur les droits d'auteur dans le domaine du numérique

Point sur la législation actuelle : le code de la propriété intellectuelle (CPI)
Autorisations d'exploitation et de diffusion de contenu numérique

Navigation et accessibilité des contenus Web

Établir une navigation claire et intuitive
Répondre aux normes d'accessibilité pour les personnes en situation de handicap

Gestion de projet Web

Analyse, définition, coût et mise en place
Organiser les compétences internes/externes : définition et gestion de l'équipe
Comprendre et orienter les choix technologiques en fonction des besoins
Appréhender le pilotage et la planification d'un le projet du début jusqu'à la livraison

Maîtriser les fondamentaux de conception web

Rappels

Les sites statiques
Les sites dynamiques
Les CMS, Blog, Forum et Wiki
Structure, balises et attributs d'une page HTML
Les différents langages utilisés : HTML, CSS, JavaScript, PHP, etc.

La conception technique

Mettre en place les bonnes pratiques de la création de site Web
Mettre en forme avec CSS 3/HTML 5
Garantir la portabilité et la compatibilité avec les standards du Web

L'interface

Soigner l'ergonomie
Créer une mise en page claire et fonctionnelle
Créer une arborescence efficace

Découvrir Dreamweaver

Rappel des fondamentaux

La notion de site Web dans Dreamweaver
L'interface
Les menus
Les outils
Les panneaux
L'inspecteur de propriétés
Les médias : images, vidéo, audio

Paramétrer et configurer l'espace de travail

Personnaliser et gérer l'espace de travail
Utiliser les différents modes d'affichage

Développer le site

Spécifier la structure

Configurer le projet dans Dreamweaver
Ajouter des pages
Définir l'interface
Définir les rubriques
Créer les menus

Gérer le contenu du site

Ajouter du texte
Créer des liens hypertexte
Ajouter et gérer des images
Atelier : créer les pages d'un site Web

Effectuer la mise en forme

Utiliser les balises de mise en forme du texte : titres, paragraphes, listes, etc.
Utiliser les styles CSS pour la mise en forme du texte et du contenu
Gérer les placements des différentes parties de la page à l'aide des « div »

Ajouter des médias

Ajouter d'autres médias : son, vidéos, animations, contenus interactifs
Ajouter de l'interactivité à l'interface : menus, barre de navigation, boutons
Atelier : créer des pages contenant des éléments interactifs

Intégrer d'autres types de contenus

Ajouter des données tabulées
Importer des documents tiers

Créer des tableaux

Définir les propriétés : taille, nombre de lignes et de colonnes, bordures, marges, etc.
Gérer la mise en forme
Gérer le contenu

Construire et traiter des formulaires

Créer un formulaire
Lier dynamiquement le formulaire à une base de données
Atelier : créer un exemple de formulaire et gérer des données externes

Créer son template

Définir les parties fixes et récurrentes
Spécifier les zones modifiables
Atelier : créer des modèles de pages Web

Finaliser le site

Optimiser le référencement

Les enjeux du référencement
Définir le « head » : titre des pages, mots clés
Pertinence et visibilité des mots clés
Atelier : créer des mots clés pour la visibilité et le référencement du site

Tester son site avant publication

Effectuer des tests de validation technique
Valider la navigation
Valider l'ergonomie

Publier son site

Publication d'un site sur un serveur web
Gérer l'actualisation du contenu et le développement de son site
Administrer son site : liens et partenariats avec d'autres sites, référencement,  statistiques