Nos
formations

PAO, photo et vidéo Création de site web Webmarketing & Référencement Community Management & Stratégies sociales Tourisme et Médiation

Modalités
d'organisation

Critères qualité

  • Formation présentielle
  • Programme sur-mesure étudié à la demande
  • Chaque session fait l'objet d'une mise à jour systématique des contenus de formation
  • Numéro de déclaration d’activité : 52 85 01374 85 - Cet enregistrement ne vaut pas agrément de l’État.

Nombre de stagiaires par session

  • De 2 à 8 en inter-entreprises
  • De 1 à 8 en intra

Admission

  • Entretien téléphonique afin de vérifier l’adéquation de la formation Dreamweaver aux besoins du stagiaire

Lieu de la formation

  • Chez le client
  • ou dans les locaux de Web Créatif : salle de formation de 30m2 (8 places maximum) équipée de tableau blanc, internet en filaire et vidéo-projecteur

Formation Dreamweaver CS3 à CC

Dreamweaver est le logiciel Adobe spécialisé dans la création de pages HTML et le développement en CSS et javascript. Selon votre profil, Dreamweaver propose une interface simplifiée (Wysiwyg) ou spéciale développeurs.

Cette formation Dreamweaver vous permettra de créer un site vitrine propre, correspondant aux critères d’accessibilité du W3C.

Durée

3 jours,
soit 21 heures

Tarifs

Prix inter
1260 € H.T. / pers.

Prochaines sessions

Proposez vos dates
sur le formulaire d'inscription

Public concerné et pré-requis

  • Chargé de communication, webmaster ou salarié souhaitant apprendre les bases du HTML5 et CSS3.
  • Pré-requis : avoir un bon niveau de pratique en informatique

Objectifs pédagogiques

À l'issue de la formation, le stagiaire sera capable de :

  • Comprendre l’importance des standards W3C
  • Être capable créer du contenu éditorial en HTML valide
  • Créer des pages ainsi que des liens
  • Intégrer du graphisme avec les CSS
  • Tester puis mettre en ligne

Programme général de la formation

Jour 1 matin (9h00-12h30)

Évolution du Web : concevoir des sites modernes

  • Créer un site Web du point de vue de l’ordinateur
  • Les navigateurs et la recherche de l’interopérabilité
  • Évolution du Web et de ses langages
  • Anticiper la révolution du responsive

Dreamweaver : découverte de l’interface

  • Faire connaissance avec le logiciel
  • Ouvrir et créer des sites dans Dreamweaver
  • Comprendre la structure de base d’une page : body, head

Jour 1 après-midi (14h00-17h30)

Initiation au code HTML5

  • Utiliser les balises HTML 5 éditoriales de type bloc
  • Se servir des balises éditoriales en ligne
  • Comprendre les attributs ainsi que les valeurs en HTML
  • Créer des liens vers des sites, vers des mails
  • Ajouter des liens relatifs pour le maillage interne

Jour 2 matin (9h00-12h30)

Lorsqu’on laisse Dreamweaver tout faire…

  • Travailler en mode conception
  • Créer puis utiliser les ancres nommées
  • Changer les propriétés de la page

Travailler avec les images

  • Formats d’enregistrement pour le Web
  • Insérer et aligner des images sur une page
  • Créer des images mappées
  • Gérer les paramètres d’accessibilité

Tableaux : uniquement afin de présenter des données

  • Créer un tableau
  • Travailler avec les cellules
  • Fonctionnalités des tableaux

Jour 2 après-midi (14h00-17h30)

Comprendre puis utiliser les CSS

  • Comprendre CSS et ses sélecteurs de style
  • Créer et utiliser les feuilles de style externes
  • Ajouter des sélecteurs de type éléments et classe
  • Mettre en forme les attributs de caractère et de paragraphe
  • Utiliser le panneau CSS

Jour 3 matin (9h00-12h30)

Créer des mises en page CSS

  • Créer des mises en page en utilisant le modèle de boîtes
  • Ajouter des sélecteurs identifiants uniques
  • Comprendre les positionnements de boîtes
  • Connaître les nouvelles propriétés CSS3 : ombres, bords arrondis, transparence, animations
  • Charger de nouvelles polices grâce à @fontface

Jour 3 après-midi (14h00-17h30)

Ajouter de l’interactivité au site

  • Les effets de navigation : utiliser JavaScript et les librairies
  • Comprendre le principe des media queries pour le responsive design.

Gérer, tester puis publier un site

  • Tester ses pages
  • Publier ses pages sur un serveur Web en FTP
  • Nettoyer son serveur distant

Méthodes pédagogiques

  • L’intervenante alternera découverte des concepts, explications pédagogiques et exercices d’application.
  • De nombreux exercices vont permettre d’apprendre le codage HTML progressivement : balises, attributs et syntaxe.
  • L’utilisation de l’interface de Dreamweaver permettra d’automatiser la saisie, une fois le langage acquis

Modalités d’encadrement et d’évaluation

  • Feuille d’émargement : les stagiaires émargeront par demi-journée.
  • Attestation de formation remise aux stagiaires ayant suivi la formation avec assiduité.
  • Une évaluation écrite portant sur l'atteinte des objectifs sera réalisée par les participants en fin de formation.
  • Quizz/QCM et commentaire libre validant les acquis en fin de formation.