Bonjour à tous,
 
alors que sur un autre topic, je demandais une information concernant un problème de graphisme pour mon site, quelqu'un m'a fort aimablement   répondu : "il est pourri ton code".
Un "preux chevalier" m'a défendue en disant que ce n'était pas le sujet, et m'a par ailleurs apporté ma réponse graphique. Merci à lui !    
 
Mais comme ce message m'a un petit peu titillée, je viens sur ce topic pour demander des précisions.
 
Je me doute que le code est "tout pourri" vu que je ne connais le css que de nom (ou à peine plus), que j'ai fait mon site toute seule sous dreamweaver en wysiwyg, à force de tutos et d'heures passées dessus, et faute d'avoir les moyens de m'en payer un avec un "joli code" au démarrage de mon activité !!!  
 
Mais pouvez-vous m'éclairer : en quoi cela peut-il me poser problème à termes ? Si ça pose problème, est-ce que, en l'état, c'est corrigeable ? Par qui ? A quel coût ?
Voici l'adresse pour que vous constatiez les dégats par vous-mêmes    :
http://www.lagence-redactionnelle.com
 
Merci d'avance. Et soyez plus indulgents dans vos réponses : je sais que c'est le top de coder soi-même, mais il faut un début à tout pour apprendre ! Faut me laisser du temps...
 
PS : par ailleurs, si des utilisateurs Mac regardent mon site, peuvent-ils me dire s'ils le voient correctement (notamment les liens du bas de la page d'accueil) ? Apparemment, il y aurait un problème. Merci.
 
 
 

 
Ca par exemple, le client doit le télécharger alors que ca ne sert à rien du coup. Le problème étant que les WYSIWYG génèrent du code parasité de plein de choses lourdes et inutiles pour arriver au résultat demandé par l'utilisateur avec des clics.
 
Si tu veux apprendre, faut vraiment pas passer par un WYSIWYG...
 
PS : WYSIWYG : What you see is what you get, ce que tu vois est ce que tu obtiens, en gros tu fais quelques clics, et il se démerde pour générer le code qui donne ça.
 
Pour info, ca passe a peu près correctement sous firefox/opera linux. Je sais pas pour le mac, j'ai pas de mac
 
Edit : le code, il est quand meme tout pourri, mais bon c'est celui d'un WYSIWYG ...

Pour débuter et comprendre pourquoi ton code n'est pas propre, tu peux utiliser la fonction Fractionner de Dreamweaver.
Autrement, quelle version de Dreamweaver utilises-tu ? Car j'ai cru voir des '<font=', hors, Dreamweaver n'utilise plus le paramètre <font> depuis 2 ou 3 versions.  
 

 
 
On a vu pire mais il faut quand même que tu passe aux CSS.
Toutes les ressources necessaires sont sur le web http://css.alsacreations.com/ http://css.maxdesign.com.au/listamatic/index.htm http://wiki.media-box.net/documentation/css
...

Merci pour vos réponses.  
Je l'ai fait avec Dreamweaver 4.
 
J'ai bien compris qu'il faut que je m'y mette au css, mais je n'ai vraiment pas le temps pour l'instant ! Je redemande donc : à qui s'adresser pour faire corriger ce qui ne va pas ?
 
Sinon, je pense avoir compris aussi avec l'exemple de Roane que ça alourdit le temps de chargement, c'est ça ?
 
Pour ce qui est de la lecture sous firefox, je savais que ça allait : je suis sous firefox ! Et j'avais vérifié aussi sur IE.
 

Voilà des exemples de chôses qui vont pas dans ta page d'acceuil :

Aucun caractére affiché, donc pas besoin de lui indiquer une couleur de texte.
 
4 niveaux d'imbrications de <table> alors qu'avec des css, t'en aurasi aucune. Je m'explique :  
- le logo est calé à gauche, le texte "Professionnels et Particuliers" est calé à droite. Ca donerait au pire, un élément <div> contenant un élément <img> et un élément <span>. Pour l'élément img, on lui donne un style dont la propriété "float" = "left" (<img src="patati" style="float:left"/> ) et le texte, on lui dit de la même maniére que c'est un block (pour pouvoir le positionné) caler à gauche. (<span style="display:block;float:rigth">mon texte</span> )
- Pour le menu de gauche, on a trois éléments principaux contenant pour deux d'entre eux un titre et une liste de lien et pour le troisiéme jsute un lien. Là, on est obligé de mettre tout ça dans un bloc générique (balise <div> ) qui contiendra des titres (balises <H1> à <H7> en fonction du niveau de titre, <H1> étant généralement utilisé pour donner le nom du site ou indiquer le titre de la page) et les listes (balises <ul><li> ) Evidement, tout ça sera stylé par des css.
-au centre de la page t'as 4 blocs oranges sur deux lignes, chacun de ces blocs étant un lien dont l'image qu'elle contient change quand on la survolle. On va donc utiliser la balise des blocs <div> contenant une balise de liens <A> qu'on stylera en lui indiquant qu'elle est l'image à afficher en temps normal et laquelle afficher quand on la survole. Le liens prendra normalement de lui même la taille du bloc. C'est donc à la balise div qu'on indiquera la taille à utiliser. Pour le bloc commencant chacune des deux lignes, on indiquera qu'il doit se coler sur le côté gauche (le fameux float:left) et pour le suivant, on lui indique rien, il se mettra automatiquement à la droite du précédant. Pour la distance entre les blocs, il suffit d'indiquer les marges
Pour les liens en bas de la page, c'est une liste mise en ligne. Ou encore plus simple, des liens mis les un derriére les autres. Donc dans le cas le plus simplifié, on a jsute besoin des balises <A> et dans l'autre, il faudra styler la liste pour afficher les éléments à droite les un des autres (float:left leur disant de se positionner le plus à gauche possible soit en commencant une nouvelle ligne ou en se mettant à droite de l'élément précédant s'il est lui aussi flottant à gauche).
C'est certe plus compliqué que les simples tableaux, mais sémantiquement parlant, ca sera beaucoup mieux.
 
En fait, même si tu veux continuer avec des tableaux, t'as besoin au maximum de deux niveaux d'imbrications pour cette page là., un premier niveau pour délimiter les grandes zones et un autre pour positionner les 4 bloc du milieu.
 
Les <td width="2" height="194"></td> qui servent juste à espacer les colones ne servent à rien, il suffit de l'indiquer cette information au niveau de la balise table.
 
En fait, dans cette page là, à par un trop grand nombre de niveau d'imbrication de tables et des lignes et colones qui servent à rien, il y a pas vraiment de défauts majeurs. Si tuv eux voir comment est découpé ta page, indique à chaque table une bordure de taille 1 pixel, tu véra que le découpage est moins propre qu'il n'y parait.

 
Ca alourdit le temps de chargement la première fois (car après il y a de fortes chances que ca soit dans le cache du navigateur), et sur le serveur, tu prend plus de place. Bon, évidemment, sur quelques fichiers c'est pas très grave, mais bon.
 
A qui s'adresser pour faire corriger ça, et bien, ... t'as un vrai webmaster dans ton entourage ? Parce qu'ici on ne code pas pour les autres  

Avec des css, je dirais que ta page perdra au moins la moitié voire les deux tiers (en métant une feuille de style extérieure au fichier) de son poid tout en ayant une ossature beaucoup plus jolie (régime régime. ) Du coup, tes pages arriveront plus vite chez les visiteurs.

     
Merci à tous.
 
Je n'ai pas de webmaster autour de moi, sinon, je l'aurais déjà harcelé !!!
Mais je ne demandais pas un codage "bénévole", relis moi bien Roane ! Juste, je ne sais pas si on peut demander à un webmaster de bosser uniquement sur cet aspect là.
 
Pour l'explication de ma page d'accueil, wouaouh, merci ! D'ici à ce que je sache faire ça !!! Les poules auront des dents, je pense...
 
Bon, j'en conclus que tant que mon site est tout léger en infos, y a pas mort d'homme, je peux le laisser comme ça, mais s'il doit grossir, faut que je trouve quelqu'un qui me remet de l'ordre dans tout ça !
 
OK...

Sinon en y mettant le prix (et en t'assurant de ne pas payer un charlot qui n'y connait rien au web actuel), tu peux tout a fait avoir quelqu'un qui te remette tout ça en place et à jour.