[XHTML et CSS]Projet: Quand le neophyte apprend les standards(v Page3)

Projet: Quand le neophyte apprend les standards(v Page3) [XHTML et CSS] - HTML/CSS - Programmation

Marsh Posté le 09-09-2005 à 15:47:15    

(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 ?  :whistle: ). 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) :
 

Citation :

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="expires" content="0">
  <title>SITE</title>
 </head>
 
 
<frameset cols="*,3,800,3,*" frameborder="0" border="0" framespacing="0">  
 <frame name="gauche" noresize src="blank.htm" scrolling="NO" marginwidth="0" marginheight="0">
 <frame name="bdg" noresize src="black.htm" scrolling="NO" marginwidth="0" marginheight="0">
 <frameset rows="300,*" framborder="0" border="0" framespacing="0">
  <frame name"centreh" noresize src="banniere.htm" scrolling="NO" marginwidth="0" marginheight="0">  
  <frameset cols="100,700" frameborder="0" border="0" framespacing="0">
   <frame name="centrebasgauche" noresize src="banniere2.htm" scrolling="NO" marginwidth="0" marginheight="0">
   <frame name="centrebasdroite" noresize src="accueil.htm" scrolling="YES" marginwidth="0" marginheight="0">
  </frameset>
 </frameset>  
 <frame name="bd" noresize src="black.htm" scrolling="NO" marginwidth="0" marginheight="0">
 <frame name="droite" noresize src="blank.htm" scrolling="NO" marginwidth="0" marginheight="0">
</frameset>
 
<noframes>
</noframes>
 
</html>

 
 
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).  :lol:  
 
@+ et merci d'avance de me suivre dans cette aventure

Message cité 1 fois
Message édité par Profil supprimé le 09-10-2005 à 14:36:37
Reply

Marsh Posté le 09-09-2005 à 15:47:15   

Reply

Marsh Posté le 09-09-2005 à 15:55:13    

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

Reply

Marsh Posté le 09-09-2005 à 15:57:26    

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

Reply

Marsh Posté le 09-09-2005 à 15:57:50    

Je suis fatigué et c'est vendredi 16h :D

Reply

Marsh Posté le 09-09-2005 à 15:58:17    

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


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 09-09-2005 à 16:03:56    

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


Message édité par Profil supprimé le 09-09-2005 à 16:04:29
Reply

Marsh Posté le 09-09-2005 à 16:51:28    


 
 :sweat: Jamais vu autant de frames de ma vie... :ouch:  :ouch:  

Reply

Marsh Posté le 09-09-2005 à 18:32:57    

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

Reply

Marsh Posté le 09-09-2005 à 18:52:56    

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?

Reply

Marsh Posté le 09-09-2005 à 18:57:29    

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


Message édité par Profil supprimé le 09-09-2005 à 18:57:49
Reply

Marsh Posté le 09-09-2005 à 18:57:29   

Reply

Marsh Posté le 09-09-2005 à 19:11:34    

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.

Reply

Marsh Posté le 09-09-2005 à 19:56:55    

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 ?

Reply

Marsh Posté le 09-09-2005 à 20:00:03    

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


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 09-09-2005 à 21:22:50    

Merci, je vais regarder tout ca prochainement ;)  
 

Reply

Marsh Posté le 09-09-2005 à 21:29:17    

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

Reply

Marsh Posté le 09-09-2005 à 21:42:17    

Si t'as le courage tu peux aller voir les liens de ma signature, évite simplement MSIE (pas trop fait pour :o) 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.


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 10-09-2005 à 00:57:26    

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

Reply

Marsh Posté le 10-09-2005 à 08:32:40    


 
 :non:  
 
Firefox :love:
 
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 :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 10-09-2005 à 09:40:15    

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

Reply

Marsh Posté le 10-09-2005 à 11:09:55    

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.

Reply

Marsh Posté le 10-09-2005 à 11:14:39    

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


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 10-09-2005 à 11:47:30    

plainsofpain a écrit :

:non:  
 
Firefox :love:
 
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 :D


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


---------------
ras
Reply

Marsh Posté le 12-09-2005 à 15:10:06    

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 ?  

Reply

Marsh Posté le 12-09-2005 à 15:19:47    

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

Reply

Marsh Posté le 12-09-2005 à 15:49:43    

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

Reply

Marsh Posté le 12-09-2005 à 15:52:25    

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

Reply

Marsh Posté le 12-09-2005 à 16:16:10    

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  :sweat:  
 
J'm'acharne  :na: Je veux comprendreuuuh  :p


Message édité par Profil supprimé le 12-09-2005 à 16:17:17
Reply

Marsh Posté le 12-09-2005 à 16:27:38    

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


Message édité par xtof_83 le 12-09-2005 à 16:27:50
Reply

Marsh Posté le 12-09-2005 à 21:57:40    

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.

Reply

Marsh Posté le 13-09-2005 à 08:57:21    

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.

Reply

Marsh Posté le 13-09-2005 à 09:16:43    


 
 

Citation :

Faire un site web aujourd'hui, c'est facile et passionnant. Pas besoin d'être un expert pour en faire un,


Euh... mouais :sweat:

Reply

Marsh Posté le 13-09-2005 à 09:18:07    

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

Reply

Marsh Posté le 13-09-2005 à 09:19:00    

Olalala c'est vraiment l'horreur ce site... Faut vraiment que j'en fasse un [:le kneu]

Reply

Marsh Posté le 13-09-2005 à 09:21:05    

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


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 13-09-2005 à 09:22:09    

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

Citation :

Si ça peut vous rassurer, moi non plus je ne sais pas que charset="iso-8859-1" signifie "Je vais utiliser des caractères français"


 
[:johneh] [:johneh] [:johneh] [:johneh]

Reply

Marsh Posté le 13-09-2005 à 09:41:52    

Mouais ... je suis pas sur non plus de trouver ça rassurant [:pingouino]


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 13-09-2005 à 09:45:16    

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

Reply

Marsh Posté le 13-09-2005 à 09:51:44    

FlorentG a écrit :

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


 
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 !  :sweat:  
 
Je m'demande bien ou j'vais trouver un site aussi complet qui soit nickel moi  :cry:  

Reply

Marsh Posté le 13-09-2005 à 09:53:39    

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


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 13-09-2005 à 09:54:48    

FlorentG a écrit :

Olalala c'est vraiment l'horreur ce site... Faut vraiment que j'en fasse un [:le kneu]


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


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed