Fiche de Formation Oplone | Objectifs | | Public concerné |
Ce stage pratique vous apportera la maîtrise des dernières versions du langage HTML et XHTML. La technique des feuilles de style (CSS 1 et 2) sera également étudiée et mise en pratique. Les ateliers de conception seront présentés en détail et serviront d'outil pour la réalisation des exercices pratiques. A l'issue de ce cours, vous serez en mesure de créer de nouveaux sites, de développer des pages Web et vous connaîtrez toutes les particularités de DreamWeaver. | . |
A qui s'adresse le stage ? :
Ce stage pratique s'adresse à tous les informaticiens désireux de maîtriser les techniques permettant de développer un site Web Pré requis :
Avant d'appréhender le développement d'un site Web à l'aide d'un outil de conception, comme DreamWeaver, il est nécessaire d'avoir une bonne base de connaissance du langage HTML et des notions élémentaires de l'environnement Windows. | | | | Déroulement & conditions |
Durée : 4 jours consécutifs (28 heures)
Cout par participant : 1 600 €HT
Calendrier (inter-entreprise) : - du 15 au 17 juillet 2008 à Marseille
- du 20 au 23 septembre 2008 à Aix en Provence
Intervenant : Jean Dupond, consultant | | | | Programme |
Introduction au service Web - Rappel sur le fonctionnement du serveur et du client Web. Fonctionnement de base d'un service Web.
- Différence entre un site Internet, intranet, extranet. Structure d'un site Web.
- Description des différents clients Web, des serveurs Web et du Web dynamique.
- Les standards de base : HTML, HTTP et les URL.
- Introduction au langage HTML : historique, les balises HTML, l'édition du code HTML.
- Introduction au protocole HTTP : requête/réponse d'un client au serveur.
- Introduction aux URL : adressage d'une ressource.
Les bases des ateliers de conception
- Présentation de l'outil de conception DreamWeaver : menus, barres d'outils, l'espace de travail.
- Création d'un site Web composé de quelques pages.
- Mise en connexion avec un serveur Web et publication du site.
- Description du langage HTML et la dernière version, XHTML.
- Insertion d'objets simples : textes et formatage, images, cartes graphiques, liens et liens sur cartes graphiques, ancres, tableaux.
- Exercices : Mise en place de l'environnement, premiers contacts avec l'outil par la réalisation d'un premier site Web composé de quelques pages. Premiers pas dans la conception de pages statiques et insertion de différents éléments simples tels que des images, des hyperliens, des tableaux, ...
Composition de pages à l'aide des ateliers
- Utilisation de la technologie « Modèles » (templates) pour la base du site.
- Présentation du principe des CSS (feuilles de style). Comparaison entre les styles CSS et les styles HTML, avantages des feuilles de style, présentation du langage CSS, utilisation des CSS avec l'outil DreamWeaver.
- Création de feuilles de style CSS pour le design des pages.
- Création de formulaires, description des différents champs.
- Insertion de méta-informations.
- Création de jeux de cadres ; avantages et inconvénients.
- Création de calques (layers), leurs différentes positions et déplacements, relations avec les CSS.
- Exercices : Amélioration du site avec les différents éléments vus dans le cours. Chaque élément de la théorie sera appliqué concrètement dans un exercice et inséré dans le site en fonction des possibilités.
Techniques avancées (1)
- Affichage - masquage de calques, mouvements de calques.
- Menu dynamique généré par DreamWeaver.
- Insertion d'un objet Flash.
- Utilisation de l'inspecteur de tag, des snippets et de la librairie.
- Publication d'un site Web.
- Travail collaboratif sur un même site.
- Maintenance d'un site (recherche/remplacement global, nettoyage de code).
- Exercices : Transformation du site statique en application, mise en ligne sur un serveur Web et configuration de celui-ci. A nouveau, utilisation de la théorie pour l'amélioration du site.
Techniques avancées (2)
- Approfondissement des templates et macro.
- Configuration d'un serveur d’application PHP.
- Vue d'ensemble et configuration du serveur Apache.
- Connexion à une base de données MYSQL.
- Création d'un ensemble de pages dynamique PHP/MYSQL.
- Création d'une page d'insertion.
- Exercices : Configuration du serveur, mise en place d'une base de données MYSQL (avec easyPHP), développement des pages en relation avec la base de données.
Conseils de design de pages
- Conseils pour la conception de pages Web adaptées aux besoins spécifiques du projet tout en étant attractives, légères, esthétiques, interactives.
- Les différents standards et les tendances actuelles du marché.
- Les choses à faire et à ne pas faire.
| | | | Méthodologie pédagogique |
Apports méthodologiques et exercices pratiques.
|
|
Présentation 
