Avis sur site via Kompozer

giulia62 · Message par **giulia62** » 17 juin 2012, 19:56

Bonjour à vous toutes et tous,

Depuis quelques mois, je me suis lancée dans la création de mon site, n'y connaissant pas grand chose en html et autres langages...j'ai opté pour NVU et pris un kit graphique libre de droit sur internet me servant de base pour mon site.
Après de très longues heures de création, entre la trame, choix des photos etc..., j'ai enfin finalisé le site et malheureusement il apparait des décalages entre la version NVU visible sur mon PC et lorsque j'ouvre les pages via Firefox ou Google. J'ai bien sûr fait des recherches et eu le plaisir de trouver votre forum: du coup j'ai changé NVU par Kompozer et ajouté toutes les options notées, mais là j'arrive à la limite du réalisable pour moi qui ne suis pas une pro en la matière !!!
Je viens donc vers vous, pour vous demander de l'aide et savoir ce que je dois faire pour y remédier avant de me lancer dans la mise en ligne du site.
Donc voici les aperçus via Kompozer d'une des pages ( avec le "super" décalage du menu et de mon texte central):

avec les balises cela donne:

Voici en plus le code source:

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
 xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"
 lang="fr"><head> <title>Presentation</title><meta
 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description"
 content="D&eacute;monstration du kit graphique Floral" /> <link
 rel="stylesheet" type="text/css" href="style.css"
 media="screen" /></head>
<body><div id="site">
<div id="header2"><img
 style="width: 999px; height: 180px;" alt=""
 src="header2.jpg" />
</div>
<div style="height: 500px;"><div id="left">
<div id="left-p"><br /><div
 style="position: absolute; z-index: 1; overflow: auto; visibility: visible; left: 347px; width: 893px; top: 181px; height: 560px;"
 id="">
<table style="width: 825px;" border="0" cellpadding="0"
 cellspacing="0"> <tbody> <tr> <td> <h2
 style="font-family: Lucida Calligraphy; margin-left: 18px; width: 732px; text-align: center; color: rgb(255, 102, 0);">&nbsp;
&nbsp; &nbsp;Bienvenue
sur notre site&nbsp;</h2> <h2
 style="font-family: Lucida Calligraphy; margin-left: 18px; width: 732px; text-align: center; color: rgb(255, 102, 0);">&nbsp;
&nbsp; d&eacute;di&eacute;
&agrave; nos <a name="bouledogues_fran&ccedil;ais"></a>bouledogues
fran&ccedil;ais</h2> <img
 style="top: 114px; left: 125px; width: 255px; height: 117px;"
 alt="" src="2c71f8f9.png" /> <div
 style="text-align: left; margin-left: 27px; width: 723px;"> <div
 style="text-align: justify;"><big><big
 style="font-family: Vijaya; color: rgb(87, 59, 48);"><big><span
 style="color: rgb(102, 51, 0);"></span></big></big><span
 style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big>Nous
avons eu notre premi&egrave;re bouledogue en 2003 et depuis c'est
devenu une vraie passion !! Nous nous sommes attach&eacute;s
&agrave; avoir notre propre lign&eacute;e "<a
 name="De_lOrdre_du_Ph&eacute;nix"></a>De l'Ordre du
Ph&eacute;nix" afin d'am&eacute;liorer nos pedigrees.</big></big></span></big>
</div> <big><span
 style="color: rgb(87, 59, 48); font-family: Vijaya;"></span></big><br />
<table
 style="top: 229px; height: 239px; text-align: left; margin-left: auto; margin-right: auto; left: 27px; width: 730px;"
 border="1" cellpadding="2" cellspacing="2"> <tbody>
<tr> <td> <div style="text-align: center;"><br />
<img style="top: 310px; left: 281px; width: 242px; height: 338px;"
 alt="" src="unicphoto1.JPG" /> </div> <div
 style="text-align: center;">&nbsp; <big><span
 style="font-family: Monotype Corsiva;">&nbsp;<span
 style="color: rgb(102, 51, 0); font-weight: bold;">Unic,
notre premi&egrave;re bouledogue... </span></span></big></div>
</td> </tr> </tbody> </table> <br /> <br />
<div style="text-align: justify;"><big><span
 style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big>Nos
bouledogues sont issus d'excellentes origines, prim&eacute;s en
expositions, radiographi&eacute;s du dos et identifi&eacute;s
ADN par le laboratoire <a href="antagene.html">Antagene</a>.
</big></big></span></big> <div
 style="text-align: center;"><big><span
 style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big><a
 href="http://www.antagene.com/"><img
 style="border: 0px solid ; top: 916px; left: 29px; width: 574px; height: 191px;"
 alt="" src="antagenebanniere.jpg" /></a></big></big></span></big><br />
<big><span style="color: rgb(87, 59, 48); font-family: Vijaya;"></span></big></div>
<big><span style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big><br />
Leur bien &ecirc;tre &eacute;tant notre
priorit&eacute;, ils vivent d'abord leur vie de chien de compagnie,
de pr&eacute;f&eacute;rence pr&egrave;s d'un bon feu de
bois et couch&eacute;s dans leurs cousins moelleux !!</big></big></span></big><br />
<big><span style="color: rgb(87, 59, 48); font-family: Vijaya;"></span></big><br />
<big><span style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big>Notre
souhait &eacute;tant le recherche de la qualit&eacute;, nous
r&eacute;alisons une &eacute;tude des futurs parents
(p&eacute;digree, caract&egrave;re, sant&eacute;) avant
tout mariage. </big></big></span></big><br />
<big><span style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big>Nous
n'avons&nbsp;qu'une seule port&eacute;e par an afin de pouvoir
&ecirc;tre enti&eacute;rement disponibles pour les
b&eacute;b&eacute;s, pour leur prodiguer les soins et
l'attention&nbsp;afin qu'ils soient sociables et
pr&ecirc;ts pour leur future vie de famille. </big></big></span></big><big><span
 style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big><br />
<br />
Nous restons disponibles pour informer les futurs acqu&eacute;reurs
ou
toute personne souhaitant des renseignements sur la race,
l'&eacute;ducation et les soins. </big></big></span></big><br />
<br /> <big><span
 style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big>Vous
trouverez aussi sur notre site de nombreuses pages
d&eacute;di&eacute;es au bouledogue: son <a
 href="histoire.html">histoire</a>, les <a
 href="librairie.html">livres et magazines</a></big></big></span></big>.
<br /> <big><span
 style="color: rgb(87, 59, 48); font-family: Vijaya;"></span></big><br />
<big><span style="color: rgb(87, 59, 48); font-family: Vijaya;"></span></big><big><span
 style="color: rgb(87, 59, 48); font-family: Vijaya;"></span></big><big><span
 style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big>Nous
vous souhaitons une agr&eacute;able visite de notre site</big></big></span></big>.<br />
<br /> <div style="text-align: center;">&nbsp;
&nbsp;<img style="width: 128px; height: 128px;" alt=""
 src="icones_01919.png" /><big
 style="font-weight: bold; color: rgb(255, 102, 0);"><span
 style="font-family: Vijaya;"><big><big>delordreduphenix'at'aol.com</big></big></span></big><span
 style="color: rgb(255, 153, 0);"><span
 style="color: rgb(255, 102, 0);"> &nbsp; &nbsp;
&nbsp; &nbsp;</span><img src="icon_phone.png"
 alt="" style="width: 95px; height: 95px;" /><big><big
 style="font-weight: bold;"><big><span
 style="color: rgb(255, 102, 0); font-family: Monotype Corsiva;">06.78.80.29.23
</span></big></big></big></span></div>
<div style="text-align: right;"><big><span
 style="color: rgb(87, 59, 48); font-family: Vijaya;"><big><big>&nbsp;</big></big></span></big><font><font
 face="Verdana" size="2"><span
 style="text-decoration: none;"></span></font></font></div>
</div> </div> <br /> </td> </tr> </tbody>
</table><map name="Map"><area shape="rect"
 coords="10,10,391,296" href="../tableau.html#"
 alt="Danny & Hannibal on the show" /></map>
</div><div style="padding-left: 5px;">
</div>
</div></div>
<br /><div
 style="width: 811px; height: 32px; font-family: Monotype Corsiva; top: 133px; left: 307px;"
 id="menuh"><big>
</big><ul> <big> </big><li><big><big><a
 href="index.html" title="Accueil">Accueil</a></big></big></li>
<big><big> </big></big><li><a
 href="presentation1.html"><big><big>Pr&eacute;sentation</big></big></a></li>
<big><big> </big></big><li><small><a
 href="Nosbouledogues.html" title=""><big><big>Nos
bouledogues</big></big></a></small></li> <a
 href="Nosbouledogues.html" title=""><big><big>
</big></big></a><li><big><big><a
 href="bebes.html" title="">Les
b&eacute;b&eacute;s</a></big></big></li>
<big><big> </big></big><li><big><big><a
 href="albumbouledogue.html" title="">Album</a></big></big></li>
<big><big> </big></big><li><big><big><a
 href="liens1.html" title="">Liens</a></big></big></li>
<big> </big>
</ul><big>
</big></div></div>
</div><div class="clear"></div>
<div id="footer"><div id="footer-inner">
<div id="footer-left"><h3>Copyright</h3>
<p>&copy; 2012 De l'Ordre du Ph&eacute;nix. Tout droits
r&eacute;serv&eacute;s.<br />
<a href="http://www.graphiques-kits.com"
 title="Kit graphique gratuit">Kit par Graphiques-Kits</a></p>
</div><div id="footer-right">
</div></div>
</div></body></html>

et par Firefox cela donne:

J'ai fait le nettoyage de balise ( même s'il me reste encore des br en trop) mais pas encore utilisé "Tidy".

Je vous remercie très sincérementpar avance pour votre aide et conseils qui j'espère seront à ma portée

Message par **Ymai** » 19 juin 2012, 20:01

Bonjour
Désolé de ne pas avoir de temps, là, pour l'instant, pour une vraie réponse et de vrais conseils.
Bien que la présentation soit déjà bien attirante, je viserais deux objectifs pour améliorer encore:
- renoncer définitivement à l'utilisation de la barre d'outils de mise en forme dans KompoZer (celle qui permet de faire des caractères plus petits, plus grands, gras,... C'est une véritable plaie qui produit une soupe de balises ignoble et qui gêne toute tentative d'amélioration dans la suite
- passer au niveau 2 en étudiant quelques rudiments de CSS, y compris les questions de positionnement des blocs qui semblent poser souci dans les copies d'écran (déclage du titre)
J'irais voir du côté de http://josar.free.fr/ pour bien démarrer.

giulia62 · Message par **giulia62** » 21 juin 2012, 22:24

Merci pour votre réponse, je vais aller potasser le lien...
Par contre, j'ai voulu faire un essai de mise en ligne et voila ce que cela donne

Je suis dégoûtée du résultat vu les heures passées à le faire !!!
Merci pour votre aide et bonne soirée.

Message par **Ymai** » 21 juin 2012, 22:31

Qui est le sombre idiot qui a oser un jour affirmer "l'informatique, ça va nous faire gagner du temps" ?
Qu'il se dénonce!

Geckozone

Avis sur site via Kompozer

Avis sur site via Kompozer

Re: Avis sur site via Kompozer

Re: Avis sur site via Kompozer

Re: Avis sur site via Kompozer

Qui est en ligne ?