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.

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.

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

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