OVH Cloud OVH Cloud

Comment apprendre les CSS et le XHTML

32 réponses
Avatar
voirSignature
Ayant basculé d'un des logiciels usine à gaz, très cher à l'achat, et
qui nécessite une courbe d'apprentissage élevé, vers la création à la
main de mon site web avec les CSS, je vous ai fait un tutoriel pour vous
convaincre de la facilité d'apprentissage des css.

En fait, j'ai passé moins de temps à apprendre les CSS et le XHTML,
qu'à comprendre le logiciel usine à gaz.

Mon tutoriel est fait pour tous ceux qui n'ont jamais vu une ligne de
HTML de leur vie, et veulent en deux pages se rendre compte.

Le tutoriel est en home page de mon site http://www.legallou.com/ avec
celui de Pages et Ragtime.

Le tutoriel inclut aussi la liste des sites de référence qui m'ont
permis d'apprendre les CSS.

En espérant que cela puisse vous être utile, sinon désolé pour le
dérangement.

Alain Le Gallou
Email : alain4

http://www.legallou.com/

10 réponses

1 2 3 4
Avatar
Jacques Perrocheau
In article <447435fb$0$20140$,
"Alain Mest" wrote:

Et puis, autre problème, il y a les tableaux (table), encore utilisés
par un grand nombre de sites (dont les miens ;o)), et qui n'ont plus
lieu d'exister avec les CSS.
<http://css.alsacreations.com/Bases-et-indispensables/Comprendre-le-positionnem
ent-des-balises-en-CSS>


Un peu beaucoup d'erreurs pour moi ;-(. Certes il ne revendique aucun
label...

83 erreurs pour iCab je ne compte que les erreurs HTML, pas les CSS
(iCab ne supporte pas tout CSS 2), 57 pour BBEdit 8.2.5, et 18 pour le
validator du W3C,
<http://validator.w3.org/check?uri=http%3A%2F%2Fcss.alsacreations.com%2FB
ases-et-indispensables%2FComprendre-le-positionnement-des-balises-en-CSS>


(un cauchemar pour moi ;o) c'est la partie la plus dure)


AMHA, un outil d'analyse en GUI des CSS comme "Xyle scope" 1.1.7
(shareware) facilite beaucoup la tâche, combiné avec BBEdit pour le code
HTML, sa palette et son outil de vérification, cela vaut toutes les
usines à gaz commerciales.

--
Jacques PERROCHEAU
Synthèse et Electrosynthèse Organiques, C.N.R.S. UMR 6510
Université de Rennes I, Campus de Beaulieu, F-35042 RENNES Cedex
Tel: +33 2 23 23 63 74, Fax: +33 2 23 23 63 74

Avatar
Thomas
In article (Dans l'article)
<1hfufqy.vbufizs1661rN%,
(Alain Le Gallou) wrote (écrivait) :

"Alain Mest" wrote:

Texte (p et h), image (img src) et lien hypertexte (a) : voilà, à mon
avis, les balises de base.
Parler des listes (ul) et de la balise emphase (em, que je n'utilise
pas), c'est déjà plus chaud ;-)



autant prendre de bonnes habitudes des le debut,
sans passer par de mauvaises habitudes avant "juste parce que c'est plus
facile"
http://www.egologie.net/index.php/2005/08/10/24-html-semantique-et-presen
tation-des-sites

(amha il a bien fait de ne pas mettre en plus dl et strong, pour ne pas
alourdir
(pour ol ca se discute, parce que sa semantique est quand meme tres
facile à comprendre, et ca peut etre utile, meme si d'un autre coté ca
ressemble tres tres fort à ul))


http://css.alsacreations.com/Bases-et-indispensables/
Comprendre-le-positionnement-des-balises-en-CSS

(un cauchemar pour moi ;o) c'est la partie la plus dure)


Ho, que oui, mais pas besoin de connaître les objets flottant pour faire
un site. ( Il n'y a que du texte expliquant des photos dans mon site,
que j'ai commencé en donnant des "tuyaux" technique en modélisme. Et
j'ai entre 80 et 100 personnes qui consultent chaque jour. Comme quoi,
pas besoin de son, d'images qui clignotent pour être utile).


tout à fait :-)

http://www.egologie.net/index.php/2005/07/24/12-plat-n-est-pas-platitude
http://www.egologie.net/index.php/2005/07/27/17-est-ce-bien-utile
http://www.egologie.net/index.php/2005/07/22/10-minimalisme

--
Mon CV : http://tDeContes.hd.free.fr/divers/emploi/
http://palestine-hn.org/
http://www.aapel.org/bdp/BLpas_concerne.html

"don't put your PC out of the window, put windows out of your PC"
"petit Free qui devient grand, gêne les requins blancs"


Avatar
Bernard
In article <447435fb$0$20140$, Alain Mest
wrote:


- le langage HTML, comme le disent Kurtz et Kojak, est un langage de
description de page.
Pour moi qui ne comprend rien aux langages de progammation avec leurs
variables et leurs boucles, c'est autrement plus simple !



Je ne vois pas trop la différence entre ça, «le langage de description
de page», et un document Maple ou C ou Pascal ou Java. Les «balises»
sont alors du genre

for ... do... od;
if ... then ... else ... fi

au lieu de

<body> </body

Mais peu importe, c'est limite trollesque et je m'arrête avant de me
faire chicaner :-)

Et félicitations à Alain le Gallou pour son tutoriel.

Bernard

Avatar
sebastienmarty
Bernard wrote:

In article <447435fb$0$20140$, Alain Mest
wrote:


- le langage HTML, comme le disent Kurtz et Kojak, est un langage de
description de page.
Pour moi qui ne comprend rien aux langages de progammation avec leurs
variables et leurs boucles, c'est autrement plus simple !



Je ne vois pas trop la différence entre ça, «le langage de description
de page», et un document Maple ou C ou Pascal ou Java. Les «balises»
sont alors du genre

for ... do... od;
if ... then ... else ... fi

au lieu de

<body> </body



Essaye de faire une opération arithmétique, une boucle ou un branchement
conditionnel en HTML, et tu comprendras tout de suite la différence.

--
[SbM]
<http://sebastienmarty.free.fr> - <http://tradintosh.free.fr>
<http://sbm.ordinotheque.free.fr> - <http://palmiciel.free.fr>
"If the French were really intelligent, they'd speak English" (W. Sheed)


Avatar
Alain Mest
"Alain Le Gallou" a écrit dans le message de news:
1hfufqy.vbufizs1661rN%
...
Tout le monde fait des listes dans un traitement de texte, jai pensé
qu'il était difficile de l'omettre.


Tu as raison. L'utilisation des listes n'est pas compliqué (et pour
faire un menu simple, c'est très pratique).


...
Donc, je pense qu'il te faut faire 2 parties distinctes (comme sur le
site du zero donc j'admire la qualité)


Non, car c'est refaire en moins bien le site de zero. (mon préféré).
J'ai donc pris une approche différente, par l'exemple, soit : vous
voulez faire ceci, il vous faut cette commande-ci en html et celle-là
dans le css. (Un peu comme une antisèche).
...


Ok. Là, c'est toi qui vois :-)


...
(notons que ces &@§@ de table rendent bien difficile la lecture).



Ben oui :(
Deux solutions :
- taper son code en l'aérant pour distinguer les lignes (comme tu le
fais),
- utiliser un éditeur HTML qui va indenter correctement le code.


...
... pas besoin de connaître les objets flottant pour faire
un site. ( Il n'y a que du texte expliquant des photos dans mon site,
que j'ai commencé en donnant des "tuyaux" technique en modélisme. Et
j'ai entre 80 et 100 personnes qui consultent chaque jour. Comme quoi,
pas besoin de son, d'images qui clignotent pour être utile).



Le fond est plus important que la forme, c'est sûr.



Enfin, tout ça à mon avis :-)


Je le partage, mais, encore, mon but, n'était pas de refaire en moins
bien le site du zéro. Mais, de donner en deux pages, donc lecture
rapide, le goût de si mettre.

Je vais réfléchir à expliciter mieux mon but dans mon texte.



C'était uniquement le but de mon post :-)


--
Alain Mest : http://www.aidewindows.net
EFG : http://efg.aidemac.net


Avatar
voirSignature
Bernard wrote:

Je ne vois pas trop la différence entre ça, «le langage de description
de page», et un document Maple ou C ou Pascal ou Java. Les «balises»
sont alors du genre

for ... do... od;
if ... then ... else ... fi

au lieu de

<body> </body



if ... then ... else est pour moi beaucoup plus lisible que <body>
</body>
C'est tout ce que je voulais dire dans mon introduction.


Mais peu importe, c'est limite trollesque et je m'arrête avant de me
faire chicaner :-)


Je propose, moi aussi, que l'on en reste là sur la discussion de
comparaison des langages.

Restons plutôt centré sur l'objectif : Comment en un mini-tutoriel
donner l'envie aux lecteurs de faire lui-même son site en CSS & XHTML
plutôt que d'acheter une usine à gaz.

je pense que je dois le compléter avec un exemple de comment créer une
image et un lien, et probablement pas plus.

Et revoir un peu la dialectique pour du plus abordable encore.

Alain Le Gallou
Email : alain4

Avatar
Gérald Niel
Le Mardi 23 mai 2006 à 06:43 UTC, Alain Le Gallou écrivait sur
fr.comp.os.mac-os.x :

Ayant basculé d'un des logiciels usine à gaz, très cher à l'achat, et
qui nécessite une courbe d'apprentissage élevé, vers la création à la
main de mon site web avec les CSS, je vous ai fait un tutoriel pour vous
convaincre de la facilité d'apprentissage des css.


C'est gentil, mais le rapport avec Mac OS X ?

Le tutoriel est en home page de mon site http://www.legallou.com/

Le tutoriel inclut aussi la liste des sites de référence qui m'ont
permis d'apprendre les CSS.


Je redirige donc vers fr.comp.infosystemes.www.auteurs au cas où ils
aient des remarques à faire par là bas.

@+
--
Quelqu'un aurait-il une solution pour réinitialiser un MBR
Si tu veux qu'il soit complètement blanc (pas souhaitable, à mon avis) :

dd if=/dev/zero of=/dev/hda bsQ2k count=1 (sous Linux)
-+- OT in Guide du linuxien (très) pervers - "Pour les K difficiles" -+-

Avatar
francois.jacquemin
jean-marc Mannucci wrote:

Bon, faut quand même êre honnête : c'est pour ce genre de truc que
Javascritte vole au secours de HTML, quand même.
;-)


PHP peut-être, mais JavaScript ? Tu vas confier à la machine du visiteur
le soin de faire le calcul qui va s'aficher dans le compteur ?
--
F. Jacquemin

Avatar
sebastienmarty
François Jacquemin wrote:

jean-marc Mannucci wrote:

Bon, faut quand même êre honnête : c'est pour ce genre de truc que
Javascritte vole au secours de HTML, quand même.
;-)


PHP peut-être, mais JavaScript ? Tu vas confier à la machine du visiteur
le soin de faire le calcul qui va s'aficher dans le compteur ?


Pas mieux. Et puis très honnêtement, j'ai jamais rien entravé à
Javascript, alors que PHP, si t'as fait un chouille de C avant (ou
autre), ça roule tout seul.

--
[SbM]
<http://sebastienmarty.free.fr> - <http://tradintosh.free.fr>
<http://sbm.ordinotheque.free.fr> - <http://palmiciel.free.fr>
"If the French were really intelligent, they'd speak English" (W. Sheed)


Avatar
loiseauthierry
François Jacquemin wrote:

jean-marc Mannucci wrote:

Bon, faut quand même êre honnête : c'est pour ce genre de truc que
Javascritte vole au secours de HTML, quand même.
;-)


PHP peut-être, mais JavaScript ? Tu vas confier à la machine du visiteur
le soin de faire le calcul qui va s'aficher dans le compteur ?


HTML et JavaScript sont client-side, pas PHP. Pour le compteur, rien
n'est dit qu'il ait pour but d'être affiché ?!

Thierry
--
* * __*__ *
* * * -----oOOo---°O°---oOOo------- * *
http://astrophoto.free.fr *
* * -------- oOOo oOOo --------- *


1 2 3 4