Revenir à la liste

CARPE MEDIA — Dreamweaver - Initiation réalisation d'un site web

Publié le 17/11/2016 — Produit n° 001353

: MEDIAS NUMERIQUESCONCEPTION REALISATION MEDIAS NUME RIQUESLOGICIELS DE CREATION DE SITE INTERNET DREAMWEAVER

DREAMWEAVER.
Connaître et utiliser Dreamweaver.
Savoir construire une page web.
Savoir utiliser les bibliothèques.
Savoir utiliser les styles CSS.
Savoir faire quelques effets améliorés.

Informations générales

Profil professionnel des stagiaires

:
AUDIOVISUEL, CINÉMA, DIVERS, ÉDITION, SPORT, GOLF, HOTELLERIE DE PLEIN AIR, PRESSE, LOISIRS, AGENCE DE MANNEQUINS, ORGANISME DE TOURISME, PUBLICITÉ, SPECTACLE, TELECOM, CASINO

:

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.

Identification du stage

:
Formation mixte (blended learning)

:

Connaître et utiliser Dreamweaver
Savoir construire une page web
Savoir utiliser les bibliothèques
Savoir utiliser les styles CSS
Savoir faire quelques effets améliorés

Durée de la formation en centre : 36 heures
Durée de la formation : Durée du stage : 36 heures
stagiaires

Lieu de réalisation


LEPERCQ Odile — 03 20 06 94 16
olepercq@carpemedia.fr
www.carpemedia.fr

Informations pédagogiques

Programme pédagogique

PRÉSENTATION GÉNÉRALE :
--Positionnement et rôle de Dreamweaver dans la réalisation de sites internet.
--Les différentes 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 :
--Réalisation d’un mini-site et de sa mise en ligne.

Supports et ressources fournis aux stagiaires

Nos formations peuvent se dérouler dans nos locaux (en propre) ou sur site.
Notre centre comporte plusieurs salles de formation équipées d’ordinateurs (Mac ou PC) avec écran 20 pouces minimum pour un meilleur confort. Tous les postes sont connectés sur internet et partagent les ressources d’impression. Chaque salle est équipée du matériel pédagogique adéquat : paper board, vidéo projecteur, tablettes graphiques, …
Nos stages accueillent un maximum de 5 personnes, ce qui permet un suivi et un accompagnement efficace du formateur lors de la formation en présentiel. De plus la hotline concernant la formation est gratuite sans limites dans le temps.
Un support de cours est fourni à chaque stagiaire ainsi qu’un support numérique (CD, DVD, clé USB, …) pour y copier les exercices réalisés pendant le stage. Les supports de cours sont sous format numérique ou papier. Une liste de sites web complétant la formation est fournie par le formateur.
Le formateur donne son adresse mail à chaque stagiaire. Chaque stagiaire peut appeler le centre de formation qui transmet l’information ou l’appel directement au formateur.

Niveau visé après la formation

AUTRE