[Monique]

Bonjour,

Voilà un lien intéressant déniché par ElMoustiko, épinglé par Sibelius dans ce billet Arrêtez d'enseigner le HTML en classe ! (et aussitôt signalé par Thunderbird via mon compte RSS ).

Si on peut lui reprocher la (trop) traditionnelle confusion entre HTML et XHTML, l'auteur a le grand mérite de donner un solide coup de pied à l'immobilisme souvent rencontré dans bien des milieux professionnels.

Je vous recommande d'ailleurs de vous attarder sur le site (plus spécialement sa rubrique TICE & SPIP), Biotechno pour les profs, qui recommande

Citation

Avant toute navigation sur ce site...
Je vous conseille de bien lire l’article "Biotechno pour les profs" aime Mozilla Firefox qui vous permettra de naviguer en toute sérénité sur le site de "Biotechno pour les profs".

<edit>
J'ai compris la raison de l'apparente confusion entre HTML et XHTML en lisant ces propos de l'un des auteurs de Biotechno :

Citation

Donc, de manière générale, si l’on conseille du HTML à quelqu’un, il ne trouvera pas de conseils judicieux sur l’utilisation des CSS. Alors que si on lui conseille du XHTML l’explication de l’utilité des CSS est imparable.

J'ai souvent été confrontée à ce problème dans mes fonctions d'éditrice pour Dmoz notamment
Et au début de cette discussion, je disais

Citation

Je voudrais d'abord attirer ton attention sur le danger d'une recherche de site personnelle via un moteur de recherche - du moins pour un débutant.
Certains sites, très bons lors de leur mise en ligne, n'ont pas évolué. Ils sont donc à éviter pour un débutant qui n'est forcément pas à même de séparer ce qui est toujours valable de ce qui ne l'est plus... sous peine d'apprendre le HTML comme au siècle dernier 

Ce message a été modifié par Monique - 20 octobre 2004 - 20:43.

[Selsogel]

Je suis tout nouveau par ici. J'espère que je choisis le bon endroit pour poser mes quelques questions :
Je viens de découvrir il y a quelques jours les CSS. Je lis le maximum d’informations sur le sujet sur le net. J’ai compris les principes. Je me pose cependant quelques questions et je ne trouve pas les réponses.
Je pense utiliser Nvu pour gérer mon site ? Que faut-il en penser ?
Une fois la feuille CSS définie :
Comment démarrer devant sa page blanche ?
Taper son texte au kilomètre, insérer ses images... Et ensuite s’occuper d’appliquer les styles ?
Faut-il se faire une page modèle ?
Quelle méthode utiliser pour transformer complètement un site (être productif) ?

Merci de m’aider à trouver ses réponses.

[Monique]

Bonjour,

Même quand on envisage l'utilisation d'un logiciel WYSIWYG, il est bon de comprendre ce que fait le logiciel, d'autant plus qu'il s'avère vite indispensable de devoir parfois intervenir directement dans le code.

Pour un bon démarrage, deux pages débutants indispensables :
- Ecrire une page Web
- CSS débutant

Nvu est effectivement un éditeur WYSIWYG à recommander. Il est en constante évolution, son auteur, Daniel Glazman, y travaille d'arrache pied
Sur cette page tu trouveras des liens très utiles dont un tutoriel en français actualisé à chaque nouvelle version de Nvu (N|VU : ZE|N TUTORIEL) et un diaporama (GÉRER UN SITE AVEC NVU 0.41). Tu y trouveras réponse à tes questions sur la manière d'aborder ta première page.

Si tu veux approfondir un peu tes connaissances, va faire un tour dans le Top Sites du Hub... les sites qui y figurent sont tous de qualité.

Bon courage

[Selsogel]

Merci pour toutes les infos. A bientôt

[pandrekano]

Merci beaucoup Hellway pour ton tutorial excellent !

pandrekano

[artxtra]

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é

Ce message a été modifié par Dadou - 09 septembre 2008 - 21:16.

[thick]

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]

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>

Ce message a été modifié par Loupilo - 16 avril 2005 - 13:58.

[Monique]

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]

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]

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)

Ce message a été modifié par ryuran - 31 août 2005 - 09:47.

[maxx_psy]

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

ici

en fr bien sur

voila ++

[Diwils]

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

Ce message a été modifié par Diwils - 17 novembre 2005 - 21:22.

[Free]

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]

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

Monique, le lundi 19 avril 2004, 14h41, dit :

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.[/color]

qu'en est-il aujourd'hui?

[Zen-Spirit]

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 :

Citation

<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 :

Citation

/* ------------------------------------------
/* 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 :

Citation

<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 :

Citation

<!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" xml:lang="fr">
<head>
<title>essai3</title>
<meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1"/>
<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="http://www.w3.org/">Le site du W3C</a>
<a href="http://www.w3.org/TR/CSS21/">Recommandations CSS2</a>
<a href="http://www.w3.org/Style/CSS/current-work#CSS3">Recommandations CSS3</a>
</p>
<hr />
<ul>
<li><a href="http://www.w3.org/">Le site du W3C</a></li>
<li><a href="http://www.w3.org/TR/CSS21/">Recommandations CSS2</a></li>
<li><a href="http://www.w3.org/Style/CSS/current-work#CSS3">Recommandations CSS3</a></li>
</ul>
</div>

</body>

</html>

Et dans mon code CSS :

Citation

#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 !

Ce message a été modifié par Zen-Spirit - 27 avril 2007 - 23:35.

[Valtiel]

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]

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.

Ce message a été modifié par olitax - 25 août 2010 - 23:31.
Raison de l'édition : Vous n'êtes pas obligé de citer le message précédant, nous venons de le lire.