Développement web - Frontend

Objectifs

• Savoir préparer et organiser les contenus prévus pour le site
• Comprendre comment élaborer la navigation entre les pages du site Internet
• Maîtriser l’écriture du HTML
• Comprendre et maîtriser la mise en page à l’aide des feuilles de style en cascade (CSS)
• Disposer des bases pour configurer un serveur Web
• Être capable d'enrichir le contenu d’un site (vidéos, liens dynamiques)

Programme

Introduction à internet

• Les concepts fondamentaux
• L'architecture du Web
• La présentation des principaux navigateurs Internet

Conception d’un site

• L’arborescence d’un site
• Les principes de la mise en page pour le web
• Les principes de la navigation interactive
• Le traitement et le formatage des médias

Le HTML

• Le HTML : HyperText Markup Language
• La création d'une page Web avec HTML et XHTML
• Les éléments de l'en-tête et du corps d’une page HTML
• Le formatage du texte avec des marqueurs
• La création de liens hypertextes
• Les listes ordonnées ou non
• La conception de tables pour l'affichage de données
• La définition des ancres relatives et absolues

La mise en page à l’aide des feuilles de style en cascade (CSS)

• L’attribution de propriétés de style aux balises et marqueurs HTML
• La création et l’application de feuilles de style
• L’utilisation de styles dans un menu de navigation
• Le choix et l’application de styles avec les attributs CLASS et ID
• Les feuilles de style externes

Mise en oeuvre et fonctionnalités d'un serveur Web

• La communication entre serveur et navigateur Web
• Le protocole HyperText Transfer (HTTP)
• Les serveurs commerciaux ou Freeware

Savoir configurer un serveur Web

• La mise en place de la structure des répertoires
• La configuration des accès et sécurisation
• L’administration du serveur

La programmation du serveur

• L’interaction client/serveur/script
• L’étude du fonctionnement d'applications Web côté serveur
• L’accès aux données stockées sur le serveur Web
• Le traitement des données côté serveur : PHP, JSP, ASP
• La différence entre les requêtes GET et POST
• L’intégration d'un menu de navigation cohérent dans toutes les pages
• La lecture et l’écriture de cookies

Le traitement des données avec des formulaires de saisie

• La saisie des données utilisateurs à l’aide d’un formulaire HTML
• L’ajout de zones de saisie texte, cases, boutons radio, listes de sélections d’un formulaire
• La configuration d'un formulaire pour qu'il fasse appel à un programme côté serveur lors de son envoi
• Le traitement des données recueillies par un formulaire à l’aide du langage PHP

Les bases de données relationnelles et le Web

• La définition d'une base de données
• La description des enregistrements d'une base de données
• Utilisation de SQL pour manipuler la base

Comment connecter une page web et une base de données

• Création de pages web pour insérer, supprimer et mettre à jour les enregistrements
• Insertion et récupération des données à l’aide du langage PHP
• Intégration de requêtes dans des programmes côté serveur

Dynamiser et enrichir un site avec JavaScript

• Les principes généraux du langage JavaScript
• L’intégration de JavaScript s'exécutant dans les navigateurs Web

Création de pages web interactives avec l'HTML dynamique (DHTML)

• Combiner JavaScript avec des feuilles de style en cascade (CSS)
• La compatibilité avec plusieurs navigateurs
• Le positionnement dynamique de contenu dans une page
• Comment afficher et masquer le contenu d'une page
• La création d'images avec effet rollover en DHTML

Ajout d'éléments multimédias

• L’intégration d'animations et de vidéos dans des pages Web
• Insérer et utiliser les plug-ins les plus fréquents