Modalités pédagogiques
- Formateurs expérimentés et passionnés à l’écoute de vos besoins
- En présentiel dans nos centres à Paris et Lyon ou à distance
- Petit groupe de 1 à 6 personnes
- PC et logiciel mis à disposition du stagiaire pour les formations dans nos locaux
- Attestation de suivi de stage, support dématérialisé transmis en fin de session
- Ce programme est accessible aux personnes en situation de handicap (envoyez un email à referenthandicap@graphland.fr)
Présentation de la formation
Condition tarifaire
Tarif valable pour une ou deux personnes en intra
Objectif
Initiation aux fonctionnalités de base de Dreamweaver
Personnel concerné
Tout public (demandeur d’emploi, salarié, entreprise, fonctionnaire et étudiant)
Pré-requis
Avoir des connaissances de base en graphisme et en développement Web
Certification
PCIE
Programme de la formation
Partie 1
Les fondamentaux du web - internet
- Les protocoles d'un site web : HTTP, HTTPS, FTP, FTPS
- Les noms de domaine
- L’hébergement
- Fonctionnement d’un site Web
- Le langage HTML et CSS :nn tStructure sémantique, balises, propriétés, attributsn tStyles de sélecteurs, styles personnalisés, les restes CSS
- Structure sémantique, balises, propriétés, attributs
- Styles de sélecteurs, styles personnalisés, les restes CSS
- Le langage HTML et CSS
- Structure sémantique, balises, propriétés, attributs
- Styles de sélecteurs, styles personnalisés, les restes CSS
Partie 2
L'interface d'Adobe Dreamweaver
- Découverte de l'interface de Dreamweaver et paramétrage
- Les fenêtres, barre d’outils, espaces de travail et les menus
- Travailler avec les panneaux
- L’inspecteur Propriétés
- Organiser son projet dans Dreamweaver
- Les modèles de pages de démarrage
Partie 3
Création d’un site web avec Dreamweaver
- Définir un site Dreamweaver
- Structure de travail pour site statique
- Création de pages web avec Dreamweaver
- Utilisation des balises génériques
- Modes d’aperçus dans les navigateurs
- Affichage et code en direct
Partie 4
Les feuilles de styles
- Travail avec le panneau styles CSS
- Créer des règles de style CSS
- Importation de code
- Panneau Fragments de code
- Feuille de style CSS externe
- Classement des règles de style
- Habillage avec les règles de style
Partie 5
Listes, liens et tableaux
- Création de listes
- Menu avec liste non ordonnée
- Habillage de menu avec règles de styles
- Création de lien
- Calendrier statique tableau / CSS
Partie 6
Les modèles
- Modèle à partir de mise en page existante
- Insertions de régions modifiables
- Création de pages satellites au modèle
- Mise à jour d’un modèle
Partie 7
Les textes
- Utilisation des balises de titre
- Les paragraphes
- Les ancres
- Lettrine avec la balise générique Span
- Vérifier l’orthographe des pages Web
- Mise en page Web
Partie 8
Les images
- Insertion d’une image
- Insertion d’une image en mode Drag and Drop
- Utilisation de Bridge
- Intégration d’objets dynamiques Photoshop
- Position d’une image dans le texte
- Lien sur une image
- Zones réactives sur une image
Partie 9
Les formulaires
- Règles de conception
- Création d’un formulaire
- Balises structurelles de formulaire
- Les étiquettes
- Les listes
- Les champs de texte simple
- Les champs de validation texte (spry)
- Les cases à cocher
- Les boutons radio
- Les boutons de commande de formulaires
- Mise en forme d’un formulaire en CSS
Partie 10
L'interactivité et Dreamweaver
- Les éléments widgets (spry)
- Menu Spry : créer, modifier, habiller
- Panneau à onglet Spry
- Module type accordéon Spry
- Panneau réductible Spry
- Info-bulle Spry
- Les comportements
- Importation de Widgets
Partie 11
Compléments pour création de site
- Insertion d’animation flash
- Insertion de vidéo au format .flv
- Insertion de son
- Insertion de Pdf
- Extention de developpement Firefox
- Le lorem ipsum
- Intégration des modules flash externes
Partie 12
Mise en ligne d’un site sur le web
- Les noms de domaine
- Les hébergements
- Création d’un serveur distant
- Publication du site
Informations complémentaires
Suite de parcours : Adobe spécifique
Débouchés : Développeur web
