Aller au contenu

homme2lombre (Avis sur mon site)

homme2lombre

Par homme2lombre
dans (X)HTML et CSS

 Partager

Sujets conseillés

homme2lombre

homme2lombre

Posté
Posté

Salut,

Je cherche des avis sur mon site, qui est en cours de construction :( ... si vous avez des remarques sur le design, le contenu, ou si vous rencontrez des pbs lors de la navigation (genre avec les frames) j'aimerais bien savoir.

Merci @+

Lien vers le commentaire
Partager sur d’autres sites
LaurentDenis

LaurentDenis

Posté
Posté (modifié)

Concernant les frames, puisque ton site est en construction, c'est un choix qu'il faut bien peser !

Tu trouveras des éléments de réflexion pour t'aider dans cet article: Pour en finir avec les cadres, qui montre en montre bien les défauts. Et tu trouveras bien-sûr ici de l'aide pour mettre en place des solutions plus récentes et plus fonctionnelles, ou pour utiliser au mieux cette technologie malgré ses défauts si cela reste ton choix final ;)

Modifié par LaurentDenis
Lien vers le commentaire
Partager sur d’autres sites
homme2lombre

homme2lombre

Posté
  • Auteur
Posté

ok merci ça fait plein de lecture... :up:

Mais je suis pas un pro du developement web, et j'ai entendu dire qu'en shtml on pouvait "inclure une fichier dans un autre", mais je trouve pas des masses de docs dessus... :(

Sinon merci @+

Lien vers le commentaire
Partager sur d’autres sites
LaurentDenis

LaurentDenis

Posté
Posté

On ne peux que te conseiller d'utiliser les include, en effet. Sauf erreur de ma part, tu dispose d'un hébergement qui te le permet.

Pourquoi ne pas commencer par la documentation fournie par ton hébergeur ?

Ah... Zut ! Il semble que celui-ci ait un peu cassé son propre site. Heureusement, la page en question est toujours consultable via le cache de google :P Au passage, à lire cette page, il semble qu'il faille activer le PHP dans ton compte...

Lien vers le commentaire
Partager sur d’autres sites
LaurentDenis

LaurentDenis

Posté
Posté

Oups, un oubli : j'aurais tout de même pu te donner cet excellent lien : Optimiser le poids et les mises à jour de son site web sur l'utilisation des include et d'un second moyen de te simplifier la vie pour la maintenance de tes pages, les feuilles de style, appelées aussi CSS.

(tu croiseras sûrement l'auteur sur ce forum, d'ailleurs).

Lien vers le commentaire
Partager sur d’autres sites
homme2lombre

homme2lombre

Posté
  • Auteur
Posté (modifié)

J'ai testé super-vite-fait le coup des include mais j'ai pas réussi à faire ce que je voulais... :( je retenterai ce soir...

sinon j'ai testé le coup des "frames sans frames" comme indiqué sur la doc de tiscali :)

ça donne ça mais je voudrais mettre une barre, centrer tous les trucs... en journée j'ai pas trop le temps... :unsure:

Mais bon merci pour l'info, je repasserai demander conseil d'ici peu.

:D

Ahhh... trop lent pour écrire mon message... :huh:

Merci pour le lien sur les include... je pense que je vais faire ça en fait

Modifié par homme2lombre
Lien vers le commentaire
Partager sur d’autres sites
Bug

Bug

Posté
Posté

moi, il y a quand même un truc qui me gêne, c'est le titre de la page, pourquoi "Index pour IE" :?:

désolé, je suis un peu traumatisé par les sites qui ne passent que avec IE en ce moment

en tout cas, pour l'instant, ça marche aussi avec firefox

Lien vers le commentaire
Partager sur d’autres sites
kozlika

kozlika

Posté
Posté

Bonjour et bienvenue,

Ton site passe également sans problèmes sous Explorer 5.2/Mac.

Je ne sais pas si tu prévois de le garder dans la version définitive de ton site mais la mention "plan du site" dans la colonne de gauche me semble inutile : on voit bien qu'on est dans un menu.

De plus, le souligné, les caractères et la couleur de cette mention, identique aux autres, laisse croire qu'il s'agit d'un lien et on essaie de cliquer en vain...

Ah, encore un truc : si tu ne veux pas être envahi de spams, il faudrait que tu cryptes ton adresse mail. J'ai trouvé un tuto ici par exemple.

Lien vers le commentaire
Partager sur d’autres sites
LaurentDenis

LaurentDenis

Posté
Posté
Ah, encore un truc : si tu ne veux pas être envahi de spams, il faudrait que tu cryptes ton adresse mail. J'ai trouvé un tuto ici par exemple.

Hum... Attention au cryptage des adresses e-mail :

- les solutions reposant sur javascript, ou sur une image... rendront votre adresse inutilisable pour un certain nombre de visiteurs (prévoyez alors un formulaire de contact sur votre site);

- d'autres solutions d'encodage de l'arobase et du . perdent rapidement leur efficacité à mesure que les robots sont prévus pour les contourner.

Mieux vaut se contenter de solution de filtres côté provider et côté client mail.

Lien vers le commentaire
Partager sur d’autres sites
Anonymus

Anonymus

Posté
Posté

La solution la plus... radicale est aussi de ne pas mettre son adresse mail, mais un formulaire destiné à recevoir les mails.

Libre à toi de renvoyer ton mail ensuite à la personne qui cherche à te joindre.

Lien vers le commentaire
Partager sur d’autres sites
homme2lombre

homme2lombre

Posté
  • Auteur
Posté

ok merci du conseil pour le mail, j'y avai même pas pensé... :unsure: je vais voir pour un formulaire

sinon je vais opter pour les include php B) c'est plutôt pas mal...

et ouais c'est vrai le "plan du site" ça sert à rien... :(

je vais essayer d'avancer un peu ce matin :whistling:

Lien vers le commentaire
Partager sur d’autres sites
homme2lombre

homme2lombre

Posté
  • Auteur
Posté

Bon j'ai changé un peu la mise en page, ça donne ça ... mais bon y'a plein de trucs que je voudrais changer, comme

  • le menu de gauche visible lorsque l'on scrolle
  • un fond perso... mais ça je verrai après... B)
  • l'histoire du formulaire pour les mails ;)
  • faire un cadre de taille fixe pour la partie de droite... avec une barre de scroll
  • encore plein de trucs comme les problèmes rencontrés avec le livre d'or ... que j'ai pompé intégralement :unsure:

... et peut-être plein de smileys... comme dans mes messages... :D

En tous cas merci pour les conseils et les liens... :up:

Lien vers le commentaire
Partager sur d’autres sites
homme2lombre

homme2lombre

Posté
  • Auteur
Posté

Salut

Bon ben en fait je change tout... :o

J'ai viré les tableaux de mise en page pour mettre des DIV... mais ma feuille de style n'est pas encore tout à fait valide ... et le HTML c'est pire... :wacko:

Je me suis fait un fond, un logo, et des boutons pour le menu avec Photoshop (je sais faire que des dégradés et des éclairs avec ce logiciel... )

Si vous pouviez me dire si cette page de test passe avec vos différents navigateurs.

Sur Red Hat avec Mozilla c'est OK... mais je crainds toujours les problèmes avec IE... :evil:

Merci ;)

Lien vers le commentaire
Partager sur d’autres sites
Lurch

Lurch

Posté
Posté

Salut Hombre !

Je viens de tester et je t'ai envoyé un mail depuis ton site.

Mais une petite chose qui simplifie pas mal le boulot par la suite (selon mon avis) est de mettre ta feuille de style dans un fichier à part , par exemple style.css et, dans le head, un lien tel que celui-ci :

<link href="[chemin du fichier]style.css" type="text/css" rel="StyleSheet" />

Dans les erreurs indiquées par le validator, il y a un problème là :

<style="type="text/css">

  html, body {

Essaie de remplacer ça par :

<style type="text/css">

<!--   

body {

..........

//-->

</style>

Puis tu as des erreurs de ce genre :

<script language="JavaScript" type="text/JavaScript">

Essaie cela :

<script type="text/javascript" language="javascript">

//<![CDATA[

[Contenu du script]

//]]>

</script>

Voilà ce sont des trucs qui fonctionnent sous xhtml alors comme "qui peut le plus peut le moins", cela devrait passer en html ;)

Et puis si tu te prends au jeu, tu voudras passer un jour à l'xhtml . Alors autant prendre de suite quelques bonnes habitudes.

Mets tes tags et autres balises en minuscule et pense qu'une balise ouverte doit être fermée par la suite.

Par exemple,quand tu ouvres un lien <a href-"..... tu le fermes après </a>

Et bien pense à faire de même pour les images ou les trucs genre <p> et <hr> ou encore <br> etc...

Cela donne par exemple :

<p> ..... </p>

<br />

<img src="logo.gif" alt="texte de l'image" />

<hr />

Comme tu le vois, les balises pour lesquelles n'existe pas l'équivalent pour leur fermeture, il faut simplement penser à mettre un / à la fin (avec un espace avant le /) comme pour BR : <br> n'est pas génial, <br /> c'est mieux.

C'un un bon truc pour tendre vers un code plus propre.

Quelques bonnes lectures :

Un code valide (2)

Les feuilles de style

http://openweb.eu.org/

Lien vers le commentaire
Partager sur d’autres sites
homme2lombre

homme2lombre

Posté
  • Auteur
Posté

Woaw...

merci pour ton aide Lurch...

merci pour les liens aussi :up:

je suis en train de faire quelques modifs dans le code pour voir... :wacko:

et le style="type="... c'est ça qui faisait qu'on ne voyait rien avec IE, mais je sais pas trop d'où j'ai tiré cette ligne... :whistling: ... un vilain copier/coller peut-être...

je vais essayer d'avancer sur la validation du code ce soir...

Bon... ben... merci ;)

@+

Lien vers le commentaire
Partager sur d’autres sites
LaurentDenis

LaurentDenis

Posté
Posté
ssaie cela :

<script type="text/javascript" language="javascript">

//<![CDATA[

[Contenu du script]

//]]>

</script>

Voilà ce sont des trucs qui fonctionnent sous xhtml alors comme "qui peut le plus peut le moins", cela devrait passer en htm

Non. En HTML, les commentaires s'écrivent :

<script type="text/javascript">
<!-- 

 -->
</script>

Cela donne par exemple :

<p> ..... </p>

<br />

<img src="logo.gif" alt="texte de l'image" />

<hr />

Comme tu le vois, les balises pour lesquelles n'existe pas l'équivalent pour leur fermeture, il faut simplement penser à mettre un / à la fin (avec un espace avant le /) comme pour BR : <br> n'est pas génial, <br /> c'est mieux.

Non plus. En HTML, les balises vides n'utilisent pas le /, donc:

<p> ..... </p>
<br>
<img src="logo.gif" alt="texte de l'image">
<hr>

Enfin, tu auras avantage à utiliser plutôt dans un premier temps :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

en début de document. Ceci te donnera une plus grande tolérance sur ton balisage.

Lien vers le commentaire
Partager sur d’autres sites
homme2lombre

homme2lombre

Posté
  • Auteur
Posté

OK... :yoot:

Avec tous ces conseils j'arrive à 14 erreurs en HTML4.01... :unsure: mais celles qui restent viennent pour la plupart des scripts eStat Xiti et Hit Parade... :blink:

Sinon j'ai mis la feuille de style hors du code HTML B)

En fait je vais plutôt réfléchir au design ce soir... :whistling:

Aller salut ! Et merci pour votre aide! :D

Lien vers le commentaire
Partager sur d’autres sites
Lurch

Lurch

Posté
Posté
Non. En HTML, les commentaires s'écrivent :

<script type="text/javascript">
<!-- 

 -->
</script>

Non plus. En HTML, les balises vides n'utilisent pas le /,

Très sincèrement désolé d'avoir donné une mauvaise indication mais je pensais vraiment que le code xhtml passait en html (me souviens maintenant que je l'avais pensé lorsque j'ai découvert les articles de Monique et d'Openweb. Mais en fait je ne l'avais pas testé puisque je suis passé immédiatement au doctype xhtml trans.... Voilà)

Comme quoi je viens d'en apprendre une bien bonne et vais de ce pas faire 30 fois le tour de la place de mon village sur les genoux à titre de pénitence ! :blush:

Hombre :

Avec tous ces conseils j'arrive à 14 erreurs en HTML4.01...  mais celles qui restent viennent pour la plupart des scripts eStat Xiti et Hit Parade...

Au sujet de Xiti, il y a ce fil et celui que j'ai posté ici en précisant encore une fois que je suis en xhtml et non en html ;)

Mais cela peut te donner des indications, notamment Xiti m'a donné une réponse sur la question suivante : a-t-on le droit de modfier le code Xiti ?

Lien vers le commentaire
Partager sur d’autres sites
homme2lombre

homme2lombre

Posté
  • Auteur
Posté

Ok je vais voir pour cette histoire de logo :)

Sinon là pour ma page de testj'ai un problème avec Mozilla... Tout à l'heure chez moi ça passait bien avec Firefox, un peu moins avec IE mais ça allait :rolleyes: et là... problème :!:

J'ai fait une page de fond pour mon site, qui marche à peu près bien. Puis j'ai refais un tableau pour faire l'accueil ... jusqu'ici tout va bien...

Mais le truc c'est que quand je fais un include du tableau dans la page de fond (ici), ça marche plus :huh: ... pourtant tout à l'heure...

Maintenant je n'ai plus rien dans ma zone "frame" alors que normalement j'ai le tableau, défini comme ça : 

<div class="frame">
       <? include("indexre.html"); ?>
</div>

Ma zone frame est définie comme ça : 

.frame {
margin-left: 180px;
width: 800px;
height: 460px;
margin-top:-10px;
margin-right:25px;
background-color:#none;
overflow: auto;
scrollbar-arrow-color: white;
scrollbar-base-color: black;
scrollbar-DarkShadow-color: white;
scrollbar-Face-color: black;
scrollbar-Highlight-color: white;
scrollbar-Shadow-color: white;
scrollbar-Track-color: black;
font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
text-color:#fff;
border: 1px solid gray
}

Je ne vois pas trop d'où vient le problème... chez moi sous Windows XP avec Firefox et IE ça roule... et là sous Red Hat avec Mozilla ça fait plus rien dans la boîte :wacko:

Et un autre truc bizarre aussi, quand je mets ça : 

<div class="frame">
   <!--
       <? include("indexre.html"); ?>
   -->
</div

et bien je vois mon tableau mais tout décalé... n'importe comment... :(

Dernier truc bizarre... quand je fais "Edit Page in Composer", ben je vois la page presque comme elle devrait être :o mis à part les logos des sites de statistiques qui s'affichent suivant l'humeur...

Si vous aviez des idées concernant l'origine des problèmes :?::?:

Lien vers le commentaire
Partager sur d’autres sites
Lurch

Lurch

Posté
Posté

Et bien, j'ai regardé le code source de la page qui te pose problème avec l'include et cela donne ça :

<div class="frame">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

  &quot;http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Index Refait</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body> (etc...)

Je crois que tu fais une erreur en faisant l'include sur un fichier html construit comme une page html à part entière.

Je ne suis pas un grand spécialiste en la matière mais il me semble que l'effet d'include est que le navigateur lit le fichier inclus à l'endroit où est positionné la fonction include et, surtout, il lit tout ça comme si ce fichier était écrit dans le code de la "page mère."

Tu piges ? c'est pourquoi tu as, en plein milieu de la page initiale, un second doctype, une balise <html> en trop etc....

Je fais mes includes de préférence sur des fichiers php (ne suis pas certain que cela marche avec des fichiers html) et ces fichiers à inclure ne comportent uniquement que le code utile (surtout pas de head, doctype, métas, etc ! Sauf justement si l'include consiste à inclure des métas dans le head mais c'est une autre histoire...)

Lien vers le commentaire
Partager sur d’autres sites
homme2lombre

homme2lombre

Posté
  • Auteur
Posté (modifié)

Bon...

J'ai essayé de faire un include avec un fichier indexre.php ne contenant que le tableau... c'est pas mieux :!:

J'ai aussi essayé de tirer le <head> et le <body> dans mon fichier indexre.html... sans succès :!:

Pourtant chez moi tout à l'heure j'arrivais à inclure le "indexre.html", avec ses tags head et body... :blink:

Mais bon ... je vais attendre de rentrer chez moi ce soir pour retester ces deux solutions... ;)

Merci @+

Tiens... je me rends compte aussi que les logos de validation CSS et HTML4.01 ont disparu...

Modifié par homme2lombre
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...