Formation Dreamweaver - Initiation

Ref. DR10

durée

5 jours

Tarif

1900€ ht

picture_as_pdfprint

Nos clients

Ils nous font confiance.

logos clients Nativo formation
Formations inter / intra entreprise
Revenir aux formations Dreamweaver

Formation Dreamweaver - Initiation

Objectifs

Réaliser des sites Internet - Créer des pages formatées avec des tableaux ou 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…

Public

Webmasters, créateurs de sites internet.

Prérequis

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.

Programme

  • Configuration du logiciel

  • Dossier du site

  • Organisation des fichiers

  • Les différents types de site

  • 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

  • L'interface

  • Les palettes

  • La personnalisation de l'espace de travail

  • Les modes d'affichage: le mode code

  • Le zoom

  • Les repères

  • Affichage en direct (options)

  • MutlScreen Preview

  • 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

  • Mise en page avec tableaux

  • Mode standard, mode étendu

  • Propriétés des tableaux

  • Propriétés des cellules

  • Tableaux imbriqués

  • Mise en page avec des calques

  • Positionnement

  • Propriétés des calques: index Z

  • Calques imbriqués

  • 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: balise DIV

  • Les CSS

  • Lieu de stockage des styles: interne, externe

  • Les DIV

  • Les classes

  • Les balises

  • Les propriétés liées aux blocs

  • Imbrication de styles

  • Liens entre pages et styles CSS

  • Mise en page avec le module SPRY

  • Création d'onglets

  • Création d'accordéons

  • Création de zones rétractables

  • Lieu de stockage des éléments SPY

  • Modification des styles CSS des éléments SPRY

  • La couleur

  • Les couleurs sur le Web

  • Les formats d'écriture des couleurs

  • Retrouver les dénominations de couleurs dans Photoshop ou Fireworks

  • Le texte

  • Polices, styles, taille

  • Utilisation des CSS pour le balisage du texte

  • Les propriétés CSS liées au texte

  • Importation de fichiers Word

  • Modes de copier/coller

  • Images

  • Les formats d'images spécifiques au Web: GIF, JPEG, PNG

  • La transparence dans les images

  • Les propriétés des images

  • Le rôle de la balise ALT

  • Optimisation et manipulations avec les outils de la palette Propriétés

  • Liens avec Photoshop et ou Fireworks

  • Utilisation de la palette des actifs

  • 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

  • Utilisation du module SPRY pour créer une barre de navigation

  • Modification des CSS spécifiques aux barres de navigation

  • Les tableaux

  • Propriétés (tableau, rangée, cellule)

  • Importation de fichiers et Excel et de données tabulaires

  • Insertion de médias

  • Insertion d'animations Flash

  • 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-ligne, champ à saisie masquée, cases à cocher, groupe de boutons radio, menu et liste déroulante, bouton

  • 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

  • Lien avec Adobe BrowserLab

  • Transfert FTP

  • Réglages FTP

  • Synchronisation entre le site distant et le site local

  • Mise à jour des pages

Moyens et Méthodes Pédagogiques

  • La formation est constituée d’apports théoriques, d’exercices pratiques et de réflexions
  • Un poste par stagiaire
  • Formateur Expert
  • Remise d’une documentation pédagogique papier ou numérique pendant le stage

Validation des acquis

  • Auto évaluation des acquis par le stagiaire via un questionnaire en fin de formation
  • Attestation de fin de stage remise avec la facture