M2i Formation

Mobiles et Web Design - Intégration Web et mobile

Dreamweaver - Initiation pour les professionnels du Web

Présentiel

5 jours (35 heures) - DRE-N1

(14)
Accueil  ›  Formations Multimédia  ›  Mobiles et Web Design  ›  Intégration Web et mobile  ›  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.

Opcalia Ile-de-France

Paris Picpus06/11/2017Formation garantie, plus que quelques places de disponiblesRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Metz06/11/2017Dates proposées dans les agences M2iRéserver
Mulhouse06/11/2017Dates proposées dans les agences M2iRéserver
Nancy06/11/2017Inscriptions en cours, places disponiblesRéserver
Reims06/11/2017Dates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Caen06/11/2017Dates proposées dans les agences M2iRéserver
Évreux06/11/2017Dates proposées dans les agences M2iRéserver
Le Havre06/11/2017Dates proposées dans les agences M2iRéserver
Lille06/11/2017Dates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Dijon06/11/2017Dates proposées dans les agences M2iRéserver
Grenoble06/11/2017Dates proposées dans les agences M2iRéserver
Saint-Étienne06/11/2017Dates proposées dans les agences M2iRéserver
Valence06/11/2017Dates proposées dans les agences M2iRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Blois06/11/2017Dates proposées dans les agences M2iRéserver
Bourges06/11/2017Dates proposées dans les agences M2iRéserver
Châteauroux06/11/2017Dates proposées dans les agences M2iRéserver
Le Mans06/11/2017Dates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Aix-en-Provence06/11/2017Dates proposées dans les agences M2iRéserver
Montpellier06/11/2017Dates proposées dans les agences M2iRéserver
Nice06/11/2017Dates proposées dans les agences M2iRéserver
Sophia Antipolis06/11/2017Dates proposées dans les agences M2iRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

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