Initiation à l’intégration XHTML/CSS - séance 6 & 7
déc
11
2009
Sixième et septième séance de cours, dans le cadre de la formation proposée aux étudiants SRC Hunan, dispensée par l’IUT Michel de Montaigne, Bordeaux III.
Cette séance a pour objectif de présenter le processus d’intégration web au travers de la découpe et du montage d’une page web simple.
Les outils
Nous utiliserons ici 2 types de logiciel:
- un éditeur de code HTML (notepad, dreamweaver,…)
- un logiciel de traitement d’images (Photoshop, Gimp,…)
Les sources et éléments fournis
Lors de l’intégration, l’intégrateur dispose des éléments suivants :
- la charte graphique élaborée par l’infographiste
- l’arborescence et les spécifications détaillées rédigées par le chef de projet
- le contenu fourni par le client
L’intégrateur prépare alors son dossier de travail qui est composé des éléments suivants :
- hotel_hunan
- site (contient le site à construire)
- index.html : page contenant les éléments de base (head, body) sans contenu,
- répertoire “images” : qui contiendra toutes les images constituant le site
- sources
- accueil.psd : document qui servira pour découper les pages et créé par l’infographiste
- images : toutes les images de sources réunies par l’infographiste
- site (contient le site à construire)
L’intégration de la page d’accueil
Nous allons pas à pas intégrer la page d’accueil, il faut pour se faire ouvrir le document web avec un éditeur de code et le fichier PSD avec un logiciel de traitement d’images.