Apprendre (X)HTML/CSS, les références

[artxtra 0]

le livre de Zeldmann traduit ici : Zeldmann en FR sur Amazon. Déjà en rupture de stock : y a de la demande !

Editeur : EYROLLES -- prix non communiqué

Edited September 9, 2008 by Dadou

[thick 6]

Je dois beaucoup à Raphaël (Sibelius) qui m'a bien coaché sur un autre forum et je conseille son site http://www.alsacreations.com/

[Rosie 0]

Bien, je me permets de proposer un site donnant des "cours" de xHtml, Css, Php :

Le site du zér0.

C'est la où j'ai appris

<modérateur: correction du lien défectueux>

Edited April 16, 2005 by Loupilo

[Monique 2]

Bonjour,

Impardonnable... je n'ai pas encore ajouté le livre de Raphael (alias Sibelius) aux références incontournables citées dans ce sujet

CSS 2 - Pratique du design web

[sharnalk 0]

je voudrais savoir jai bien lu ce que vous avez ecrit. merci

mais on a beau lire et relir des tutoriel pour apprendre a confectionner une page,

on en devient pas webmaster pour autant...

il faut de la pratique (jen viens a ma question) quel editeur de texte faut t-il

utiliser pour débuter ?

(de preference un gratuit qu'on puisse utiliser sans pensé a la "date limite" lol )

[ryuran 0]

Je conseil notepad++ il est conseillé par le site du zero.

Il est pratique grâce a son systeme d'arborecense du code (+ et - comme le xml).

il est entierement gratuit.

color les code:

-php

-sql

-(x)html

-css

-javascript

-etc...

enfin pour coder y'a rien de mieux.

J'aivait essayé EditPlus mais au bout de 30 jours il nous affiche un message comme quoi on a dépasser la date limite d'utilisation mais cela ne nous empèche pas de continuer à l'utiliser.

sur ma clef USB je transporte tout le temps Wamp5 et notepad++ mes 2 outils de travails (j'utilise photoshop aussi mais lui il est pas sur ma clef)

Edited August 31, 2005 by ryuran

[maxx_psy 0]

moi je vous propose un dico des attributs css, avec exemple:

ici

en fr bien sur

voila ++

[Diwils 0]

Pour le html et le php je connais site du zéro un site très bien fait et facile d'apprendre avec

Edited November 17, 2005 by Diwils

[Free 0]

Bonjour,

Tout nouveau sur le forum, je suis tombé sur ce topic hier.

Je pense que l'altruiste est un site référence quand on souhaite apprendre correctement les bases d'un language.

laltruiste.com

Il aborde bien évidement tout ce qui touche aux normes W3C.

Attention: Ce n'est pas un site de de code source mais belle et bien des cours.

A bientot.

[nyl auster 0]

bonjour à tous, j'ai vu qu'une modératrice au début de ce thread a écrit ceci:

Dans les messages qui suivent, le Site du Zero est parfois recommandé par quelques membres.

Malgré la qualité des tutoriels, présentés sur un ton souvent humoristique qui séduit et facilite l'effort à fournir, je ne peux pas cautionner cette recommandation.

En effet, quelques erreurs de base graves déforcent complètement la valeur et l'impact de ces tutoriels (je ne parlent ici que des cours XHTML et CSS, je ne connais pas les autres). C'est dommage.

Une nouvelle version est en préparation... j'espère que je pourrai revoir cet avis.

qu'en est-il aujourd'hui?

[Zen-Spirit 0]

Salut tout le monde !

1- J'ai un petit soucis à comprendre un code Css par rapport à son fichier HTML :

Voici le site dont le modèle se trouve :

Ici, la barre de menu simple du site

En fait sur ce site, entre les rubriques du Menu, il y a des petites barres qui les sépares, mais en regardant le code HTML et le code CSS, je ne vois pas comment le webmaster définie ces petites barres afin qu'elles apparaissent.

Pouvez vous m'aidez à comprendre et à trouver dans ce code ce qui fait que ces petites barres apparaissent :

Code HTML :

<ul id="navigation">

<li id="navhome"><a href="/">Accueil</a></li>

<li id="nav1"><a href="/articles">Tous les articles</a></li>

<li id="nav2"><a href="/ressources">Ressources</a></li>

<li id="nav3"><a href="/colophon">À propos du site</a></li>

<li id="nav4"><a href="/contact">Contact</a></li>

</ul>

Code CSS :

/* ------------------------------------------

/* Navigation

/* ------------------------------------------

*/

#navigation {

width: 700px;

height: 25px;

margin: 0;

padding: 0;

padding-bottom: 15px;

list-style: none;

background: #FFF url(/pompage_v3/nav.gif) no-repeat;

}

#navigation li {

height: 25px;

margin: 0;

padding: 0;

float: left;

text-indent: -9000px;

}

#navigation a {

display: block;

height: 100%;

}

#navigation li a:link, #navigation li a:visited {

color: #FFF;

text-decoration: none;

font-variant: small-caps;

font-weight: bold;

}

#navhome {

width: 80px;

background: url(/pompage_v3/nav_home.gif) no-repeat;

}

#nav1 {

width: 142px;

background: url(/pompage_v3/nav_articles.gif) no-repeat;

}

#nav2 {

width: 101px;

background: url(/pompage_v3/nav_ressources.gif) no-repeat;

}

#nav3 {

width: 85px;

background: url(/pompage_v3/nav_aprop.gif) no-repeat;

}

#nav4 {

width: 78px;

background: url(/pompage_v3/nav_contact.gif) no-repeat;

}

2- D'autres par rapport à ce même site, le webmaster a mis dans son code HTML, au début ceci :

<div id="header">

<h1>Pompage</h1>

</div> <!-- fin #header -->

Mais à aucun moment je ne vois le titre Pompage en texte !!!

Le gros titre pompage qu'il y a sur le site en haut à droite est une image !

Merci de m'aider à comprendre, car çà me bloque dans ma progression.

Aussi, sur ce site là : ICI

Dans la partie du cours sur Display : je n'arrive pas à avoir le mêe résulatat que le webmaster à mis comme résultat final :

Donc voici ce que je mets dans mon code HTML :

<!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Strict//EN" &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd">

<html xmlns=&quot;http://www.w3.org/1999/xhtml" xml:lang="fr">

<head>

<title>essai3</title>

<meta httpequiv="ContentType" content="text/html; charset=iso88591"/>

<meta name="Description" content="blabla">

<link rel="stylesheet" media="screen" type="text/css" title="essai3.css" href="essai3.css" />

<link rel="shortcut icon" href="favicon.ico" >

</head> <! Fin de la balise Head >

<body> <! Début de la balise Body >

<div id="display">

<p>

<a href=&quot;http://www.w3.org/">Le site du W3C</a>

<a href=&quot;http://www.w3.org/TR/CSS21/">Recommandations CSS2</a>

<a href=&quot;http://www.w3.org/Style/CSS/current-work#CSS3">Recommandations CSS3</a>

</p>

<hr />

<ul>

<li><a href=&quot;http://www.w3.org/">Le site du W3C</a></li>

<li><a href=&quot;http://www.w3.org/TR/CSS21/">Recommandations CSS2</a></li>

<li><a href=&quot;http://www.w3.org/Style/CSS/current-work#CSS3">Recommandations CSS3</a></li>

</ul>

</div>

</body>

</html>

Et dans mon code CSS :

#display p.block a {

display:block;

width:180px;

border:1px solid #E8E8E8;

padding:3px 10px;

background-color: #DCDCDC;

}

#display li {

display:inline;

background:url(nav.png) no-repeat 0 50%;

padding-left:10px;

}

Merci !

Edited April 27, 2007 by Zen-Spirit

[Valtiel 2]

Bonjour à tous,

Je déterre ce sujet dans le but de demander une petite mise à jour des "références" pour apprendre comme il se doit l'(X)HTML/CSS car le sujet date de 2004 et je pense que depuis, ça a du pas mal changer.

Pour ma part, j'ai commencé à apprendre via "le site du zéro" après je sais qu'il existe "developpez" et "openweb", confirmez-vous qu'il s'agit toujours des sites références en la matière ?

Idem, j'ai lu qu'il existait un livre "biblique" mais en anglais, de Jeffrey Zeldman intitulé "Designing with Web Standards", existe-t-il un livre en français qui égale ce dernier ?

Merci d'avance pour vos réponses

[HWS 0]

Personnellement j'avais appris avec le site du zéro également il y a 4-5 ans. Je ne sais pas si leur tutoriel a été mis à jour depuis. Je pense qu'il est important de prendre plusieurs sources pour faire "sa propre synthèse".

Pour le php, je pense que le site du zero est une très bonne source puisqu'ils viennent de publier leur tutoriel en livre.

Edited August 25, 2010 by olitax
Vous n'êtes pas obligé de citer le message précédant, nous venons de le lire.

[forum-android-worshiprom 0]

Il est sympas ton lien Mado, merci beaucoup, sa va me faire un peu de lecture dommage que c'est en anglais mais bon je ferai avec

[Nullette 3]

Il est encore d'actualité ?

[khalid-ref 0]

Il y a 3 meilleurs site pour HTML/CSS

Openclassrooms

developpez.net

w3school

[raylandz 0]

Salut ! merci bien pour le conseil !!

[Loic214 0]

Je sui débutant avec le HTML5 , est ce que quelqu'un a un bon tuto aussi svp Merci