atc
Formations    atc    Charte qualité    atc    Vos droits    atc    Evaluation    atc    Plan d'accès 
 

Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.

 
   

FORMATION Dreamweaver - De A à Z

Plan de cours au format arobat Plan de cours au format arobat Plan de cours au format arobat Plan de cours au format arobat Plan de cours au format arobat
   
Référence du stage : DMW07
> Durée : 10 jours, soit 70 heures
> Tarif : 3 000 €HT, soit 3 600 €TTC
Paris Toutes les dates
Paris Télécharger le plan de cours
 
Objectif(s) : Concevoir un site Web en HTML avec les fonctions avancées de Dreamweaver : les outils d’édition (la page, le texte, les images, les liens hypertextes, les tableaux), réaliser une mise en page, insérer et manipuler un élément PA, la mise en forme avec le CSS, utilisation des boîtes <div>, transférer et mettre en ligne un site WEB, Automatiser le processus de production (la bibliothèque, les modèles), appliquer des comportements et des effets, utiliser les outils SPRY (mise en page, les données XML, créer des formulaires), tester, déployer et gérer un site.
   
Participant : Utilisateurs finaux et futurs Webmasters.
   
Pré-requis : Connaître les concepts d’Internet, l’environnement Windows ou MAC OS.
   
Programme de la formation dreamweaver
   

LE PROJET DE SITE  WEB
Expression des besoins : méthode simplifiée.
Cahier des charges : exemples.
Eléments et règles de conception

  • Arborescence.
  • Importance de la charte graphique
  •  Fonctionnalités et ergonomie.

Organiser la production :

  • les répertoires
  • les noms, liens et tailles des fichiers
  • les formats de fichiers.

Recommandations diverses.

   

LES OUTILS DE CREATION WEB
Principe du Web.
Description des langages du Web : HTML, Javascript, CSS, XML,...
Les navigateurs. Les éditeurs de site.
Les outils graphiques et multimédia.
Autres outils utiles.

   

PRESENTATION DE 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.).

Les images

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
Lien sur du texte, lien sur une image
Liens relatifs, liens absolus
Créer des ancres nommées
Liens FTP, mailto, Usenet, autres.
Les zones sensibles (images maps).

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

   

CSS POUR LA MISE EN FORME
Les styles CSS, les différents sélecteurs CSS
Créer des règles  CSS et les appliquer
Créer un fichier CSS pour votre site

   

METTRE EN PAGE
Utiliser les cadres
Avantages et inconvénients des cadres
Création et utilisation
Cadre local ou Iframe
Utiliser les boîtes <<div>>
Les gabarits de mise en page (layout)  avec les DIV
Gabarits prédéfinis dans Dreamweaver
Télécharger des gabarits.

   

TRANSFERER SON SITE SUR INTERNET
Utiliser le FTP de Dreamweaver
Mettre en ligne le site Web, synchronisation

   

LES ELEMENTS PA
Insérer un élément PA
Manipulation des propriétés des calques
Mise en page avec des éléments PA
Eléments PA et styles CSS.
Conversion tableau – PA ou l'inverse.

   

COMPORTEMENTS ET JAVASCRIPT
Appliquer des comportements.
Insertion de code Javascript personnalisé
Image survolée

   

PERSONNALISATION DE L’INTERFACE
Ajout d’outils à Dreamweaver avec Adobe Exchange : installation, utilisation
Gestion des extensions avec Adobe Extension Manager

   

MISE EN PAGE CSS AVANCÉE
Les gabarits de mise en page et les différents médias
Le positionnement CSS.
Techniques particulières.
Recommandations

   

LANGAGE XML, HTML5, CSS3
Structure d’un document XML.
Créer un document XML simple.
Document bien formé.
Aperçu de HTML5 et de CSS3

   

AUTOMATISER LE PROCESSUS DE PRODUCTION
La bibliothèque
Stocker des éléments dans la bibliothèque
Utiliser les éléments de la bibliothèque
Modifier un élément

Les modèles
Modèles simple et imbriqué
Les différents type de régions (modifiable, répétée, facultative)
Définir les régions modifiables
Appliquer et modifier un modèle

Optimiser la production
L'historique
Utiliser les commandes
Utiliser le panneau des Actifs, favoris
Fonction rechercher / remplacer
Nettoyer le code (HTML, Word)
Inspecteurs de balises et de code
Les fragments de code : création et utilisation
Récupérer du HTML Fireworks
Optimisation de l'utilisation des styles CSS
Fenêtre CSS pertinents
Création d’applications « Cross Browser»
Créer un album photo

   

COMPORTEMENTS ET EFFETS
Comportements :
Appliquer des comportements.
Changer la propriété
Afficher-Masquer les éléments
Insertion de code Javascript personnalisé.
Effets :
Agrandissement/Réduction
Apparition/Fondu
Ecraser
Glisser
Seccouer
Store
Surlignage

   

LES OUTILS SPRY
Mise en page
Les outils et palette SPRY :
- Barre de menu
- Panneau à onglets
- Accordéon
- Panneau réductible
- Info-bulle
Modifier l’apparence des éléments SPRY avec CSS.
Interaction Javascript et éléments SPRY.
Widget : Téléchargement, installation et utilisation de Widget Browser
Spry et les données XML
Tableau de données
Créer un fichier XML.
Ensemble de données SPRY.
Région, répétition SPRY.
Liste de répétition.
Lien avec des images.
Validation de formulaires
Création d’un formulaire avec champs obligatoires
Validation des différents objets :
- Validation Spry de champ de texte
- Validation Spry de zone de texte
- Validation Spry de case à cocher
- Validation Spry de sélection
- Validation Spry de mot de passe
- Validation Spry de confirmation
- Validation Spry de groupe de boutons radio
Gestion des messages.
Validations spécifiques.
Personnalisation avec CSS
Envoyer un formulaire

   

TEST, GESTION ET DEPLOIEMENT DE SITE
Travailler avec la fenêtre de site
Gestion avancée du site
Vérifier les liens du site
Validation de code
Extraire – Archiver
Gestion des Design Notes
Fonction de synchronisation
Rapport de site, journal FTP.
Utiliser un client FTP tiers (FTPExpert, Filezilla, etc.)

   
   
     
Référence du stage : DMW07
> Durée : 10 jours, soit 70 heures
> Tarif du stage : 3 000 €HT, soit 3 600 €TTC
Télécharger le plan de cours :
Plan de cours au format arobat
     
Cliquer sur une des dates du calendrier
afin d'obtenir une proposition commerciale en ligne :
   
 Paris Du 25 Juillet Au 05 Août 2016 
 Paris Du 05 Au 16 Septembre 2016 
 Paris Du 10 Au 21 Octobre 2016 
 Paris Du 28 Novembre Au 09 Décembre 2016 
     
   
Procédure d'incription :
    Vous devez disposer d'une proposition commerciale ainsi que du programme de stage que vous avez sélectionné.
    Pour valider votre inscription dans cette session, votre entreprise ou organisme payeur, doit nous faxer un bon pour accord sur cette proposition.
  * Votre demande de proposition commerciale ne vaut en aucun cas une inscription et ne vous engage nullement.
   
  Pour obtenir la proposition commerciale et le programme de stage vous pouvez :
    - Télécharger votre demande au format Word, la renseigner et nous la faxer au 01 40 15 00 53. (ou par courrier au : 91, rue Saint-Lazare 75 009 PARIS)
Cliquez ici pour obtenir le formulaire (.doc)
    - En nous appellant au 01 42 78 13 83 nos conseillers en formation sont à votre disposition.
    - Ou bien en cliquant sur une des dates du calendrier pour remplir le formulaire en ligne permettant de recevoir la proposition par email.
   


formations paris

 

formations paris
 
© DOLFI 2001 - 2017 - Formation et développement pour l'informatique - 91 rue Saint-Lazare 75009 PARIS
Tél : 01 42 78 13 83 - Fax : 01 40 15 00 53 - Nous contacter - Mentions légales
Autodesk et Autocad sont des marques déposées par Autodesk inc., enregistrées aux Etats-Unis et dans les autres pays. Adobe Photoshop, Illustrator, Indesign, Acrobat, Lightroom, Dreamweaver, Flash, sont des marques déposées de Adobe, Inc., enregistrées aux Etats-Unis et dans les autres pays. Toutes les autres marques déposées sont la propriété de leurs détenteurs respectifs.