Embed Doc
Copy Link
Readcast
Collections

CommentGo Back

Download

Formation Pratique au Découpage CSS/XHTML1. Théorie

HTML et CSS : Standards WebAvant les CSS, le manque de contrôle graphique du HTML a conduit les graphistes àdétourner le langage, exemple: l'utilisation de tableaux et d'images transparents pourservir de grille de mise en page.Les avantages des standards :- Développement et maintenance simplifiés : les CSS peuvent être regroupées dansun fichier externe et appliquées à l'ensemble des pages HTML d'un site. Unemodification sur l'ensemble du site peut se faire par la modification d'un seul fichier.- Compatibilité avec les futurs navigateurs Web- Meilleure accessibilité- Meilleur positionnement dans les moteurs de recherche- Adaptation simplifiéeEn savoir plus :

http://developpeur.journaldunet.com/dossiers/standards-web.shtmlhttp://openweb.eu.org/articles/pourquoi_standards/http://www.cybercodeur.net/weblog/presentations/dwws/index.html

ValidationOn appelle " validation " le processus consistant à contrôler que le document obéitaux règles du langage (HTML) qu'il utilise.La validation est une étape importante du développement Web. Beaucoup d'erreursdifficiles à déceler apparaissent lors de cette phase. Celles-ci peuvent être aussitriviales qu'une faute de frappe ou, au contraire, contenir une syntaxe de balise oud'attribut invalide.

Il n'y a que des avantages à valider son HTML et sa CSS.

(X)HTML : Validateur de code (X)HTML du W3C

http://validator.w3.org/

CSS : Validateur de code CSS du W3C

http://jigsaw.w3.org/css-validator/validator-uri.html

HTML et XHTMLle XHTML est une reformulation du HTML avec une syntaxe XML : Doctype, balisesfermées, attributs entre guillemets, minuscules...Cascading Styles SheetConçues pour gérer l'aspect visuel des documents internet (HTML et XHTML servent àdécrire la structure d'un document).Le concept de feuille de styles vient de l'impression : définition de "styles"typographiques réutilisables dans un but de cohérence et de productivité. Les feuillesde styles internet ont en plus l'avantage de séparer l'aspect graphique de l'aspectdonnées dans une page HTML, ce qui a des répercussions en terme d'accessibilité,d'exploitation et d'échange de données.

Appliquer des styles CSS à une page HTMLStyles En LigneLes styles sont écrits à l'intérieur des balises HTML à l'aide de l'attribut style.En général cette méthode est à éviter car elle mélange les CSS au code HTML,présentation et données. Cependant, dans le contexte K-Sup, où la mise en page despage libres est paramétrable par l'utilisateur, elle se révèle indispensable. En effet, lalargeur des paragraphes, une caractéristique visuelle, n'est connue qu'au moment oùla page JSP est interprétée par le serveur.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="fr"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-15" /><title>Exemple</title></head><body><p style="width: 50%; color:red;">Ceci est un paragraphe moitié moins largeque la fenetre du navigateur</p></body></html>