M2i Formation

Découvrez notre formationDreamweaver - Initiation pour les professionnels du Web

Présentiel

5 jours (35 heures) - DRE-N1

(14)
Accueil  ›  Formations Multimédia  ›  Web et Mobile Design  ›  Intégration Web et mobile / Développeur Front End  ›  Dreamweaver - Initiation pour les professionnels du Web

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.

Niveau requis

Avoir une bonne connaissance de l'environnement informatique (pratique courante d'OS X ou de Windows). La pratique d'un logiciel de création d'images est fortement souhaitée.

Public concerné

Webmasters, créateurs de sites Internet, maquettistes, infographistes, responsables de communication, chefs de projets et responsables de campagne cross-canal devant intervenir dans un projet de création de site Internet.

Formation éligible au financement suivant :
ACOpcalia Ile-de-France

Ce cours est exclusivement proposé en intra-entreprise. Pour en connaître le prix et les modalités, contactez-nous.

Contactez-nous

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
    • Code
    • En direct
    • 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
    • Balise
    • ID
    • 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

Images

  • Les formats Web
    • GIF
    • JPEG
    • PNG
  • La transparence dans les images
  • Les attributs d'images
  • Le rôle de la balise ALT
  • Optimisation et manipulations avec les outils de la palette Propriétés
  • Liens avec Photoshop
  • Initiation à Extract

Médias riches

  • Insertion audio
  • Insertion de vidéos

Gestion des médias

  • La palette des actifs
  • Bibliothèque
  • Création d'objets de bibliothèque
  • Insertion d'objets de bibliothèque dans les pages
  • Modification d'objets : mise à jour des pages créées à partir d'objets de bibliothèques

Formulaires

  • Insertion et paramétrage des objets de formulaire
  • Typage et contrôle des éléments de formulaire

JavaScript

  • Le rôle du langage JavaScript
  • Ajouts de comportements JavaScript

Gestion du site

  • Rapport sur le site
  • Vérification des liens
  • Les règles de mise en ligne
  • Utilisation du FTP interne
  • Vérification selon les navigateurs et sur les tablettes, ordinateurs et mobiles

En cliquant le bouton « Accepter », vous acceptez l’utilisation de cookies pour réaliser des mesures d’audiences et vous permettre d’enregistrer vos préférences de navigation. En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies.

Accepter Paramètres En savoir plus