En présentiel ou à distance
13 Sep, 2018
4 jours (28 heures)
LILLE - Programmation sur mesure
0 Personne(s) inscrite(s)
5 place(s) disponible(s)
Prix en euros HT-
NOUS CONTACTER PAR MAIL
logo dreamweaver

OBJECTIF PÉDAGOGIQUE

Être capable de réaliser un site internet et de le diffuser sur le web.

PUBLIC CONCERNÉ

Toute personne ayant en charge la création et la réalisation d’un site.

NIVEAU REQUIS

Toute personne ayant les bases de l’outil informatique, de la connaissance du web et d’un système d’exploitation (Windows ou Mac OS). La connaissance d’un logiciel de traitement de l’image est un plus.

CONTENU DU STAGE

PRÉSENTATION GÉNÉRALE
- Positionnement et rôle de Dreamweaver dans la réalisation de sites internet.
- Les méthodes de réalisation de contenu HTML et leur adaptation par rapport aux navigateurs web.
PRÉPARATION DU TRAVAIL
- Approche globale de la conception web
- Mise en place d’un plan de réalisation.
- Rassemblement et préparation des éléments textes, images, illustrations, etc…
- Notions sur les mentions légales et réservation du nom de domaine.
- Redirection et principe de mise en place du site.
PRÉSENTATION DE L’INTERFACE DU LOGICIEL
- Préférences d’affichage et d’espace de travail.
- Choix des navigateurs : principal, secondaire.
- Gestion du site, définition des préférences locales et distantes.
- Paramétrage FTP et transfert de fichiers.
- Synchronisation du site avec le serveur distant.
MISE EN PLACE DE L’ARBORESCENCE DU SITE
- Paramétrage des différents dossiers et de la structure en fonction du projet (images, js, etc…).
- Définition des liens externes et relatifs, mise en place et anticipation pour le référencement.
- Importation et exportation de fichiers, images, HTML5, EDGE ANIMATE
CONSTRUCTION DES PAGES
- Les approches de conception en fonction de la nature du site et de ses fonctionnalités.
- Structure d’une page HTML.
- Initiation à la programmation des balises HTML.
- Les principales balises HTML et leurs fonctions.
- Utilitaire de saisie rapide du code HTML.
- Réalisation d’un site avec des tableaux.
- Réalisation d’un site avec des DIV (divisions).
- Préparations des images pour le web.
- Les différents formats d’images utilisables et leurs caractéristiques : gif, jpg, png, etc…
- Complémentarités Photoshop et Dreamweaver.
- Les tableaux avec le mode mise en forme.
- Divisions et fusions de cellules.
- Utilisation des calques, méthodes de positionnement et d’affichage.
- Réalisation d’un formulaire, utilisation des différents composants (case à cocher, menu déroulants,…)
- Utilisation des ancres nommées (signets).
- Réalisation de comportements, affichage, masquage de calques ou de pages HTML (PopUp).
UTILISATION DES BIBLIOTHÈQUES
- Utilisation multiple d’éléments identiques.
- Mises à jour simultanées des pages du site.
- Réalisation et intégration de modèles.
- Utilisations des modèles standards et imbriqués.
- Définition des différentes régions : modifiables, répétées, facultatives.
UTILISATION DE STYLES CSS
- Principe d’utilisation des CSS pour la mise en forme d’un site internet.
- Les différents types de CSS, les classes, les pseudo-classes, Balise, etc…
- Réaliser une mise en page intégrale en CSS.
- Avantages de cette méthode.
- Mises à jour des styles CSS, gain de temps et de productivité.
- Utilisation des modèles CSS de Dreamweaver.
- Gestion des différentes feuilles de styles (print, body, etc…).
LES EFFETS AMÉLIORÉS
- Réalisations de comportements.
- Introduction au Javascript avec les comportements.
- Animations CSS3
VÉRIFICATION DU FONCTIONNEMENT DU SITE
- Vérification des liens du site
- Contrôle du code HTML et utilisation de la fonction rechercher /remplacer.
EXERCICE PRATIQUE
Validation finale des acquis