Dreamweaver Initiation pour les professionnels du Web

Dreamweaver Initiation pour les professionnels du Web

Dreamweaver Initiation pour les professionnels du Web

Type(s) : P
Durée : 5 Jours – 35 Heures

Pré-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.

Objectif de la formation

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.

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.

 

Profil du formateur

Formateur consultant, expert, pédagogue et certifié dans son domaine

Méthode pédagogique

La formation est constituée d’apports théoriques et d’exercices pratiques. Chaque stagiaire dispose d’un poste de travail et la gestion en petit groupe (jusqu’à 8 stagiaires) permet un suivi individualisé et adapté. Durant les sessions de formation, un support pédagogique est remis aux stagiaires.

Suivi, évaluation, sanction

Des tours de table permettent de suivre la progression du stagiaire au fur et à mesure de la formation. Un suivi de la formation est réalisé par une feuille de présence émargée par demi-journée par les stagiaires et le formateur. Un questionnaire de satisfaction et une validation des acquis sont complétés par chaque stagiaire en fin de formation.

Formation sans certification.

Plan du cours

Configuration du logiciel

  • Dossier du site, organisation des fichiers

Les différents types de sites

  • Sites statiques, sites dynamiques
  • Conséquence sur l’organisation des fichiers

Les fichiers utilisables dans un site Web

  • Les extensions de fichiers
  • Les formats d’images
  • Les formats des autres types de médias

Le langage HTML

  • Les différentes versions du langage
  • Le rôle des navigateurs
  • Les balises, les attributs
  • Les balises HTML 5

L’interface

  • Les palettes
  • La nouvelle palette de gestion des sites
  • La personnalisation de l’espace de travail
  • Les modes d’affichage : le mode code
  • Le zoom, les repères
  • Affichage en direct (options)

Les préférences

  • Les navigateurs
  • Les invisibles
  • Les logiciels tiers de gestion des médias

Les étapes de la création d’un site

  • La charte graphique
  • Le système de navigation
  • Les contenus visuels
  • Les choix techniques (HTML, CSS, statique / dynamique…)
  • L’hébergement, le 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

Utilisation des tableaux

  • Mode standard, mode étendu
  • Propriétés des tableaux
  • Propriétés des cellules
  • Tableaux imbriqués
  • Importation de fichiers Excel et de données tabulaires

Les CSS

  • Lieu de stockage des styles : interne, externe
  • Liens entre pages et styles CSS
  • Les propriétés des éléments HTML
  • Cascade et héritage de propriétés
  • Les sélecteurs (balise, ID, classe)
  • Appliquer plusieurs classes
  • Sélecteurs composés
  • Les pseudo-classes
  • Aperçu des transitions CSS
  • Utiliser la fonction transition CSS
  • Modifier / supprimer des transitions CSS

Mise en page avec des CSS

  • Utilisation des pages modèles
  • Fichiers de styles CSS
  • Renommage des feuilles de styles
  • Création de sa propre interface : DIV, section, nav, aside...
  • La palette CSS Designer

Responsive et adaptative design

  • Utilisation des grilles fluides
  • Que sont les grilles fluides ?
  • Définition des grilles
  • Multiscreen Preview

La couleur

  • Les couleurs sur le Web
  • Les formats d’écriture des couleurs
  • Retrouver les dénominations de couleurs dans Photoshop

Le texte

  • Importation de fichiers Word
  • Modes de copier / coller
  • Introduction à la gestion des fontes
  • Les formats de fontes (OTF, TTF, WOFF, EOT)
  • Polices système et familles de polices
  • Utilisation des EDGE WEB FONTS
  • Les propriétés CSS liées au texte
  • Polices, styles, taille, graisse, approche…
  • Utilisation des CSS pour l’enrichissement du texte

Images

  • Les formats d’images spécifiques au 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
  • Utilisation de la palette des actifs
  • Le format natif PSD
  • Les améliorations
  • Le format PSD : changement des paramètres
  • Utilisation d’Extract

La navigation et les liens

  • Les liens entre les pages
  • Les liens internes aux pages
  • Les liens vers des sites externes
  • Les liens vers le courrier électronique
  • Création d’une barre de navigation en CSS

Insertion de médias riches

  • Insertion audio
  • Insertion de vidéos

Gestion des médias via la palette des actifs

  • Raccourcis

Formulaires

  • Insertion et paramétrage des objets de formulaire
    • Champ de texte
    • Champ multi-lignes
    • Champ à saisie masquée
    • Cases à cocher
    • Groupe de boutons radio
    • Menu et liste déroulante
    • Bouton
  • Typage et contrôle des éléments de formulaire

Comportements

  • Le rôle du langage JavaScript
  • Ajouts d’actions JavaScript

Bibliothèque

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

Gestion du site

  • Rapport sur le site
  • Vérification des liens
  • Vérification selon les navigateurs et sur les tablettes, ordinateurs et mobiles

 

Nous contacter

AMS Formation (France)
03 83 67 63 05
22 Rue de Medreville
54000 Nancy – France

AMS Formation (Luxembourg)
00 352 26 10 22 58
145, route de Pétange
L-4645 Niederkorn – Luxembourg

ams-formation@ams-training.com

Suivez-nous

Retrouvez toute l'actualité d'AMS Formation sur les réseaux sociaux.