Le bon Accueil, chambres d'hôtes: que pensez vous de cette page?

Hello!!
Voilà, j'ai mis à jour le site (enfin la page!!!) web d'amis qui font chambres d'hôtes...
http://pagesperso-orange.fr/bonaccueil
Je pense que pour des chambres d'hôtes cela change de l'ordinaire site en simple html avec des tableaux, etc...
Je l'ai aussi fait pour moi, pour acquérir un peu d'éexpérience, donc évidemment, je suis ouvert à toute remarque!!!
Merci beaucoup!
Modifié par zanzan (29 Mar 2008 - 12:35)

désolée mais ton lien n'est pas bon, j'ai page introvable

Il suffit d'enlever le [/url] : http://pagesperso-orange.fr/bonaccueil/


Mes commentaires :
- L'entête est bien trop volumineux à mon goût.
- Les images n'ont pas d'attribut alt renseigné, si on désactive les images ont n'a plus le texte de l'entête justement
- C'est quoi ces :

<div class="soustitre1">
				Bienvenue...
			</div>

C'est pas pertinent comme code, il y a une balise spécifique pour les titres hx :

<h1>
				Bienvenue...
			</h1>

La mauvaise nouvelle c'est qu'il y a 71 erreurs lorsque l'on passe ta page au valideur.
La bonne est que toutes ces erreurs sont faciles à corriger (un bon moyen de progresser).

3 commentaires généraux :
- Pour ma part j'aurai pris un doctype "Transitional" et non pas "strict".
- Tu dois confondre id (e.g. <p id="centre">) et class. contrairement à class il ne peut y avoir plusieurs fois le même id dans la même page.
- Les balises vides doivent être fermées (e.g. mettre <br /> à la place de <br>)

Coté style: j'aime bien le haut de page (image du fond, bannière, § bienvenue), mais j'aime pas bcp les autres sections (renvoi vers picasa pour la galerie d'image (pourquoi pas une galerie intégrée), mise en page section information (essaie une présentation à plusieurs colonnes, par exemple)

Bon courage pour la suite
Modifié par Merlin (29 Mar 2008 - 11:06)

Hello!
Merci à vous, je vais revoir tout ce que vous me dites.
- pour le DOCTYPE j'ai mis le premier qui venait, je vais me renseigner
- non je ne pense pas avoir fait de confusion entre les id et les class...
- je ferai une galerie intégrée quand j'aurai plusieurs pages, sinon la page mettra trop de temps à se charger
- C'est vrai que l'en-tête est très grosse, mais si je la réduis en hauteur je déforme la photo, et même si je réduis aussi la photo, on n'en verra plus grand chose...
- est-ce que ça change vraiment quelque chose si je remplace mes div "soustitre" par des <h1>? De plus le premier sous-titre est différent des autres car sa marge supérieure est moins importante.

Oui car actuellement tu ne structure pas correctement ton contenu rédactionnel, tes titres DOIVENT être identifiés comme tels (pour des questions d'accessibilité et de référencement), hors actuellement ce n'est pas le cas

Salut,

En 800x600, voilà ce qu'on voit :


Très faible niveau information visibles ! Bon ok on va dire que 800x600 ça devient vraiment très obsolète, et que 1024x768 est devenue la résolution minimale :


Ben finalement on en apprend pas beaucoup plus... Conclusion, une image titre bien trop volumineuse par rapport au peu d'informations qu'elle contient.

a écrit :
Documents (1 file) 2 KB (4 KB uncompressed)
http://pagesperso-orange.fr/bonaccueil/ 2 KB (4 KB uncompressed)
Images (10 files) 3339 KB
http://pagesperso-orange.fr/bonaccueil/composants/IMGP0133.png 3026 KB
http://pagesperso-orange.fr/bonaccueil/composants/haut3.gif 182 KB
http://pagesperso-orange.fr/bonaccueil/composants/banniere3.png 88 KB
http://pagesperso-orange.fr/bonaccueil/composants/P6100004.gif 14 KB
http://pagesperso-orange.fr/bonaccueil/composants/P6100003.gif 12 KB
http://lh4.google.com/jeanchrisss/R0COCPn8QRE/AAAAAAAAANU/PTZADBGSHgE/s160-c/LeBonAccueil.jpg 8 KB
http://pagesperso-orange.fr/bonaccueil/composants/3cles.jpg 5 KB
http://pagesperso-orange.fr/bonaccueil/composants/ancv.gif 2 KB
http://pagesperso-orange.fr/bonaccueil/composants/icone.png 1 KB
http://picasaweb.google.com/f/img/transparent_album_background.gif 879 bytes
Objects (0 files)
Scripts (0 files)
Style Sheets (1 file) 540 bytes (2 KB uncompressed)
http://pagesperso-orange.fr/bonaccueil/style.css 540 bytes (2 KB uncompressed)
Total 3342 KB (3345 KB uncompressed)

Ca fait un peu beaucoup 3mo pour des visiteurs qui habitent dans des zones oubliées du haut débit... Sachant que les visiteurs avec de petites résolutions d'écran ne verront même pas l'intégralité de cette photo. Il faudrait l'alléger (voire la supprimer) en diminuant la qualité.
De plus, pour une image de fond elle est sacrément présente visuellement (je suis en 1600x1200, et le contraste très important fait que j'ai plus envie de regarder la photo que le contenu du site qui est assez fade et incite peu à la lecture.

"Bienvenue"... "Bienvenue chez..." Pour l'instant, j'arrive sur la page, je me sens pas bienvenu parce que j'ai pas encore trop trouvé l'information que je cherche... il faut continuer à lire... ? Si c'était une tradition du web antique, le souhait de bienvenue non personnalité n'a aucune utilité pour le visiteur, qui se sentira bienvenu sur un site qui remplit la fonction qu'il en attendait.

La mise en forme textuelle est peu attractive, car il n'y aucune mise en valeur des éléments clés (passage en couleur ou en gras par exemple). De plus les retraits au début de ligne provoque un effet crénelé sur le texte, c'est très inélégant.

Le tableau mériterai de voir ses bordures fusionnés, et son style un peu travaillé dans les teintes du site (bordures beiges ou vertes).

Mikachu a écrit :
Salut,
Très faible niveau information visibles ! Bon ok on va dire que 800x600 ça devient vraiment très obsolète, et que 1024x768 est devenue la résolution minimale

Pas d'accord, il faut prendre en compte le développement des micro-portables, par exemple le eepc à une résolution de 800x480

J'ai pas dit qu'il fallait occulter le 800x600, loin de là, c'était juste pour appuyer mon argumentation :
sur le site présenté ici, même en considérant que le 800x600 est une résolution obsolète et que le choix a délibérément été fait d'adopter la résolution supérieure, le contrat n'est pas rempli car même dans cette résolution supérieure on ne voit pas beaucoup plus d'information.
Modifié par Mikachu (31 Mar 2008 - 13:30)

Non bien sûr, mais il me paraissait important de signaler le dev de ces petites bestioles qui vont probablement remettre une couche sur le débat des résolutions à prendre ne compte

OK OK...
Bon, je pense que je vais tout reprendre de zéro, car faire lesm modifications sur ce qui est présent serait trop bor***ique... J'ai déjà quelques idées, et vos commentaires m'aideront...
Donc à (plus ou moins) bientôt, et encore merci!!!

I'm back!!!
Voilà, en fait il y a quelques mois que j'ai mis en ligne cette version avec les modifs suivantes:
- nouveau design, couleurs plus claires, plus vivantes à mon goût
- 4 pages différentes pour les différents contenus, toutes valides HTML et CSS (sauf la page contact vu qu'il y a un tableau dedans)
- en-tête moins énormissime (avec le recul j'avoue que c'était gros quand-même... ) et compatible avec la résolution 800*600
Il y a quand-même un ou deux bugs:
- la police n'est vraiment pas celle que j'ai choisie, je ne sais pas ce que ça rend chez vous mais chez moi ça fait des gros pâtés de lettres...
- quelque chose d'incompréhensible: lorsqu'on ouvre le site à partir de ce lien: http://pagesperso-orange.fr/bonaccueil, l'affichage est impeccable, mais à partir de ce lien: http://bonaccueil.pagesperso-orange.fr, la div de contenu est étirée en largeur (comme si j'avais mis un attribut width=100%): comment ça se fait ça?
Merci de vos commentaires!!

mettre leur adresse email comme ça à la vue de tous (dans la partie contact)

à mon avis elle va vite devenir une vrai poubelle à pub

je trouve le contraste entre la texture de fond et le blanc de la page trop fort
j'ai fait un essai en remplaçant le blanc par un rgb (253,255,209) et un fond rouge foncé pour le menu rgb (128,22,60), je trouve ça plus joli (cela dit les goûts et les couleurs (surtout les miens ))

je n'aime pas trop la police du titre et la couleur fait qu'à certains endroits elle se confond avec la photo de fond

dans tarifs : à quoi correspondent tarif mini et maxi ?
si c'est la chambre la moins chère et la plus chère, sachant qu'il n'y a que trois chambres autant mettre les trois tarifs (et expliquer pourquoi ils sont différents)

dans la galerie : la photo ou l'ont voit les propriétaires autour de la cheminée est penchée vers la gauche, du coup le côté chaleureux de que donne la cheminée est cassé