jQuery
En savoir plus
Adobe Flex & Flash
En savoir plus
ASP.NET
En savoir plus

| Page Précédente 1 2 | |
| Pseudo | Commentaire |
|---|---|
| Page Précédente 1 2 | |
Kabefis
|
# Posté le 19/08/2007 à 04:32:16 |
miam![]()
|
Y a un lien mort vers Alsacréations juste avant "Comment la respecter?" Sinon c'est un bon p'tit tuto
|
Ejis
|
# Posté le 19/08/2007 à 16:16:53 |
B0rn 2 B @ n3rd![]()
|
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 ! |
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!!! |
Baikan
|
# Posté le 11/05/2008 à 12:45:40 |
Webmaster![]()
Études : IUT Roanne |
Merci beaucoup pour ton tuto, il est superbe!
Bankaiworld, référence Bleach v.e.r.s.i.o.n 4 |
Dreamers000
|
# Posté le 30/07/2008 à 15:53:43 |
|
Études : BTS IG Marseille |
Alalala que donner comme note à un tuto comme celui là... 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 |
mecy
|
# Posté le 28/12/2008 à 21:26:09 |
![]()
|
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! |
sangio4
|
# Posté le 29/12/2008 à 20:59:39 |
|
|
Merci, c'est toujours bon à savoir sinon, le lien que pointe "Alsacréations : Tableaux ou Div, petite compraraison." n'existe plus |
mecy
|
# Posté le 29/12/2008 à 22:08:19 |
![]()
|
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! |
souls killer
|
# Posté le 07/01/2009 à 12:34:30 |
Groupe : aigris![]() Groupe : Bannis
Ville : Chevilly-larue |
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. |
Aravis
|
# Posté le 07/01/2009 à 18:15:07 |
apt-get install Windows![]()
|
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
|
black banana
|
# Posté le 10/01/2009 à 21:35:45 |
ancien de Newbies Paradise![]()
|
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!
![]() Neverland, site pour littérateurs en quête d'impossibles. "Je suis amoureux de speedking et j'en suis fiere" Bon anniversaire |
skorpios
|
# Posté le 11/04/2009 à 13:29:13 |
![]()
É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 ).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
|
Loupinou
|
# Posté le 06/09/2010 à 11:53:20 |
![]() Avis : Très bon
Ville : Saint-marc (namur) |
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... |
damjuve
|
# Posté le 06/09/2010 à 17:59:21 |
éliminez le super flux![]()
É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étencesMaitrise : (x)HTML/CSS, PHP/MySQL, Javascript, C, C++, Java. Approfondis : Javascript, MySQL. Découvre : ASM. ProjetsC++ : 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 ..." |
Heru-Luin
|
# Posté le 27/10/2010 à 21:54:47 |
Error : a noob has posted here![]() 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 |
neoxx78
|
# Posté le 12/11/2010 à 21:31:30 |
Chiedimi se sono felice![]()
É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. Mes tutoriels : Un menu horizontal 90 % ; La sémantique XHTML 100 % |
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 ! |
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... |
neoxx78
|
# Posté le 15/11/2010 à 22:59:46 |
Chiedimi se sono felice![]()
É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 ? 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. Mes tutoriels : Un menu horizontal 90 % ; La sémantique XHTML 100 % |
WebFrogeye
|
# Posté le 16/11/2010 à 19:18:18 |
|
En construction
|
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) ![]() |
numberone24
|
# Posté le 23/11/2010 à 11:19:05 |
![]()
|
cela montre veritablement que vous maitriser votre aoutil et je vous en remercie . mais ou doit-je mettre ces information. |
Maëlan
|
# Posté le 13/08/2011 à 20:40:51 |
![]() 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 :
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 ).Ç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). 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. ![]() |
viki53
|
# Posté le 13/08/2011 à 21:54:24 |
Bitch, please![]()
Ville : 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.
|
