DREAMWEAVER / HTML5 / CSS3 INITIATION

Programme

Introduction

• Découverte de l’interface : les fenêtres, les panneaux,…
• Organisation de l’espace de travail
• Paramétrage des préférences : affichage, navigateurs, éditeur, …
• Définition d’un site Dreamweaver, gestion des fichiers, affichage de la carte du site
• Présentation du HTML : Historique, versions
• Balises et attributs : principes et fonctionnements
• Structure d’une page web (en-tête et corps)

Création de sa première page internet avec HTML

• Principales balises HTML
• Mise en forme de texte (polices, titres, paragraphes, texte préformaté)
• Création de liens hypertextes (page, fichier, messagerie) et cibles
• Insertion d’images, insertion de légende, manipulation de propriétés (redimensionnement, optimisation, recadrage)
• Listes à puces (non ordonnées / ordonnées)
• Tableaux : en-têtes, corps, propriétés
• Formulaires : principe, composants, propriétés, attributs
• Sons, vidéos
• Atelier : création d’un premier formulaire d’envoi de mail

Principes de base de CSS

• Syntaxe d’une règle CSS
• Types de sélecteurs (Balise, ID, Classe)
• Pseudo-classes
• Les sélecteurs et pseudo-selecteurs CSS3
• Création, application de styles personnalisés et attacher une feuille de style
• Atelier : Donner du style aux pages précédemment créeés

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
• Quelques règles à respecter et Spam-dexing

Techniques avancées de création HTML

• Présentation des techniques d’alignement
• Présentation des balises sémantiques : Article, Header, Section, Footer
• Création du squelette HTML5
• Définition des feuilles de styles
• Positionnement des block
• Gestion de la compatibilité entre navigateurs
• Atelier : Réaliser un site avec une structure HTML5