p. 1

n i c mathieu nebra olaschu § § réussir son avec site web préface de laurent denis xhtml et css

[close]

p. 2

réussir son avec xhtml et css site web

[close]

p. 3

collection « accès libre » pour que l informatique soit un outil pas un ennemi pgp gpg assurer la confidentialité de son courrier électronique m lucas n°12001 2006 248 p monter son serveur de mails sous linux m bÄck et al adapté par p tonnerre n°11931 2006 360 p débuter sous linux avec mandriva s blondeel d cartron j risi n°11689 2006 530 p avec cd-rom ubuntu la distribution linux facile à utiliser l dricot et al n°11608 2006 340 p avec cd-rom gimp 2 efficace c gemy n°11666 2005 360 p avec cd-rom openoffice.org 2 efficace s gautier c hardy f labbe m pinquier n°11638 2006 420 p avec cd-rom réussir un site web d association avec des outils libres a l quatravaux et d quatravaux n°12000 2006 348 p à paraître réussir un projet de site web 4e édition n chu n°11974 2006 230 p home cinéma et musique sur un pc linux v fabre n°11402 2004 200 p collection « poche accès libre » gimp 2.2 débuter en retouche photo et graphisme libre d robert n°11670 2006 296 p openoffice.org 2 calc s gautier avec la contribution de j m thomas n°11667 2006 220 p openoffice.org 2 writer s gautier avec la contribution de g veyssiere n°11668 2005 248 p premiers pas en css et html guide pour les débutants f draillard n°12011 2006 232 p mozilla thunderbird le mail sûr et sans spam d garance a l et d quatravaux n°11609 2005 320 p avec cd-rom firefox un navigateur web sûr et rapide t trubacz préface de t nitot n°11604 2005 250 p spip 1.8 m m maudet a l et d quatravaux n°11605 2005 376 p collection « connectez-moi » partage et publication quel mode d emploi pour ces nouveaux usages de l internet les podcasts Écouter s abonner et créer f dumesnil n°11724 2006 168 p créer son blog en 5 minutes c bechet n°11730 2006 132 p wikipédia comprendre et participer s blondeel n°11941 2006 168 p peer-to-peer comprendre et utiliser f le fessant n°11731 2006 168 p et chez le même éditeur debian gnu/linux 2e édition ­ r hertzog ­ n°11639 2005 environ 320 p sécuriser un réseau linux 2e édition ­ b boutherin b delaunay ­ n°11445 2004 200 p bsd 2e édition ­ e dreyfus ­ n°11463 2004 300 pages mémento firefox et thunderbird ­ m grey ­ n°11780 2006 14 p css 2 pratique du design web ­ r goetter ­ n°11570 2005 324 p design web utiliser les standards ­ j zeldman ­ n°11548 2005 440 p xul ­ j protzenko b picaud ­ n°11675 2005 320 p spip 1.8 ­ v caron y forgerit et al ­ n°11428 2005 450 p typo3 ­ w altmann et al ­ n°11781 2006 532 p programmation python t ziade ­ n°11677 2006 530 p ruby on rails ­ d thomas et al ­ n°11746 2006 590 p.

[close]

p. 4

mathieu nebra réussir son avec xhtml et css 2e tirage 2007 site web

[close]

p. 5

Éditions eyrolles 61 bd saint-germain 75240 paris cedex 05 www.editions-eyrolles.com dessins d ouverture des chapitres © romain malbruny alias yash le code de la propriété intellectuelle du 1er juillet 1992 interdit en effet expressément la photocopie à usage collectif sans autorisation des ayants droit or cette pratique s est généralisée notamment dans les établissements d enseignement provoquant une baisse brutale des achats de livres au point que la possibilité même pour les auteurs de créer des oeuvres nouvelles et de les faire éditer correctement est aujourd hui menacée en application de la loi du 11 mars 1957 il est interdit de reproduire intégralement ou partiellement le présent ouvrage sur quelque support que ce soit sans autorisation de l éditeur ou du centre français d exploitation du droit de copie 20 rue des grands-augustins 75006 paris © groupe eyrolles 2007 isbn 2-212-11948-8 isbn 13 978-2-212-11948-0

[close]

p. 6

dépôt légal février 2007 n° d éditeur 7424 imprimé en france

[close]

p. 7

[close]

p. 8

préface internet et le web se démocratisent et pénètrent notre quotidien créent de nouveaux besoins et deviennent de formidables supports d échange et de communication où chacun peut s exprimer réaliser son site web pour son plaisir pour ses besoins professionnels pour partager une passion pour défendre une cause ou pour toute autre motivation aujourd hui combien de sites sur le web sont-ils des sites personnels combien de professionnels ont-ils commencé en parfaits débutants par un site « amateur » À force de naviguer sur la toile peut-être avez-vous envie de franchir le pas et de créer votre propre site ou peut-être avezvous déjà une page personnelle et vous souhaitez dépasser cette première étape ou peut-être encore utilisez-vous déjà un outil de publication et vous voudriez à présent acquérir une meilleure maîtrise de vos pages dans ce cas peut-être vous êtes-vous déjà demandé par exemple · oui mais par où commencer · que faut-il apprendre · j ai déjà regardé du code ça semble trop compliqué · vous savez moi et la technique ça fait deux · je n ai jamais eu le temps de me plonger là-dedans si vous entrez dans l une ou l autre de ces catégories voici un livre qui répondra à vos attentes pour tout dire c est le livre que j aurais aimé avoir entre les mains il y a une douzaine d années quand j ai découvert le web et que j ai fait mes premières armes de créateur de site et je dois l avouer devenu un professionnel et ayant depuis souvent publié moimême sur les techniques modernes de conception de sites c est aussi un peu celui que j aurais aimé écrire si j avais été suffisamment disponible et pédagogue © groupe eyrolles 2005

[close]

p. 9

accès libre réussir son site web avec xhtml et css mathieu nebra comble enfin ce vieux fossé entre la confusion qu entraînent de très nombreuses « initiations aux pages web » existantes plus ou moins simples ou complètes quand elles ne sont pas foncièrement erronées ou tout simplement dépassées et les publications de qualité plus « poussées » mais s adressant à un public averti bien sûr il existe aussi depuis longtemps des « solutions » pour ne pas avoir à mettre le nez dans la technique et le code des sites web en s en remettant à des logiciels qui vont « coder » à votre place à la manière d un traitement de texte ce n est résolument pas la voie suivie ici et avec raison pour maîtriser un site de qualité il faut en effet constamment faire des choix techniques pour lesquels ces outils peuvent être une aide précieuse mais uniquement une aide qui ne remplacera pas votre propre compétence en effet ces logiciels ne savent pas encore prendre à notre place des décisions pertinentes quand celles-ci affectent la signification de notre contenu web sa « sémantique » selon le terme consacré en outre ces solutions tout comme les « pages personnelles » offertes par les fournisseurs d accès internet brident souvent la liberté du créateur et si vous avez décidé de faire un site web vous avez certainement envie de pouvoir vous y exprimer à votre guise faire un site c est donc devoir soulever le capot s intéresser au moteur et mettre les mains dans le cambouis mais il faut pouvoir se former à ces pratiques on ne s improvise pas mécanicien en un jour alors apprendre à « coder » oui mais dans quels formats selon quelles règles que ne faut-il surtout pas manquer pour créer des pages robustes accessibles faciles à maintenir et à faire évoluer des pages qui passent dans tous les navigateurs qui soient une base aux ambitions certes mesurées et raisonnables mais déjà solide et qui permettraient par la suite d aller plus loin pour en faire un site dynamique plus interactif ou plus accessible pour qui veut se lancer dans l aventure il manquait une présentation pas à pas pédagogique et simple des moyens de faire un site moderne une présentation soucieuse de qualité et de rigueur et qui ne tombe pas dans les solutions de facilité pour que vous ne partiez pas au hasard que vous ne vous perdiez pas en chemin ou pour ne pas faire maintenant des choix que vous pourriez regretter demain parce que vos pages web n aboutiraient finalement pas au résultat escompté pour réussir un site il faut en effet respecter une certaine démarche choisir et maîtriser des techniques vous trouverez ici les bases de deux d entre elles les deux techniques essentielles aujourd hui xhtml et css mais ne rêvez pas vous allez devoir travailler ces deux formats sont en effet parfois déroutants leur utilisation n est pas similaire à ce que vous faites lorsque vous créez des documents pour d autres supports viii © groupe eyrolles 2005

[close]

p. 10

et notamment pour un imprimé la règle fondamentale du web la « séparation du contenu et de la présentation » qui sert de fil conducteur au plan de ce livre vous permettra d acquérir immédiatement les bonnes habitudes de codage de votre site vous suivrez ce chemin avec tout ce qu il vous faut entre les mains à partir de l aventure du site du zéro mathieu nebra a réussi un tour de force « nous ne voulons perdre personne en route » annonce-t-il d entrée de jeu et il y parviendra certainement en préférant la métaphore et l image aux explications absconses et la démonstration par la pratique aux longs prologues théoriques sans y perdre pour autant en rigueur vous commencerez par le fond et la structure de votre site avant de vous occuper de sa présentation et de sa décoration les qcm vous permettront de vérifier à chaque étape si vous avez tout saisi grâce aux annexes vous approfondirez ces problématiques bien connues des webmasters consciencieux laissez-vous guider pas à pas et une fois la technique acquise vous pourrez vous préoccuper de l essentiel c est-à-dire du contenu que vous allez y mettre car c est bien la seule chose qu aucun outil ou format ne pourra faire à votre place laurent denis consultant temesis qualité conformité et accessibilité des sites web http www.temesis.com http www.blog-and-blues.org © groupe eyrolles 2005 ix préface

[close]

p. 11

[close]

p. 12

avant-propos « ce qui se conçoit bien s énonce clairement » « et les mots pour le dire arrivent aisément » nicolas boileau c est une situation typique à tel point qu elle en deviendrait presque banale aujourd hui encore votre ordinateur a décidé de vous montrer qui est le chef rien à faire la machine refuse de vous obéir ni une ni deux vous décrochez le téléphone avec une aisance que seule l expérience permet d acquérir vous composez le numéro de téléphone du cousin robert lequel cousin est un passionné d informatique toujours prêt à aider son prochain celui-ci comme à son habitude ne tarde pas à répondre « oui alors c est simple tu dois d abord faire un reset du cmos de la carte mère puis revérifier les branchements de toutes tes nappes ide sur les périphériques internes ensuite il faut que tu décales le jumper de ton disque dur maître pour le passer en esclave sauf bien sûr si ton disque est branché en serial-ata auquel ca » et là vous découvrez avec stupeur que le cousin robert sait aussi parler le grec ancien c est malheureusement vrai bien trop souvent dépité vous abandonnerez faute d avoir un interlocuteur qui parle la même langue que vous pourtant vous aimeriez savoir faire vous êtes plein de bonne volonté en réalité vous faites juste face à un problème vieux comme le monde vous n avez pas de traducteur © groupe eyrolles 2005

[close]

p. 13

accès libre réussir son site web avec xhtml et css un livre pensé pour être compris par tous niveau requis zéro créer un site web c est le nouveau défi que vous vous êtes lancé vous êtes prêt vous êtes motivé mais vous ne savez pas par où commencer après mûre réflexion vous mettez de côté l idée de demander des conseils au cousin robert c est là que cet ouvrage intervient nous commencerons par le commencement nous ferons le chemin ensemble et nous terminerons ensemble nous ne voulons perdre personne en route et nous allons tout mettre en oeuvre pour y parvenir nous supposerons que vous n y connaissez rien aucune connaissance préalable ne sera donc requise pour comprendre cet ouvrage enfin si vous savez allumer votre ordinateur c est quand même un plus plan de route nous allons suivre un cheminement précis pour arriver à créer notre site web si vous débutez et il y a de fortes chances que ce soit le cas nous vous conseillons de parcourir les chapitres de ce livre dans l ordre 1 nous commencerons par voir ce qu est un site web concrètement et de quels outils on a besoin pour en créer un chapitre 1 2 nous nous lancerons ensuite sans plus tarder dans la création de notre première page web chapitre 2 et nous apprendrons à rédiger le contenu de cette page chapitre 3 3 nous verrons alors comment créer des liens entre les pages car c est le fondement même du web chapitre 4 et comment insérer des images dans ces pages chapitre 5 4 puis nous passerons à la décoration grâce au langage css qui égayera notre site resté jusque-là un peu tristounet chapitres 6 à 8 5 nous nous intéresserons ensuite à la création d éléments un peu plus complexes je n ai pas dit compliqués que sont les listes tableaux et formulaires chapitres 9 à 11 6 nous aborderons le sujet très important de la mise en page chapitre 12 lequel sera suivi par une séance de travaux pratiques concrète la création d un site de a à z chapitre 13 7 votre site sera alors fin prêt vous n aurez plus qu à l envoyer sur le web chapitre 14 et à le faire connaître au monde entier grâce au référencement auprès des moteurs de recherche chapitre 15 À vous alors la gloire l argent et la célébrité xii © groupe eyrolles 2005

[close]

p. 14

remerciements il y a des personnes sans qui ce livre n aurait jamais pu voir le jour d autres qui m apportent leur soutien et leurs encouragements même si je ne peux à mon grand regret parvenir à dresser une liste complète des personnes qui doivent être remerciées je souhaite rendre hommage à un maximum d entre elles · À ma famille tout d abord sans qui faut-il que je le précise je ne serais pas là À mon père tout particulièrement pour l attention qu il porte depuis longtemps à mes travaux et pour mine de rien avoir éveillé en moi l envie de publier mes écrits dans un livre · À muriel shan sei fan et toute l équipe eyrolles pour la confiance qu ils m ont accordée d abord mais aussi pour le temps passé aux relectures et corrections · À raphaël goetter webmaster du site alsacréations et collègue virtuel pour m avoir encouragé à écrire ce livre et pour m avoir mis en relation avec muriel shan sei fan il est l auteur de css 2 pratique du design web paru aux éditions eyrolles dont je ne peux que vous recommander chaudement la lecture en complément de cet ouvrage · À romain malbruny alias yash à qui vous devez les superbes illustrations au début de chacun des chapitres et la maquette de site du chapitre 13 pour le temps passé cela inclut les nuits blanches et la patience dont il a su faire preuve pour satisfaire mes exigences le monde et l art du dessin me resteront à jamais étrangers je le crains · À toute la promo 2008 de l efrei et en particulier à jimmy keime qui a su me supporter pendant 2 ans de colocation bon c était pas trop dur non · aux pas moins de 19 relecteurs tous membres de l équipe de siteduzero.com pour leur relecture efficace constructive et rapide en espérant que je n oublie personne makkhdyn rifleman ivan le fou deeder iluv javier kakashi hatake jalex kokotchy nyro xeo delphiki nainternaute pier rotoclap atlyric le_stoppeur rayman kaeihan et douceur · À tous les visiteurs du site du zéro depuis ses débuts pour leur soutien sans faille et leurs innombrables encouragements à continuer ce que je fais depuis 7 ans déjà À toute l équipe du site passée présente et future modérateurs newsers validateurs et admins pour le travail considérable qu ils effectuent chaque jour pour maintenir mon « bébé » en vie et en bonne santé une mention toute particulière aux deux fous qui ont dit « oui » quand je leur ai proposé de recoder entièrement le site karamilo et winzou 2 ans de travail acharné mais quel résultat mes amis © groupe eyrolles 2005 xiii avant-propos

[close]

p. 15

accès libre réussir son site web avec xhtml et css il y a tellement d autres personnes que j aimerais remercier ici mais faute de place il va falloir que je me limite c est dur mais je ne voudrais pas non plus fatiguer mes lecteurs avant même qu ils aient commencé à lire le premier chapitre allez bonne lecture à toutes et à tous et surtout amusez-vous bien mathieu nebra alias m@teo21 http www.siteduzero.com xiv © groupe eyrolles 2005

[close]