Formation Dreamweaver Lyon

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

Objectifs : 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