Vous apprendrez à
- Établir, configurer et maintenir un site Web intranet ou Internet
- Développer et publier des pages Web en utilisant HTML (HyperText Markup Language)
- Optimiser les styles et la mise en page avec les feuilles de style en cascade (CSS)
- Configurer un serveur Web
- Interfacer un site Web à une base de données pour stocker et récupérer les données de façon dynamique
- Produire des pages Web dynamiques avec des scripts côté serveur et côté client
Objectif
Disposer d'un site Web fonctionnel et attrayant contribue nettement à la réussite d'une grande majorité d'entreprises. Afin de se distinguer de la concurrence, un site doit être esthétiquement attrayant et sa navigation doit être fluide et efficace. Durant ce cours, vous acquerrez les connaissances et techniques nécessaires pour développer un site Web. Vous apprendrez les concepts fondamentaux de syntaxe HTML et de mise en page en créant des pages Web efficaces, en configurant un serveur Web et en interfaçant votre site Web et des bases de données.
À qui s'adresse cette formation
À toute personne impliquée dans la mise en place, le développement ou la maintenance d'un site Web ou souhaitant développer des connaissances dans le domaine des technologies Web. Des connaissances de base de Microsoft Windows, d'Internet et du Web seraient utiles.
Travaux pratiques
Une étude de cas approfondie vous permettra d'acquérir les compétences pratiques nécessaires à la création d'un site Web dynamique. Les exercices incluent :
- Création des pages Web accessibles et normalisées avec HTML, XHTML et CSS
- Développement, test et amélioration de votre site Web
- Ajout d'effets DHTML à vos pages Web
- Enrichissement de pages Web avec des images et des images réactives
- Configuration et test d'un serveur Web
- Traitement des demandes des utilisateurs et génération de pages dynamiques affichant les réponses
- Interface d'un site Web à une base de données
- Intégration des effets multimédia
Contenu détaillé
Introduction au Web
- Concepts fondamentaux d'Internet/intranet
- L'architecture du Web
- Analyse de plusieurs navigateurs
- Optimisation de moteurs de recherche (SEO)
HTML: HyperText Markup Language
Création d'une page Web avec HTML et XHTML
- Éléments de l'en-tête et du corps
- Formatage du texte avec des marqueurs
- Création de liens hypertextes
- Listes ordonnées ou non
- Conception de tables pour l'affichage de données
- Définition des ancres relatives et absolues
Ajout d'éléments graphiques
- Présentation graphique avec les images intégrées
- Ajout de l'interactivité avec des images cliquables
- Utilisation d'images animées pour dynamiser une page Web
- Création d'images réactives pour relier différentes zones d'une même image
Contrôle des styles et de la mise en page avec les feuilles de style en cascade (CSS)
- Attribution de propriétés de style aux marqueurs HTML
- Création et application de feuilles de style
- Utilisation de styles dans un menu de navigation
- Choix et application de styles avec les attributs CLASS et ID
- Assurer une présentation cohérente entre les pages du site
Mise en œuvre d'un serveur Web
Fonctionnalités d'un serveur Web
- Communication serveur/navigateur Web
- HyperText Transfer Protocol (HTTP)
- Serveurs commerciaux ou Freeware
Configuration d'un serveur Web
- Mise en place de la structure des répertoires
- Configuration des accès et sécurisation
- Administration du serveur
Programmation sur le serveur
Scripts côté serveur
- Interaction client/serveur/script
- Étude du fonctionnement d'applications Web côté serveur
- Accès aux données stockées sur le serveur Web
- Création de pages Web dynamiques
- Différence entre les requêtes GET et POST
- Intégration d'un menu de navigation cohérent dans toutes les pages
- Lecture et écriture de cookies
Traitement des données avec des formulaires
- Capture des données utilisateurs avec des formulaires HTML
- Ajout de zones de texte, cases, boutons radio, listes de sélections à une page Web
- Configuration d'un formulaire pour qu'il fasse appel à un programme côté serveur lors de son envoi
- Traitement des saisies de formulaires avec des pages Web dynamiques
Interface avec une base de données
Bases de données relationnelles et le Web
- Description des enregistrements d'une base de données
- Utilisation de SQL pour manipuler la base
Pages Web pilotées par une base de données
- Ouverture d'une connexion vers une base de données
- Stockage de données capturées par des formulaires
- Envoi de requêtes dynamiques à une base de données
- Générer une page Web affichant les résultats d'une requête
Création de pages Web dynamiques
Interactivité avec JavaScript
- Intégration de JavaScript s'exécutant dans les navigateurs Web
- Amélioration des fonctionnalités côté client
- Validation du contenu des formulaires pour s'assurer qu'ils sont correctement remplis
- Réagir aux actions des utilisateurs
Ajout d'éléments multimédias
- Intégration d'animations et de vidéos dans despages Web
- Plus d'interactivité avec les plug-ins
Création de pages Web interactives avec l'HTML dynamique (DHTML)
- Combiner JavaScript avec des feuilles de style en cascade (CSS)
- Compatibilité avec plusieurs navigateurs
- Positionnement dynamique de contenu dans une page
- Afficher et masquer le contenu d'une page
- Création d'images avec effet rollover en DHTML
XML et HTML 5
- Les bases d'XML
- Mise en place d'un flux RSS sur votre site
- Introduction à HTML 5
|
<< Développement Web