Formation développement web

Présentation:

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.
A qui s’adresse cette formation : Responsables de site, Webmasters, Chefs de projet Web, Auto-entrepreneurs et à toutes personnes voulant développer un site internet professionnel
Prérequis: Maniement clavier/souris et un système d’exploitation Windows ou Linux ou équivalence.

Objectifs :

- Exploiter toutes les ressources du HTML
- Créer des pages Web de qualité
- Découvrir les styles CSS

Les avantages :

- Exercices : Création des pages Web accessibles et normalisées avec HTML, CSS, DHTML...
- Exercices : Ajout d’effets Javascript, d’images à vos pages Web
- Enrichissement de pages Web avec des images et des images réactives
- Une clé USB offerte : repartez avec les exemples et cas pratiques vus pendant la formation, une sacoche, un bloc note, des supports de cours professionnels
- Un mois d’hôte ligne offert sur numéro non surtaxé.

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
- É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 pourl’affichage de données

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 (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 oeuvre d’un serveur Web
Fonctionnalités d’un serveur Web

- Communication serveur/navigateur
- 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 a base
- Pages Web pilotées par une base de données
- Ouverture d’une connexion vers une base de données

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 des pages 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 XHTML:

- Les bases d’XML
- Mise en place d’un flux RSS sur votre site
- Travaux Pratiques.
- Travaux Pratiques.