Aller au menu - Aller au contenu

La sémantique

Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page Précédente  1  2 
Pseudo Commentaire
Page Précédente  1  2 
Hors ligne Kabefis # Posté le 19/08/2007 à 04:32:16
miam
Avatar

Y a un lien mort vers Alsacréations juste avant "Comment la respecter?"
Sinon c'est un bon p'tit tuto ;)
Hors ligne Ejis # Posté le 19/08/2007 à 16:16:53
B0rn 2 B @ n3rd
Avatar
Flux RSS

Pourquoi avoir un complèxe sur le mot « handicapés » ? On appelle un chat un « chat », et par définition, un handicapé souffre d'une carence d'ampleur variable.

En tout cas, j'ai adoré ce tuto, qui devrait sensibiliser un peu les codeurs HTML ! ;)

Et comme il est complet, il ne reste plus qu'à mettre un beau 19 / 20 !
 
Hors ligne Jonas01 # Posté le 28/11/2007 à 23:19:58

Pas mal ce petit tuto ;)
bravo

Découvrez le manga le plus polulaire en france: Naruto, les vidéos, images, photos, jeux et autres de ce superbe manga sur notre site!!!
 
Hors ligne Baikan # Posté le 11/05/2008 à 12:45:40
Webmaster
Avatar

Études : IUT Roanne

Merci beaucoup pour ton tuto, il est superbe!

Bankaiworld, référence Bleach v.e.r.s.i.o.n 4
 
Hors ligne Dreamers000 # Posté le 30/07/2008 à 15:53:43

Études : BTS IG Marseille

Alalala que donner comme note à un tuto comme celui là... :o Bon ok la sémantique a son importance.Seulement le manque d'objectivité est dommage, le ton employé est presque:"Si vous ne respecté pas la sémantique vous êtes des bons à rien" C'est cette impression qui ressort en général dès qu'une personne commence à parler de sémantique et à critiquer ceux qui ne voient pas le mal à utilisé un tableau pour le design.
Le problème (je généralise, je ne parle pas du rédacteur du tuto) c'est la fracture que cela crée entre ceux qui apprenne par leur moyen a se dépatouillé comme ils peuvent pour faire un site potable et les autres plus pro qui ont eu une formation.
Un ptit gars de 13ans heureux qui à réussi a faire son premier site web avec un design de la mort qui tue et qui va montré son code source avec fierté "va se faire incendié" par l'autre gars, 26 ans titulaire d'une licence informatique tout ça parce qu'il aura utilisé un tableau sans bordure pour son design et donc qu'il ne respecte pas les normes dicté par les ptit gars du w3c.

En informatique tester les choses par soi même est primordiale, laissez les faire des choses qui marche même si c codé comme une grosse brute, petit à petit ils prendront plus de recul, le code sera plus net, la sémantique sera respecté.Tout le monde n'est pas amené a devenir informaticien, laissez les personnes faire des choses qui marche, car après tout c'est la seul chose qui compte vraiment non?

Le html avait ça de bien, on pouvait faire des erreurs, la page marchait ce qui été parfait pour débuter.

Ceci dit je respecte la sémantique étant donné que je veux devenir un gentil ptit informaticien et je donne une note de 14.
Un petit lien d'un gars qui pense vraiment pas pareil mais qui dit des choses intéressantes,ca doit dater d'il y a 5 ans.

W3C GO HOME
Hors ligne mecy # Posté le 28/12/2008 à 21:26:09
Avatar

Assez bon tuto d'introduction à la sémantique. Bien sûr il faut approfondir.

Un petit détail. Il me semble qu'utiliser le terme de non-voyant est plus approprié qu'aveugle.

L'art musical est trop beau pour être gaché par l'argent!
 
Hors ligne sangio4 # Posté le 29/12/2008 à 20:59:39

Merci, c'est toujours bon à savoir :p

sinon, le lien que pointe "Alsacréations : Tableaux ou Div, petite compraraison." n'existe plus
Hors ligne mecy # Posté le 29/12/2008 à 22:08:19
Avatar

Dreamers000 :

Regarde cette article qui parle de W3 go Home sur open web.

http://openweb.eu.org/

Je met le texte ici par commodité.

Citation : Openweb
Convergence
le 26/06/2008.

Il y a quelques années, un article d’ARNO (l’un des créateurs de SPIP) avait fait grand bruit dans le petit monde francophone des standards. Cet article, intitulé W3 go Home et sous-titré : c’est le HTML qu’on assassine, avait été perçu par beaucoup comme une provocation alors même qu’une multitude de développeurs prônaient le respect inconditionnel des standards du W3C.

A l’époque, ARNO avait lancé un sérieux pavé dans la mare en rédigeant un article composé de contre-arguments politiquement assez incorrects et pas toujours stupides. Il avait à coup sûr énoncé dans cet article des idées que beaucoup n’osaient pas exprimer publiquement. L’article exprimait d’une certaine manière un rejet des positions idéologiques de principe dans le domaine technique.

Avec le recul, le débat pour ou contre les standards ne fait plus vraiment sens. Il s’est passé presque cinq ans depuis la publication de "W3 go home". Notre secteur d’activité à bien changé : le respect des standards techniques et des référentiels d’accessibilité est maintenant devenu un pré-requis indispensable pour tout système de gestion de contenus qui se respecte. Entre temps, les plus farouches défenseurs des standards ont mis de l’eau dans leur vin.

Dès la publication de cet article, Tristan Nitot avait pris la défense d’ARNO, expliqué en quoi une approche extrême pouvait conduire à des rejets en bloc, et profité de ce prétexte fallacieux pour inviter l’auteur à partager une bière. Pour ma part, je me suis efforcé de démontrer dans un article ultérieur (conformité, validation et surqualité) que les approches extrêmes peuvent souvent s’avérer irréalistes voire contre-productives.

Après quelques années de confrontation à la réalité, aussi bien pour les développeurs de CMS (Systèmes de Gestion de Contenu) que pour les avocats des standards, il n’y a plus vraiment de discussion. SPIP respecte de plus en plus les standards. Quant à eux, les défenseurs des standards savent que le respect absolu des standards n’est pas un but en soi ou un objectif unique. Dans ce domaine au moins, la convergence des idées est en marche. Vous en doutez ? Retenez simplement cette dernière information :

Toute l’équipe du collectif OpenWeb a le plaisir de vous annoncer que le site OpenWeb est désormais propulsé par SPIP.

L'art musical est trop beau pour être gaché par l'argent!
 
Hors ligne souls killer # Posté le 07/01/2009 à 12:34:30
Groupe : aigris
Avatar
Groupe : Bannis
Flux RSS

Ville : Chevilly-larue
Pays : France métropolitaine
Études : Université Paris XII

Un assez bon tutoriel dans l'ensemble je trouve.

Peut être approfondir davantage sur la méthode pour rendre une page sémantique, mais même dans l'état actuel des choses, c'est déjà très bien.

Cependant, je trouve le style de rédaction choisi vraiment lourd : il y a des smileys sur presque toutes les lignes, et je trouve que tu abuses des <question>, <attention> et autres balises de ce genre. Rien ne t'empêche de choisir un style rédactionnel un peu plus rigoureux tout en gardant une athmosphène bon enfant, si c'est ce que tu souhaites. ;)

La ligne droite est le plus long chemin d'un point à un autre. — Théorème mathématique shadok.
Mon blog (un peu mort depuis quelques mois) | Twitter

Discutez en direct avec les membres du site.
 
Hors ligne Aravis # Posté le 07/01/2009 à 18:15:07
apt-get install Windows
Avatar

Citation
Un ptit gars de 13ans heureux qui à réussi a faire son premier site web avec un design de la mort qui tue et qui va montré son code source avec fierté "va se faire incendié" par l'autre gars, 26 ans titulaire d'une licence informatique tout ça parce qu'il aura utilisé un tableau sans bordure pour son design et donc qu'il ne respecte pas les normes dicté par les ptit gars du w3c.

Les professionnels ils font leur design avec des tableau :-° . Tu parles d'une référence. Ils maitrisent plus photoshop que la sémantique.

Je trouve le tuto très bien et très intéressant.

Mais j'aime pas toute ces balises <question> <information> <erreur> a chier partout. C'est moche c'est lourd et le phrase qui sont dedans sont minable et servent a rien : Il est où, le problème ? Euh dis donc, ça nous avance pas trop, tout ce charabia !

Je dis ça un peu méchamment par manque de tact mais c'est pas a prendre mal hein ;) .

Mais maintenant que je suis un peu plus au courant du problème je vais relire le code source de mes page. Mais globalement je pense assez bien respecter la sémantique.

ps : Il serait judicieux d'utiliser la balise minicode ;)

Image utilisateur
 
Hors ligne black banana # Posté le 10/01/2009 à 21:35:45
ancien de Newbies Paradise
Avatar
Flux RSS

Les gens qui en ont quelquechose à fouttre l'auront déjà fait.
Mais pourquoi tu me met cette note?

Parce que tuto es bourré de phrase entre balises, et que ces phrases ne servent à rien!
 
Hors ligne skorpios # Posté le 11/04/2009 à 13:29:13
Avatar

Études : Epitech Paris

Un tutoriel clair et trés réussi qui sensibilise au respect de la sémantique. Cependant, un point m'a échappé concernant la subtilité entre les balises acronym et abbr. On peut lire :
Citation : neoxx78
Un acronyme est un sigle que l'on prononce comme un mot ordinaire tel que ONU, UNESCO, radar, BTS, BEP, etc.

Et puis juste un dessous :
Citation : neoxx78
L'élément abbr est très similaire à acronym ; seulement abbr sert à définir une forme abrégée ; c'est-à-dire que l'on doit prononcer les lettres une à une.
Voici quand même des exemples : WWW, HTTP, SdZ (pour site du zéro :p ).

BTS et BEP ne sont-ils pas des formes abrégées puisque l'on prononce les lettres une à une ?
Le tutoriel reste cependant efficace, c'est du bon travail ^^
Hors ligne Loupinou # Posté le 06/09/2010 à 11:53:20
Avatar

Avis : Très bon

Ville : Saint-marc (namur)
Pays : Belgique

Un grand merci pour ce tuto! JE vais revoir mon code et le modifier alors ;)

Bien à vous,
Loupinou.
Mon site: Open Sports Timing - Chronométrage Open Source
A bit of motivation goes a long way...
 
Hors ligne damjuve # Posté le 06/09/2010 à 17:59:21
éliminez le super flux
Avatar

Études : Epitech Paris

J'ajouterais un avantage et c'est probablement le meilleur, lorsque je travail en CSS, j'utilise Firefox et une de ces meilleurs extension : Web Developer qui permet d'afficher énormément d'info sur le design ( les attributs de chaque balise, les cadres, enfin beaucoup de choses essayez le si vous ne connaissez pas, vous l'adopterez tout de suite ;-) ) et plus on est cohérent dans notre sémantique plus sont travail est efficace et donc plus le notre l'est aussi ;-)

Donnez systematiquement votre code, c est complique de trouver qu est ce qui ne vas pas si si non ;)

Les zeros vous ont bien aidé ? Passez votre sujet en resolu, ca nous evitera de perdre du temps a lire des postes qui n attendent plus de réponse ;)


Compétences


Maitrise : (x)HTML/CSS, PHP/MySQL, Javascript, C, C++, Java.
Approfondis : Javascript, MySQL.
Découvre : ASM.

Projets


C++ : Mon Lycée. Jeu 2D avec SFML.
Tuto : A la découverte de l'ADN.


<Deuskull>
"L'enfance et l'adolescence, c'est comme Windows, c'est simple, t'es (trop) guidé, tu ne peux rien faire et tu plantes souvent.
Etre adulte, c'est comme Linux, tu es libre ! Mais pour faire un tout petit truc, putain, qu'est-ce que t'en baves ...
La mort, c'est comme un Mac, çà existe mais personne ne s'en rend vraiment compte sauf à la fin ..."




 
Hors ligne Heru-Luin # Posté le 27/10/2010 à 21:54:47
Error : a noob has posted here
Avatar

Avis : Très bon

@atemv : acronym est là pour les acronymes -constitués d'initiales - (W3C, WWW, SNCF) alors que abbr est utilisé pour les abréviations (Rob pour Robert, bibi pour biberon etc).

Très bon tuto pour introduire la notion de sémantique chez un développeur, 18/20.

Pour ceux qui désirent un tuto qui va encore plus dans les détails : explorez cela vous-même, c'est assez agréable de parcourir toute la toile dans le seul but de chercher la sémantique parfaite pour une page de son site :)

Interface chaise-clavier défaillante.
"Si vous m'avez compris, c'est que je me suis mal exprimé." Bertrand Sébert
 
Hors ligne neoxx78 # Posté le 12/11/2010 à 21:31:30
Chiedimi se sono felice
Avatar

Études : Supoptique

C'est enfin fait, le tutoriel a subi une révision complète. J'ai corrigé les erreurs que vous aviez remarqué et réécris certains passages.

Je vous souhaite une bonne lecture ;)

Wook.fr, galeries de thèmes gratuit destinés à vos blogs tournant sous dotclear, wordpress ...
Laserwave.fr, site du club LaserWave de SupOptique - Conception de Shows Lasers pour galas et soirées étudiantes.

 
Hors ligne pl-94 # Posté le 13/11/2010 à 15:32:40

Pourquoi ne pas avoir parlé des nouvelles balises de HTML5 ? Il n'y a pas mieux pour arrêter les <div class="article"> etc.

http://www.alsacreations.com/article/l [...] uveautes.html

Mon tutoriel : http://www.siteduzero.com/tutoriel-3-2 [...] vascript.html

FLUINET : dynamisez vos sites web :)
Projet Open Source - Version 0.1 stable - Développement sur http://fluinet.1fr1.net/ - Chantiers en cours
Venez y participer !


 
Hors ligne jokoon # Posté le 14/11/2010 à 12:29:29

Études : Créajeux

Ah !
Moi qui pensait qu'on allait apprendre a coder un moteur sémantique...
Hors ligne neoxx78 # Posté le 15/11/2010 à 22:59:46
Chiedimi se sono felice
Avatar

Études : Supoptique

@ pl-94 : Pour le HTML 5 pourquoi pas mais plus tard. A vrai dire, ce tuto vise comme public ceux qui viennent de lire le tuto de M@téo21 c'est-à-dire des gens qui n'utilisent que le XHTML.

@ jokoon : Un moteur sémantique o_O ? Jamais entendu parler.

Wook.fr, galeries de thèmes gratuit destinés à vos blogs tournant sous dotclear, wordpress ...
Laserwave.fr, site du club LaserWave de SupOptique - Conception de Shows Lasers pour galas et soirées étudiantes.

 
Hors ligne WebFrogeye # Posté le 16/11/2010 à 19:18:18
En construction
Avatar

Je pense que les nouvelles balises HTML 5 et les nouveautés CSS3 auront besoin d'un tutoriel rien qu'a elles. Je m'en chargerais, quand j'aurais fini de bosser sur mon site (qui est moche comme un pou quand on regarde de près !)

EDIT: A propos de <abbr> et <acronym> , HTML enlève <acronym> (le plus long !).

EDIT 2: Ton tuto est très bien. 18/20 parce que je m'attendais pas à la fin ("Unexpected $end" comme dirait l'autre)

WebFrogeye
 
Hors ligne numberone24 # Posté le 23/11/2010 à 11:19:05
Avatar

cela montre veritablement que vous maitriser votre aoutil et je vous en remercie .
mais ou doit-je mettre ces information.
Hors ligne Maëlan # Posté le 13/08/2011 à 20:40:51
Avatar

Avis : Bon

Cours ultra important, merci donc (je ne mets pas de note, c'est une pratique ridicule) :)

Il serait bien de présenter aussi quelques nouvelles balises de HTML 5, surtout celles-ci :
  • <section> -> pour remplacer <div class="section">
  • <nav> -> pour remplacer <div id="menu">
  • <header> -> pour remplacer <div id="header">
  • <footer> -> pour remplacer <div id="footer">
  • <figure> -> pour remplacer <div class="img">
  • <article> -> pour remplacer <div class="article">

Ces balises permettent en effet de renforcer la sémantique de ses pages en remplaçant les classiques <div id="header"> & compagnie (en plus c'est plus court à écrire :p ).
Ça pourrait entrer tout simplement dans ton grand tableau, en signalant bien que c'est du HTML 5 (et en expliquant brièvement que le HTML 5 est une nouvelle version de HTML pas encore complètement supportée par les navigateurs, etc.).

Voir ici : http://www.alsacreations.com/article/l [...] uveautes.html

© Message rédigé sous la seule propriété intellectuelle de son auteur Maëlan, et protégé contre toute reproduction partielle ou totale par l’ACTA (je vous remercie).
Logo de Xubuntu

Ne pas passer la main à travers l’enclos des loups.
Ne pas nourrir les lamas.
Ne pas utiliser de flash pour photographier les poneys.
Ne pas se moquer des manchots.


Un alias bien pratique : alias Taurre='cat http://www.open-std.org/jtc1/sc22/wg14/www/docs/n1570.pdf | grep TOPIC'. À ceux qui comprendront. ;)
 
Hors ligne viki53 # Posté le 13/08/2011 à 21:54:24
Bitch, please
Avatar

Ville : Laval
Pays : France métropolitaine
Études : IUT Laval

Intéressant, ça ne fait jamais de mal de se rafraîchir les idées ! :)

Au passage, il existe un outil qui permet de vérifier (rapidement) la sémantique d'un site : http://gsnedders.html5.org/outliner/
C'est assez basique, mais ça permet de voir rapidement si la structure est correcte ou non. ;)
 
Pour accéder à cette section
Connectez-vous !
connexion_rpx