Formation DREAMWEAVER - Tous Niveaux - Solution Complète - 20 heures

Objectifs pédagogiques

• - Réaliser des sites Internet
• - Créer des pages formatées avec des balises HTML 5 et des CSS
• - Importer et formater les textes
• - Placer, recadrer, optimiser les images
• - Placer des médias sons, vidéos et animations
• - Mettre en place un système de navigation
• - Créer des formulaires et gérer les envois de données
• - Envoyer le site chez un hébergeur
• - Tester l'apparence du site sur des tablettes, mobiles et tous supports.

Contenu de la formation

• Typologie de sites
• Les langages du Web
• Les formats de médias
• Les choix techniques
• Le rôle des navigateurs
• Sites statiques et sites dynamiques
• L'organisation des fichiers
• Dreamweaver
• La chaîne logicielle Adobe
• Positionnement de Dreamweaver
• Workflow et méthodologie
• L'interface
• Les palettes
• La palette de gestion des sites
• La personnalisation de l'espace de travail
• Les modes d'affichage o Code o En direct o Fractionner
• Zoom, repères, tailles de fenêtre prédéfinies
• Régler les préférences
• Structure d'un projet
• Contenus et médias
• Hiérarchie des pages et navigation
• Charte ergonomique et graphique
• Les types d'hébergement
• Le langage HTML
• L'outil Brackets
• Principe de l'hypertexte
• Balises et attributs
• Structure d'une page et imbrication
• Balisage sémantique et référencement
• Création de pages Web
• La notion de page
• Largeur et hauteur d'une page
• Les propriétés spécifiques aux pages
• Organiser les éléments HTML
• Titres et paragraphes
• Listes et tableaux
• Liens
• Images
• Les nouvelles balises HTML 5
• Best practices
• Les styles CSS
• Stockage des styles : interne vs externe
• Les propriétés des éléments HTML
• Cascade et héritage de propriétés
• Les sélecteurs o Balise o ID o Classe
• Sélecteurs composés
• Les pseudo-classes
• Les transitions CSS
• Mise en page avec des CSS
• La palette CSS Designer
• Les unités de taille
• Positionnement en CSS
• Eléments flottants
• La propriété Display
• La propriété Position
• Responsive et Adaptative Design
• Le point sur les supports mobiles
• Médias et viewports
• Comprendre les Media Queries
• L'outil Requêtes multimédias visuelles
• Multiscreen Preview
• La couleur
• Les couleurs sur le Web
• Les formats de codage des couleurs
• Le texte
• Importation de fichiers Word
• Modes de copier / coller
• Polices système et familles de polices
• Règle CSS @font-face
• Utilisation des polices distantes Typekit
• Les propriétés CSS liées au texte
• Gestion des liens hypertexte
• Pseudo-classes CSS de liens

Suivi de l'exécution et évaluation des résultats

• • Feuilles de présence : o Espace formateur : le formateur dispose d’un espace (identifiant donné une fois recruté) : il y trouve l’ensemble de ses stagiaires attribués, la certification à passer, et les heures préconisées à faire sur la plateforme. Il crée en fin de cours la feuille de présence et envoie un SMS au stagiaire afin que ce dernier la signe via son espace personnel. Le formateur y ajoute un résumé de son cours en plus de sa signature ; o Espace stagiaire : le stagiaire dispose d’un accès à son espace personnel (identifiant envoyé au moment de l’inscription). Le stagiaire y trouve ses feuilles de présence à signer, justificatifs attestant de la réalisation de la formation. Il a la possibilité d’y ajouter des commentaires et de noter (de 1 à 5 étoiles) le cours suivi. Il y trouve aussi dans l’onglet « Courriers » son protocole individuel de formation, le mail de présentation récapitulant les étapes de la formation, le règlement intérieur, les attestations individuelles de formation et de fin de stage. • Mises en situation. • Formulaires d'évaluation de la formation. Modalités pédagogiques possibles (selon la méthode pédagogique choisie et les préférences du stagiaire) • Formation en cours particuliers. • Supports de cours su espace apprenant.

Diplôme visé par la formation

PCIE - Certification (dont CQP) ou habilitation enregistrée au répertoire spécifique (RS)

Appréhender le fonctionnement d’Internet et de la publication sur Internet pour optimiser la mise en ligne d’un contenu. Connaître les principes de base du HTML et utiliser les balises HTML courantes pour modifier la mise en page d'une page Web. Utiliser une application de création Web pour concevoir et mettre en forme des pages Web, formater du texte et travailler avec des hyperliens et des tableaux. Reconnaître et utiliser les formats d'image Web courants et créer des formulaires dans une page Web. Ajouter et utiliser des feuilles de style aux pages d’un site Web à l’aide des feuilles de style en cascade (CSS). Préparer des pages web en vue de leur publication à partir d’un serveur web.

Test en ligne automatisé et sécurisé permettant l'évaluation des compétences en s'appuyant sur une mise en situation de cas pratiques et soumis aux conditions de passage d'examen imposées par la Fondation ICDL (surveillance obligatoire par un Examinateur ICDL, sans supports).

La certification « ICDL - Édition de Sites Web » valide la capacité d'individus à créer et modifier un site web professionnel disposant de pages web pouvant inclure des hyperliens, des tableaux, des images Web et des formulaires, à l’aide d’une application d’édition de site web.