Archives pour septembre, 2006
Etape 1 : analyse de la maquette
Il s’agit ici de s’organiser !
Tout d’abord, téléchargez la maquette du site “Ratatouille & compagnie” et les éléments de découpe .
Le site “Ratatouille & compagnie” va nous servir de “cobaye” tout au long de cette formation.
Une fois la maquette téléchargée, vous devez l’analyser afin de concevoir la meilleure découpe possible.
Cette découpe vise à […]
Etape 2 : structuration de la page
Durant cette seconde étape, nous allons concevoir la structure XHTML de la page d’accueil et de la page intérieure.
1. Le squelette de page HTML :
L’utilisation d’un “!DOCTYPE” est déterminant pour l’accessibilité.
En HTML 4.01 Strict, ce DOCTYPE s’écrira :
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
En XHTML 1.0 Strict :
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
NB […]
Etape 3 : structuration sémantique des contenus
La structuration sémantique des contenus se résume à utiliser les bonnes balises XHTML en fonction de la nature du contenu.
Exemple : un paragraphe utilisera la balise “P”, un titre utilisera en fonction de son importance les balises “h1″ à “h6″…
1. Les balises et ressources mises en oeuvre
Entête
Logo -> A + IMG
Accroche -> DIV de classe […]



(7 votes, note : 3.71 sur 5)
Commentaires Récents