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
  • Test d’évaluation des pré-requis dans le cas d’un perfectionnement (programme réadapté)

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 CC, logiciel de création de site web

La formation Dreamweaver permet de se lancer dans la création de sites web, avec une immersion simplifiée dans le HTML / CSS. Dreamweaver est en effet doté d’un mode création hyper puissant, consistant en une interface guidée en WYSIWYG et des panneaux complets. Le logiciel pourrait presque autoriser de faire l’impasse sur l’apprentissage des balises HTML, mais ce n’est définitivement pas conseillé.

Avec ce cours pour débutants, vous apprendrez donc bien la syntaxe HTML, ainsi que les règles CSS pour une autonomie totale. Dreamweaver démontrera sa puissance lorsqu’il s’agira de développer rapidement des structures de pages, des mises en formes et des formulaires. Il sera aussi très utile pour concevoir et mettre en ligne des sites dynamiques.

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, informaticien ou graphiste souhaitant apprendre l’utilisation de Dreamweaver pour créer des sites web.
  • Pré-requis : avoir un bon niveau de pratique en informatique et un goût affirmé pour le web

Objectifs pédagogiques

  • Comprendre en quoi Dreamweaver améliore la productivité
  • Acquérir les bases du HTML 5
  • Connaître les principales propriétés CSS
  • Comprendre le modèle de boîte
  • Être capable de recourir au JQuery et aux media queries
  • Tester puis mettre en ligne son site web

Programme de la formation Dreamweaver CC

Jour 1 matin (9h00-12h30)

Créer un site avec Dreamweaver : notions préalables

  • Comment un site fonctionne-t-il exactement ?
  • Structure de base d’un site : dossiers, fichiers HTML, CSS et images
  • Configuration des navigateurs et installation d’extensions utiles
  • Comprendre la notion de serveur et les protocoles du web : HTTP, HTTPS, FTP
  • Différences entre les sites statiques et les sites dynamiques

Adobe Dreamweaver : découverte de l’interface

  • Faire connaissance avec la suite Adobe, et le logiciel Dreamweaver
  • Premiers paramétrages dans Dreamweaver
  • Découvertes des modèles de page au démarrage
  • Ouvrir et configurer des sites dans Dreamweaver
  • Paramétrer son espace de travail : code/ création, palettes utiles

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

Initiation au code HTML5 dans Dreamweaver

  • Comprendre la structure de base d’une page : <body>, <head>
  • Utiliser le panneau insertion pour créer les premières balises texte (block)
  • Utiliser les balises éditoriales de type en ligne (inline)
  • Créer des liens vers des sites, vers des mails
  • Ajouter des liens relatifs pour le maillage interne
  • Observation en mode développeur : comprendre la syntaxe du HTML5

Jour 2 matin (9h00-12h30)

Travailler avec les images

  • Préparer ses images pour le web
  • Règles d’insertion des images dans une page web
  • Les attributs HTML de la balise <img />
  • Ajout de vidéos et autres médias

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

  • Créer un tableau dans Dreamweaver
  • Travailler avec les cellules
  • Cas d’utilisation des tableaux

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

Comprendre puis utiliser les CSS

  • Comprendre CSS et la notion de sélecteur de style
  • Créer et utiliser les feuilles de style externes
  • Utiliser la puissance du panneau CSS Designer
  • Mettre en forme les attributs de caractère et de paragraphe
  • Créer et utiliser les sélecteurs CSS de classe et de pseudo-classe
  • Insérer des webfonts

Jour 3 matin (9h00-12h30)

Créer des mises en page CSS

  • Comprendre le modèle de boîte avec les balises structurantes du HTML5
  • Ajouter des sélecteurs identifiants uniques
  • Comprendre les positionnements de boîtes
  • Maîtriser les propriétés de marge, d’arrière-plan, de bordures
  • Découvrir les nouvelles propriétés CSS3 et les préfixes navigateur

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

Ajouter de l’interactivité au site : JQuery et responsive design

  • Les effets interactifs : utiliser les librairies JQuery intégrées à Dreamweaver
  • Introduction au Responsive design et aux media queries
  • Les requêtes de media et les points d’arrêts.
  • Bonus : Bootstrap et le panneau Extract

Gérer, tester puis publier un site

  • Tester ses pages et consulter le rapport
  • Publier ses pages sur un serveur distant
  • Le cas des CMS

Méthodes pédagogiques

  • L’intervenante alternera découverte des notions techniques, explications pédagogiques illustrées et travaux pratiques.
  • De nombreux exercices vont permettre d’apprendre le codage HTML et CSS progressivement, et de créer des pages web de plus en plus graphiques au fur et à mesure de la formation.
  • L’utilisation de l’interface de Dreamweaver permettra d’augmenter sa productivité, une fois la syntaxe des langages 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.
  • Quiz et exercices réalisés en continu sur les 3 jours, afin de valider chacun des objectifs de formation