Référence : WEDRE259

Nombre de stagiaires max : 5

Public visé : Auto-entrepreneur, gérant de TPE, chargé de communication, membre d'une association... toute personnes désireuse de créer son site web vitrine

Maîtriser les fonctions essentielles du logiciel Dreamweaver
Maîtriser les fondamentaux du langage HTML5/CSS3
Créer son site web vitrine afin de présenter son activité de manière professionnelle
Maîtriser et dynamiser son image sur le web

Pré-requis : Savoir utiliser un ordinateur ou un Mac. Connaître l'environnement Windows ou MacOS.

Durée : 5 jour(s) / 35 heures

Points abordés :

DEFINIR SON PROJET WEB

• Bien identifier sa cible ainsi que ses besoins
• Choisir les fonctionnalités du site
• Structuration de l’offre
• Arborescence, ergonomie et design
• Choix de la charte graphique

LES BASES DE DREAMWEAVER

• Présentation de l’environnement de travail
• Saisie et mise en forme des caractères
• Saisie et mise en forme des paragraphes
• Affichage dans les liers navigateurs

 LES TABLEAUX

• Utilité, création et modification
• Largeur de colonnes et hauteur de lignes
• Bordures et arrière plan

 LES IMAGES

• Les différents formats
• Insertion et positionnement dans la page
• Les effets de survol et mappage d’une image

LES LIENS HYPERTEXTES

• Sur texte et sur image
• Liens vers email
• Liens internes au site
• Liens externes
• Gestion des signets

PROPRIETES DE LA PAGE WEB

• Gestion de l’arrière plan
• Couleur de la police par défaut
• Couleur des liens
• Marges lierses

FRAMES ET CADRES

• Objectifs et création des cadres
• Lien vers un cadre précis : les “target”
• Redimensionnement
• Barre de défilement
• Couleur des bordures

GERER DES SITES AVEC DREAMWEAVER

• Création d’un dossier racine local du site
• Organisation de l’arborescence d’un site
• Vérification des liens et plan de site
• Publication d’un site avec Dreamweaver

LES FORMULAIRES

• Utilité
• Les différentes zones de formulaire

LES STYLES

• Limites liées aux navigateurs
• Création de styles utilisateurs
• Modification de styles existants
• Styles intégrés dans une page
• Styles et feuille de styles (CSS)
• Inspection CSS (CS5)

LES MODELES DE PAGES

• Créer un modèle
• Définir des zones modifiables
• Créer des pages à partir d’un modèle
• Mise à jour du modèle et des pages

CALQUES ET COMPORTEMENTS

• Création, dimensionnement et positionnement
• Relations entre calques et tableaux
• Objectifs, relation entre calques et scénarios
• Test de navigateur
• Test des champs d’un formulaire
• Gestion des événements OnClick, onMouseOver
• Comportements et scénarios
• Téléchargement de comportements

LE LANGAGE HTML5/CSS3

• Dernière évolution de l’HTML/CSS
• Généralités (définition, fonctionnement, écriture)
• Structure d’un document
• Les principales balises
• Les balises et attributs obsolètes
• Mise en page
• Liens
• Images
• Homogénéisation de la présentation
• Respect des Standards
• Connaitre la compatibilité des navigateurs
• Le Doctype
• Les nouvelles balises
• Les nouveaux attributs
• Balises Vidéo et audio
• Balises de formulaire

FEUILLES DE STYLE CSS3

• Les sélecteurs avancés
• Combiner les sélecteurs
• Grouper les sélecteurs
• Optimiser son code CSS
• Les pseudo-classes
• Manipulation des propriétés CSS

LES API DE L’HTML5

• Le dessin avec la balise Canvas
• Le drag and drop
• Le stockage de données
• La gestion des évènements
• La géolocalisation

LE CSS3

• Les bordures arrondies
• La transparence
• Les ombres portées
• Mise en page
• Les animations (transitions et transformations)

FINALISER SON SITE

• Installer sa charte graphique
• Choisir le nom de domaine et l’hébergement
• Finaliser la création du contenu
• Mise en ligne

MISE EN APPLICATION