(Projet : Voir Page 3)
 
Il y a tout juste 1 mois je souhaitais obtenir des informations pour apprendre les standards du web. Je suis neophyte, et 1 mois plutard, après avoir potassé un bon nombre de sites web sur le W3C, XHTML, HTML1.0; 1.1, CSS etc j'ai voulu créer un projet d'exemple. Ce n'est pas seulement un appel d'aide que je demande, mais pratiquement un parrainage pour transformer mon site actuel (completement a coté de la plaque concernant ces standards) en un site respectant ces standards W3C !  
 
Comment  ?
Je demande l'aide aux programmeurs amateurs comme professionnels de HFR
 
Quel est le but à long terme ?
Me former certes, mais aussi demontrer par mon exemple que c'est tout à fait possible. Par ailleurs, je m'engagerai sur l'honneur de diffuser ces standards et d'aider sur ce forum les gens qui souhaitent s'y mettre. Je veux aussi demontrer en quoi il est important qu'un site developpé sur un code qui respecte les standards du web.
 
Les maitres mots seront motivations, apprentissage, et support. En comptant sur vous, j'aimerais arriver à terme à ce projet.
 
Que le challenge commence !
 
 
-------------------------------------
 
Bon , alors la, autant je gueulais sur les codeurs qui nous faisait chier nous les grapheux avec leur html, le code et tout ce foutoir. Mais, y a que les cons qui ne changent pas d'avis, et je me suis bien renseigné. Au bout du compte, me voilà reconverti, et j'ai envi de faire un site dans LES NORMES !  
 
Je pense en effet qu'aujourd'hui il le faut.  
 
Je prepare un nouveau site pour ma boite (et par extension, je referai le mien de la meme maniere), et j'ai commencé a le faire, mais avec des frames, des tableaux etc etc ... (et la je vous vois rougir de colère nan ?   ). Mais voila, j'ai envi de garder mon graphisme et de refaire ce site en XHTML (j'ai trouvé d'excellents site à ce sujet) et avec du CSS (en fichier externe).  
 
Ce qui me manque à l'heure actuelle c'est comment construire sans frames (je crois qu'on utilise les balises DIV), mais justement je cherche à diviser ma page avec ces balises, mais je ne sais comment ?  
 
En je veux un site en XHTML qui se compose comme ca actuellement avec un code obsolète (desolé pour l'urticaire) :
 

 
 
Je vous prierais d'être indulgent, car je ne suis absolument pas codeur, j'apprends, alors expliquez moi clairement. Je suis toutefois motivé à être au gout du jour, et a suivre vos opinions. Apprenez aux debutants et les debutans apprendront aux autres, l'effet boule de neige fera d'internet un monde merveilleux de sites conformes (qu'est ce que je suis sectaire d'un coup la lol).    
 
@+ et merci d'avance de me suivre dans cette aventure

Les frames, c'est vraiment à virer, ça fait 10 ans qu'on le dit

T'as lu ske j'ai ecrit ? ...hum ...

Je suis fatigué et c'est vendredi 16h

Le flash peut etre utilisé via la balise <object />, mais évites d'en abuser.
 
Genre là, ou flash ne sert a rien ^^'

Ah euuh, ouais sauf que moi je bannis flash lol, donc je veux un site en xhtml+css avec des images en jpg/gif/png et basta. A la limite du javascript, mais j'aimerais eviter ...
 
florentG > Revient demain me répondre alors  

 
  Jamais vu autant de frames de ma vie...    

Euuh, mais ca vous direz pas de m'aider   Au moins répondre a ma question  

j'ai pas fraiment compris où était la question.
Tu veux quoi?

• Te passer des frames?
• Etre valide d'aprés le validateur du w3c?
• Garder le même mise en page, mais tout dans le même fichier qui soit valide xhtml?

oui c'est ca : "Garder le même mise en page, mais tout dans le même fichier qui soit valide xhtml?"
 
m'expliquer la marche a suivre, ou si tu as des sites qui puissent m'expliquer, j'ai cherché, malheureusement, je n'ai pas trouvé un tuto la dessus
 
par extension, je voudrais un site valide w3c oui bien sur !  

Pour remplacer, les frames, tu peux utiliser des div.
Un div avec la propriété css float égale à left (float:left) se calera sur la gauche, le div suivant qui aura la propriété float égale à) left se mettra juste à droite de l'autre etc ...
Evidement, en fonction de ce que contient chaque zone, il faudra utiliser la balise qui va bien. Par exemple, les menus sont des listes de pages, donc on va utiliser les <ul> et les <li> le <ul> remplacant la balise div. Pour l'apparence du menu, ca se passera dans le css. Une des petites régles d'or en xhtml/css, c'est de laisser toute la gestion de l'apparence au css et de ne s'occuper que de la signification de chaque zone au niveau de l'xhtml.
 
Si la propiété float est égale à right, ca se calera sur la droite et la suivante se mettra à gauche de celui là etc.
Ca te permettra de définir tes colones.
Ensuite, si traduction de la doc sur les css2 : http://www.yoyodesign.org/doc/w3c/css2/cover.html
T'as même un liens vers les autres formats de fichiers dont le css. C'est un peu indigeste mais ca décrit tout ce qui existe dans cette norme là.
 
Pour te mettre aux normes et augementer l'accéssibilités de ton site, t'as le site http://openweb.eu.org/
 
pour l'xhtml et surtout des tutoriels en xhtml, j'ai pas de leisn sous la main. Je sais qu'il y en a pleins des liens qui trainent sur le forum.

Merci, je vais essayer de m'y mettre petit à petit. Ce qui me plairait c'est d'eviter les tableaux aussi ... j'vais essayer de trouver kkchose sur ces fameuses balises dont tu me parles et la construction de la page.  
 
Du coup une telle construction se fait dans le html ou dans le css ?

http://test.roane-irkana.net/2_cols_fluide.htm
 
Un exemple. Observe le code source, et reporte toi à openweb pour comprendre

Merci, je vais regarder tout ca prochainement  
 

les div dans le html, les styles dans le css.
Et on utuilise des classes (.maclasse dans le css) ou des identificateurs (#monid dans le css) pour dire quel effet de style s'applique à quelle balise quand plusieurs balise de même type ont droit à des styles différents.

Si t'as le courage tu peux aller voir les liens de ma signature, évite simplement MSIE (pas trop fait pour ) et oublie à quel point c'est moche.
 
Je te préviens, 9 liens sur 10 sont en anglais (mais t'as un filtre en haut à gauche normalement).
 
Demain j'essaierais de faire un topo sur la structure, ça devrait pouvoir t'aider.

J'ai lu pas mal que msie est vraiment a la masse par rapport a mozilla ... no comment sur les pratiques de grosoft une fois de plus.
 
Mozilla  

 
   
 
Firefox
 
Et je t'explique pourquoi je pense ça : Mozilla c'est tout en un, du coup c'est lourd, et t'as pas forcément besoin de tout.
 
Firefox/thunderbird on démarre l'un ou l'autre c'est plus léger.  
 
Bon après les thèmes et extensions sont valables pour tous ces logiciels, donc c'est une question de préférence personnelle

Euuh, oui, j'me suis mal exprimé, moi j'utilise firefox+thunderbird depuis pas mal de temps maintenant. Et j'suis tombé fan !

J'ai bien compris le remplacement des frames par des div.
mais la question suivante, c'est :
1/ j'ai une frame composée classiquement d'un haut (titre.htm) d'une partie gauche (menu.htm) et d'une partie droite variable.
2/ dans cette partie droite peuvent se charger au moins une 20aine de page différentes appelées bien sûr par le menu de gauche.
 
Si j'ai bien compris, il faut mettre les fameuses <div> dans chaque page. Comme il n'y a pas d'instruction <include> dans html, comment faire pour avoir le titre et la partie gauche ? les recopier dans chaque page est impossible, vu que les deux pages varient parfois.
Je n'ai vu que des solution à base de PHP ou ASP, que je ne sens pas du tout.

Tu as les SSI (server side includes), mais faut que tu sois hébergé sous apache
 
Mais une solution PHP c'est pratique aussi, tu fais les includes coté serveur comme ca

 
et si tu utilise souvent les deux, ca te fait deux gecko qui tournent au lieu d'un...

J'ai vraiment essayé de comprendre, et suivre tous vos conseils, mais je n'y arrive pas, c'est tres compliqué pour le debutant. J'ai essayé de trouver un logiciel qui fasse du xhtml et du css comme dreamweaver le ferait (mais bien lol). et je ne trouve pas.
 
Une solution a me soumettre ?  

le mieux, c'est apprendre l'(x)html/css et de n'utiliser les éditeurs que pour leur colorisation syntaxique et/ou comme aide à la completion des balises (on tape les premiéres lettres et il propose les balises correspondantes)  
En plus comme ça, tu sauras comment tes pages fonctionnent et ca te sera plus facile de les modifier.

Ben la j'ai pris notepad++ et j'essaie d'utiliser NVu aussi. Pour l'instant je n'utilise que Notepad++ pour taper le code. J'y vais vraiment à taton, car je n'ai absolument aucune connaissance, c'est vraiment pour parfaire des connaissances personnelles, a l'origine je suis designer produit, mais je fais aussi de la com' visuelle et du webdesign, mais juste l'aspect graphique ...

Ben dis faudrais faire un échange de connaissance, car pire bitouille en graphisme que moi, sa existe pas...

ben ecoute pourquoi pas ...
 
C'ets vrai que moi j'essaie de jouer les apprentis codeurs, mais un vrai codeur fera un meilleur boulot. Mais j'aimerais neanmoins apprendre    
 
J'm'acharne   Je veux comprendreuuuh  

Avec l'expérience et la galére, sa va rentrer...

J'y compte bien, j'espere que les codeurs m'aideront !  
 
Car l'air de rien, standardiser c'est bien, mais un debutant pas motivé car dreamweaver te pondra un code de merde, ca va le rebuter ... ca risque d'être chaud de standardiser comme ca ... enfin moi j'fais ca personnellement et professionnellement, mais un gars qui souhaite faire un site comme ca, il va se faire fusiller ... J'ai trouvé un excellent site justement, j'vais mettre le lien demain.

Voila le site en question : http://www.siteduzero.com/xhtml-css/
 
Il est vraiment très complet.
 
J'ai trouvé celui la aussi : http://pompage.net/pompe/cssdezero-1/  
 
Je me base principalement sur le 1er, il est tres bien fait.

Euh... mouais

Et pis le gars qui te fait écrire une page XHTML 1.1 P'tain, c'est pas avec des tuts comme ça qu'on va faire quelque chose

Olalala c'est vraiment l'horreur ce site... Faut vraiment que j'en fasse un

Perso j'aime pas du tout le design du site et je trouve que souvent le code qu'il propose est pas parfait. Parcontre il y a des bonnes idées je trouve .. Le qcm a la fin de chaque chapitre, les enregistrement de lui qui traite les fichiers ,...  
 
Faudrait juste que qqn lui dise de corriger un coup les quelques trucs qui marchent pas tiptop..

Y'a des bonnes idées, mais bon, le mec ne sait même pas ce qu'est l'encoding
 

Mouais ... je suis pas sur non plus de trouver ça rassurant

Heu les gars une question, il y a un endroit sur un site qui explique vraiment la signification de chaque encoding,
doctype...etc...
 
Quand et comment les utiliser...Merci...

 
Ben tu sais, moi je sais pas, je debute carrement, j'ai trouvé ce site il m'avait l'air d'être tres serieux.
 
Je ne parle pas du tout de l'aspect "design" qui est ma foi beurk, mais du contenu. Mais a priori c'est même pas ca !    
 
Je m'demande bien ou j'vais trouver un site aussi complet qui soit nickel moi    

C'est normal que tu voies pas les "failles" du site ... Quand on debute on est mal placés pour corriger les autres
 
 
Parcontre il y a beaucoup de liens dans la signature de masklinn ... Va regarder laba

 
Un spip, un thème perso à nous vite fait, on recrute gatsu et masklinn, voire d'autres, et on y va quoi