Les Formations

Dreamweaver Dreamweaver

Dreamweaver Créer et Gérer votre Site

Durée : 5 jours - 35 heures

Cliquez sur l'image pour visualiser notre plan de formation

Dates

Contactez nous

Objectif général

Concevoir et réaliser des sites Web sans programmation HTML, créer facilement des pages graphiques et interactives avec Dreamweaver.

Destiné aux

Personnes utilisant la micro informatique et Internet, qui souhaitent pouvoir créer les pages d'un site Web avec Dreamweaver.

Pré-requis

Il est indispensable d’être initié à l’utilisation d’un micro ordinateur. La connaissance d'Internet permet un apprentissage plus aisé.

Modalité de positionnement stagiaire

Fiche de Préformation à remplir par le stagiaire avant la formation

Itinéraire pédagogique

Créer un site Web avec Dreamweaver

  • Découverte de l'interface de Dreamweaver : l'organisation des fenêtres et les menus contextuels.
  • Commencer par les techniques de base, régler les préférences du logiciel.
  • Les possibilités graphiques de Dreamweaver.
  • Connaître les grandes lignes du langage HTML.
  • Définir le HTML et le DHTML.
  • Afficher une carte représentative de votre site.
  • Redimensionner la fenêtre, simuler les différentes tailles d'affichage (640 x 480, 800 x 600...).
  • Visualiser le site dans les divers navigateurs et contrôler la compatibilité du code avec chacun d'entre eux.
  • Vérifier les liens hypertextes, réparer les liens rompus.

Concevoir les pages du site

  • Créer, ouvrir et enregistrer des pages.
  • Formater et éditer du texte.
  • Utiliser les en-têtes pour structurer le texte.
  • Créer des feuilles de style externe.
  • Redéfinir les styles existants et créer des classes, lier les pages du site à une feuille de style externe.
  • Définir les fonds d'écran et les couleurs de base.
  • Recréer la présentation d'une page déjà réalisée avec la fonction "tracing image".
  • Insérer, modifier et manipuler des tableaux.
  • Utiliser des tableaux pour la mise en page.
  • Trois bonnes raisons de préférer des calques : positionnement, superposition, visibilité.
  • Convertir les calques en tableaux (compatibilité avec tous les navigateurs).
  • Utiliser le mode Mise en forme pour la présentation d'une page.

 Créer une navigation hypertexte

  • Se déplacer à l'intérieur d'une page à l'aide des ancres.
  • Créer des liens entre les pages d'un site et vers d'autres sites Web.
  • Créer des jeux de cadres (frames).
  • Créer des interactions entre les frames.

 Incorporer des images et animations

  • Insérer des images et définir leurs propriétés.
  • Intégrer des applets Java dans les pages, insérer des sons.
  • Intégrer du Flash : boutons, texte et animations.
  • Gérer les actifs du site.
  • Créer des éléments de bibliothèque et les insérer dans les pages du site.

Rendre ses pages dynamiques et interactives

  • Créer des formulaires.
  • Les différents comportements : affichage de calque, ouverture d'une URL dans une fenêtre, modification des propriétés des objets, validation de formulaire...
  • Déclenchement des comportements sur les événements OnmouseOver, OnmouseOut, OnClick, Onload...
  • Animer vos pages avec les scénarios : déplacement d'objets, déclenchement de sons...
  • Exemple de scénario, le DHTML : déplacement d'un calque et modification de ses propriétés.

 Publier un site Web avec Dreamweaver

  • Connaître la structure des fichiers du site.
  • Utiliser le FTP de Dreamweaver pour publier un site.

Méthode et pédagogie

Travaux pratiques sur micro-ordinateur.

1 Micro-ordinateur / Stagiaire

Un formateur – Cours traditionnel au tableau avec vidéo projecteur

Support de Cours Papier

Clé USB offerte avec support de cours en Format PDF et exercices pratiques

Attestation de fin de stage

Dreamweaver Perfectionnement

Durée : 3 jours - 21 heures

Cliquez sur l'image pour visualiser notre plan de formation

Dates

Contactez nous

Objectif général

Concevoir et réaliser des sites Web sans programmation HTML, créer facilement des pages graphiques et interactives avec Dreamweaver.

Destiné aux

Personnes utilisant la micro informatique et Internet, qui souhaitent pouvoir créer les pages d'un site Web avec Dreamweaver.

Pré-requis

Il est indispensable d’être initié à l’utilisation d’un micro ordinateur. La connaissance des bases de Dreamweaver est indispensable

Modalité de positionnement stagiaire

Fiche de Préformation à remplir par le stagiaire avant la formation

Itinéraire pédagogique

1 Rappels

  • Rappels sur les outils de base
  • Transfert de site avec Dreamweaver ou Filezilla ?
  • Réponses aux différentes questions 

2 Mise en forme à l’aide de CSS

  • Gênerez un style CSS automatiquement
  • Utilisation de styles CSS à l'intérieur d'un      document
  • La feuille de style
  • Créer, modifier, supprimer une règle de CSS
  • Les types de sélecteur : Classe, balise, avancé
  • Mettre en forme mon site avec des balises DIV
  • L'éditeur pour les propriétés CSS3
  • Créer un site en CSS 

3 Les modèles (Template)

  • Pourquoi utiliser un modèle ?
  • Création d'un modèle
  • Les régions modifiables
  • Les régions facultatives
  • Les balises méta dans le modèle
  • Créer une page issue d'un modèle
  • Mettre à jour les pages issues du modèle 

4 Les librairies

  • Pourquoi utiliser une librairie ?
  • Création, modification de librairies
  • Insertion d'objet dans une page 

5 Les formulaires HTML

  • La balise de formulaire
  • Les champs de texte
  • Les zones de texte
  • Les cases à cocher
  • Les boutons radios
  • Les groupes de boutons radio
  • Les listes déroulantes
  • Les boutons
  • Créer un formulaire d'envoi
  • Récupérer les données dans ma messagerie avec PHP
  • Utiliser des règles de validation Spry 

6 Les comportements

  • Création de comportement JavaScripts
  • Modification, suppression de comportements

7 Les éléments Spry

  • Avantage des menus Spry
  • Barre de menu
  • Panneaux à onglet
  • Menu accordéon
  • Menu réductible
  • Infos bulle
  • Modifier l'apparence des objets avec CSS 

8 La balise HEAD

  • Les balises Meta
  • Les tags utiles pour le référencement 

9 Les bases de données

  • Mise en place d'un serveur de test avec Wamp
  • Paramétrage dans Dreamweaver
  • Connecter une base de données MySQL
  • Créer des liaisons
  • Les comportements de serveur
  • Créer un formulaire d'ajout d'enregistrement
  • Créer un formulaire de modification d'enregistrement
  • Créer un formulaire de suppression d'enregistrement
  • Afficher les enregistrements
  • Pagination du jeu d'enregistrement
  • Les régions répétées
  • Connecter un utilisateur
  • Déconnecter l'utilisateur
  • Restreindre l'accès à une page 

10 Le rendu

  • Configurer des navigateurs pour le rendu
  • Prévisualiser dans différents navigateurs
  • L'aperçu pour téléphone, smartphone, tablette
  • L'affichage en direct (Avantages et inconvénients) 

11 Les outils de Dreamweaver

  • Rechercher et remplacer
  • Vérifier l'orthographe
  • Valider votre code
  • Vérifier vos liens
  • Tester la compatibilité avec les navigateurs

Méthode et pédagogie

Travaux pratiques sur micro-ordinateur.

1 Micro-ordinateur / Stagiaire

Un formateur – Cours traditionnel au tableau avec vidéo projecteur

Support de Cours Papier

Clé USB offerte avec support de cours en format PDF et exercices pratiques

Attestation de fin de stage

Passeport formation
12, rue Borville Dupuis
27000 Evreux
Tél.: 02 32 31 62 89
Fax : 02 32 31 62 95
Souris