Formation Dreamweaver Lyon

Référence : WEDRE657I

Nombre de stagiaires max : 5

Objectifs :

Maîtriser les fonctionnalités principales de Dreamweaver afin de pouvoir concevoir un site web et réaliser des mises en pages.

Moyens techniques et pédagogiques :

Mises en situation par le biais d’exercices.
Répétitions des manipulations pour mémoriser l’utilisation des outils présentés.
Un ordinateur par personne.
Support de cours remis sur clé USB ou en format papier à la fin de la formation.

Evaluation des résultats :

Une évaluation pédagogique (orale et/ou écrite) est effectuée à la fin de votre formation afin d’attester l’acquisition de connaissances.
Exercice de synthèse.

Validation de la formation :

Attestation de fin de formation envoyée par mail.

Pré-requis : Savoir utiliser un ordinateur ou un Mac, Connaître l'outil internet.

Durée : 3 jour(s) / 21 heures

Points abordés :

LES OUTILS DE CREATION WEB

• Principe et langages du web
• Les navigateurs et les éditeurs de sites web
• Outils graphiques et multimédia

INTRODUCTION A DREAMWEAVER®

• Créer et configurer un site
• Interface : menus, palettes, panneaux, outils
• Différentes vues : code, design,…
• Aides à la mise en page : grilles, règles, …
• Modifier l’interface utilisateur
• Les préférences de Dreamweaver
• Créer les fichiers du site
• Le « Site Map »

FONCTIONS ET OUTILS D’EDITION

• La page et son texte
• Propriétés de la page. Insérer du texte
• Formater le texte : gras, italique, police, couleur, etc.
• Mettre en page le contenu : titre, paragraphe, liste, justification, indentation…
• Importer du contenu (Word, Excel, .TXT, XML, etc.)

GERER LES IMAGES AVEC DREAMWEAVER

• Formats d’images : description, comparaison
• Insérer les images et les images de fond
• Les propriétés des images. Panneau Actifs
• Retouche d’image avec Fireworks ou Photoshop
• Utilisation : menu, navigation, visuels, photos, icônes

LES LIENS HYPERTEXTES

• Insérer un lien sur du texte ou une image
• Les liens relatifs et les liens absolus
• Savoir créer des ancres nommées
• Liens FTP, mailto, Usenet…
• Les zones sensibles (images maps)

LES TABLEAUX SOUS DREAMWEAVER

• Créer et utiliser des tableaux
• Insérer et mettre en forme un tableau
• Tableaux et mise en page
• Modifier un tableau : cellules, colonnes, lignes
• Importer des données tabulaires

PREPARER SON PROJET DE SITE WEB

• Savoir définir ses besoins
• Déterminer son cahier des charges
• Connaître les règles de conception
• Organiser sa production

MISE EN APPLICATION

Référence : WEDRE657

Nombre de stagiaires max : 5

Public visé : Webmaster, chef de projet, chargé de communication... toute personne souhaitant renforcer ses compétences sur Dreamweaver.

Objectifs :

Maîtriser les fonctions avancées du logiciel Dreamweaver afin de gagner en efficacité et en productivité.

Moyens techniques et pédagogiques :

Mises en situation par le biais d’exercices.
Répétitions des manipulations pour mémoriser l’utilisation des outils présentés.
Un ordinateur par personne.
Support de cours remis sur clé USB ou en format papier à la fin de la formation.

Evaluation des résultats :

Une évaluation pédagogique (orale et/ou écrite) est effectuée à la fin de votre formation afin d’attester l’acquisition de connaissances.
Exercice de synthèse.

Validation de la formation :

Attestation de fin de formation envoyée par mail.

Pré-requis : Connaître le logiciel Dreamweaver ou avoir suivi la formation initiation.

Durée : 2 jour(s) / 14 heures

Points abordés :

LES FEUILLES DE STYLE

• Le langage
• Les sélecteurs
• Les propriétés graphiques
• Les calques positionnés
• Inspection CSS (CS5)

LE JAVASCRIPT

• Ajouter des commandes

LES FORMULAIRES

• Validation en JavaScript
• Introduction au Web dynamique (PHP, CGI, SSI)
• Principes et vocabulaire
• Traitement des formulaires par des scripts serveur

MODELES : NOTIONS AVANCEES

• Imbrication de modèles, attributs modifiables
• Contexte
• Conception
• Utilisation

INTERACTIVITE

• Gestion dynamique des calques
• Comportement et scénario
• Appliquer des comportements
• Javascript et les comportements
• Indicateurs de code spécifiques au site (CS5)

MISE EN LIGNE AVANCEE

• Gestion avancée du site
• Extraire – Archiver
• Fonction de synchronisation
• Vérification de l’intégrité du site
• Nettoyage du code
• Rapport

MISE EN APPLICATION

Référence : WEDRE259

Nombre de stagiaires max : 1

Public visé : Auto-entrepreneur, gérant de TPE, chargé de communication, membre d'une association... toute personnes désireuse de créer son site web vitrine

Objectifs :

Maîtriser les fonctions essentielles du logiciel Dreamweaver
Maîtriser les fondamentaux du langage HTML5/CSS3
Créer son site web vitrine afin de présenter son activité de manière professionnelle
Maîtriser et dynamiser son image sur le web

Moyens techniques et pédagogiques :

Mises en situation par le biais d’exercices.
Répétitions des manipulations pour mémoriser l’utilisation des outils présentés.
Un ordinateur par personne.
Support de cours remis sur clé USB ou en format papier à la fin de la formation.

Evaluation des résultats :

Une évaluation pédagogique (orale et/ou écrite) est effectuée à la fin de votre formation afin d’attester l’acquisition de connaissances.
Exercice de synthèse.

Validation de la formation :

Attestation de fin de formation envoyée par mail.

Pré-requis : Savoir utiliser un ordinateur ou un Mac. Connaître l'environnement Windows ou MacOS.

Durée : 5 jour(s) / 35 heures

Points abordés :

LES FONDAMENTAUX DU WEB

• Qu’est ce qu’un « hébergement »?
• Qu’est ce qu’un « nom de domaine » ?
• Relation entre URL et IP
• Structure d’une URL
• Rôles des DNS
• Le mode « Client / Serveur »
• Les principaux langages utilisés par le web (Php, Javascript, Html, Css, Ajax)
• Les organisations (W3C, AFNIC, WHOIS..)
• Les protocoles de communication (Pop, Smtp, Ftp, Http…)
• Les unités (pixel, em, %, Dpi…)
• Utilisation du FTP

DEFINIR SON PROJET WEB

• Bien identifier sa cible ainsi que ses besoins
• Choisir les fonctionnalités du site
• Structuration de l’offre
• Arborescence, ergonomie et design
• Choix de la charte graphique

LES BASES DE DREAMWEAVER

• Présentation de l’environnement de travail
• Mode visuel, mode éditeur
• Prévisualtion dans un navigateur
• Affichage local / affichage distant

LES TABLEAUX

• Utilité, création et modification
• Largeur de colonnes et hauteur de lignes
• Bordures et arrière plan
• Création d’un tableau x lignes x colonne
• Taille du tableau en pixel ou en pourcentage
• Insertion de nouvelles lignes ou colonnes
• Fusion de cellules
• Couleur de fond sur tableau, ligne, ou colonne

 LES IMAGES

• Les différents formats
• Insertion et positionnement dans la page
• Les effets de survol et mappage d’une image

LES LIENS HYPERTEXTES

• Sur texte et sur image
• Liens vers email
• Liens internes au site
• Liens externes
• Couleur des liens (actif, visited, hover, link)
• Cible des liens (blank, parent)

PROPRIETES DE LA PAGE WEB

• Gestion de l’arrière plan
• Couleur de la police par défaut
• Couleur des liens
• Marges
• Encodage (iso, utf-8

FRAMES ET CADRES

• Objectifs et création des cadres
• Lien vers un cadre précis : les « target »
• Redimensionnement
• Barre de défilement
• Couleur des bordures

GERER DES SITES AVEC DREAMWEAVER

• Création d’un dossier racine local du site
• Organisation de l’arborescence d’un site
• Vérification des liens et plan de site
• Publication d’un site avec Dreamweaver

LES FORMULAIRES

• Utilité d’un formulaire
• Les différents champs de saisie d’un formulaire
• La validation d’un formulaire
• La sécurisation d’un formulaire

LES STYLES

• Limites liées aux navigateurs
• Création de styles utilisateurs
• Modification de styles existants
• Styles intégrés dans une page
• Styles et feuille de styles (CSS)
• Inspection CSS (CS5)

LES MODELES DE PAGES

• Créer un modèle
• Définir des zones modifiables
• Créer des pages à partir d’un modèle
• Mise à jour du modèle et des pages

CALQUES ET COMPORTEMENTS

• Création, dimensionnement et positionnement
• Relations entre calques et tableaux
• Gestion des événements OnClick, onMouseOver
• Comportements
• Téléchargement de comportements

LE LANGAGE HTML5/CSS3

• Dernière évolution de l’HTML/CSS
• Généralités (définition, fonctionnement, écriture)
• Structure d’un document
• Les principales balises
• Les balises et attributs obsolètes
• Mise en page
• Liens
• Images
• Compatibilité des navigateurs
• Le Doctype
• Balises Vidéo et audio
• Balises de formulaire

FEUILLES DE STYLE CSS3

• Les sélecteurs
• Combiner les sélecteurs
• Grouper les sélecteurs
• Les pseudo-classes
• Manipulation des propriétés CSS

LES API DE L’HTML5

• Le dessin avec la balise Canvas
• Le drag and drop
• Le stockage de données
• La gestion des évènements

LES PLUS DU CSS3

• Les bordures arrondies
• La transparence
• Les ombres portées
• Les animations (transitions et transformations)

FINALISER SON SITE

• Installer sa charte graphique
• Choisir le nom de domaine et l’hébergement
• Finaliser la création du contenu
• Mise en ligne

MISE EN APPLICATION