Ce stage vous apprendra à créer un site Web depuis la livraison d'un fichier Photoshop PSD jusqu'à la construction de sa structure et de ses pages modèles côté client. Vous concevrez le site en utilisant les standards HTML/CSS et l'agrémenterez de fonctionnalités issues de la bibliothèque JavaScript jQuery.
Exercice
Edition du fichier PSD fourni. Exploration des calques. Réalisation du zoning. Détermination du nombre de modèles de pages.
Exercice
Organisation de la découpe. Réalisation de la découpe dans Photoshop. Optimisation des images.
Exercice
Construction de la structure HTML du site en fonction du zoning effectué précédemment. Découverte du validateur WC3.
Exercice
Construction de la feuille de style externe du site. Découverte ou rappel de la syntaxe CSS : les sélecteurs et les propriétés. Inspection du code CSS avec Firebug ou Chrome. CSS et le menu du site.
Exercice
Aperçu de la page dans différents navigateurs. Correction du code. Mise en pratique des conventions d'écriture CSS. Découverte du validateur CSS. Construction d'une feuille de style pour IE.