Formation Dreamweaver initiation longue
Initiation longue à la création complète de sites web statiques et dynamiques avec le logiciel Dreamweaver.
OBJECTIFS DE LA FORMATION
Ce stage de formation de 2 semaines est une initiation longue à la création complète de sites web statiques et dynamiques avec le logiciel Dreamweaver.
Dreamweaver (Adobe) est le logiciel le plus répandu pour la création et la mise en place de sites web professionnels.
PROGRAMME COMPLET DE LA FORMATION
BASES GENERALES
Introduction à internet, à la création de pages web et aux différents langages web (html, css, javascript, xml, php, asp, cfm, ajax). Du web 1.0 au web 2.0 Notions d’écriture au format HTML : sémantique, analyse, modifcation, création Bases sur l’intégration d’éléments externes, images, vidéos… et leurs différents formats (jpg, gif, png, swf, flv, mp3…). HTML 5 et CSS 3, avantages et inconvénients.
METHODOLOGIES DE CREATION DE SITES WEB
Méthodologies de travail pour la création d’un site web (création des médias, intégration dans Dreamweaver, programmation web, tests et publication). Aperçu du travail collaboratif pour la construction d’un site internet en équipe. Place du logiciel sur le marché. Intégration des logiciels Dreamweaver, Flash, Fireworks et Photoshop permettant un flux de production efficace et rapide.
ESPACE DE TRAVAIL
Présentation des différents composants de l’interface utilisateur, palettes, inspecteurs et outils. Utilisation de la fenêtre Document pour travailler en mode graphique et/ou directement dans le code. Personnalisation de l’espace de travail selon les étapes de création.
CREATION ET GESTION DE SITES WEB
Création d’un premier site web. Paramétrage d’un site web. Utilisation de la fenêtre de gestion de site, création, modification, suppression. Mise en place des paramètres de transfert pour les tests et la mise en ligne d’un site web. Méthodologie de travail et gestion des dossiers et fichiers du site.
CREATION DE PAGES WEB
Création de la page d’index du site. Définition des propriétés de page en mode HTML ou CSS. Intégration d’éléments dans la page et gestion des propriétés (texte, images, animations flash et vidéos). Création de liens absolus et relatifs. Création d’une ancre, d’un menu de reroutage. Création d’un bouton texte, d’un bouton image avec effet de survol. Intégration de vidéos YouTube, DailyMotion, Viméo…
MISE EN PAGE WEB EN MODE HTML
Mise en page à l’aide de tableaux. Utilisation des modes standard et développé. Paramètrage fluide ou fixe des tableaux. Utilisation et intégration des tableaux générés dans Photoshop ou Fireworks. Introduction aux cadres et jeux de cadres, avantages et inconvénients.
MISE EN PAGE WEB EN MODE CSS
Les différentes versions de CSS. Les problèmes de compatibilité. La hiérarchie et les héritages dans les feuilles de style en cascade. Les différents styles : balise, ID, classe. Les boites de dialogue de création de styles. Utilisation des balises div et des div PA.
UTILISATION DES MODELES, ACTIFS
Création d’un modèle Dreamweaver. Paramètrages des zones modifiables. Utilisation de la palette Actifs dans la totalité du site web.
CREATION DE FORMULAIRES
Création d’un formulaire, insertion et paramètrage des champs de formulaire. Validation et envoi de formulaires.
CREATION D’INTERACTIVITE
Utilisation des Comportements JavaScript et des Fragments de code. Création de fichiers utilisant le cadre applicatif Spry et l’insertion de Widgets au sein d’une page web.
CREATION DE PAGES DYNAMIQUES
Introduction à l’utilisation des technologies « serveur ». Configuration de l’ordinateur pour l’utilisation de bases de données. Connections aux bases de données avec PHP/mySQL. Création d’enregistrements de bases de données. Ajout, modification de contenus dynamiques aux pages web
FINALISATION TESTS ET PUBLICATION DE SITES WEB
Optimisation du site pour le référencement. Vérification des liens et tests hors ligne et en ligne. Publication du site web.
ATELIER PRATIQUE
Création d’un site web
