Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Liens contextuels :

Auteur
zanzan
# 28 Mar 2008 - 19:46:04
Citer
9 Posts
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! cligne
Modifié par zanzan (29 Mar 2008 - 12:35)

^
epmale
# 29 Mar 2008 - 00:47:03
Citer
68 Posts
désolée mais ton lien n'est pas bon, j'ai page introvable

^
Dadou
# 29 Mar 2008 - 08:34:21
Citer
Light or Dark Side ?
180 Posts
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>


Non ! Pas différent, juste différent dans ton esprit. Tu dois désapprendre tout ce que tu as appris. Non n'essaie pas, fais ou ne le fais pas, mais il n'y a pas d'essai...
Beaucoup encore il te reste à apprendre.

^
Merlin
# 29 Mar 2008 - 11:06:26
Citer
125 Posts
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)

Pour l'abolition des "target=_blank"

http://www.drillaudweb.info/carnet 
^
zanzan
# 29 Mar 2008 - 12:34:41
Citer
9 Posts
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.

^
Dadou
# 30 Mar 2008 - 15:03:24
Citer
Light or Dark Side ?
180 Posts
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

Non ! Pas différent, juste différent dans ton esprit. Tu dois désapprendre tout ce que tu as appris. Non n'essaie pas, fais ou ne le fais pas, mais il n'y a pas d'essai...
Beaucoup encore il te reste à apprendre.

^
Mikachu
# 31 Mar 2008 - 09:13:47
Citer
C'est quand les vacances ?
Modérateur
3019 Posts
Salut,

En 800x600, voilà ce qu'on voit :
previews/3681-aba800x600.jpg

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 :
previews/3681-aba1024x768.jpg

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


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

Une page en ligne ou au moins l'intégralité du code html et css ça aide à vous aider plus vite !

http://www.mikachudesign.com/ 
^
Dadou
# 31 Mar 2008 - 10:12:07
Citer
Light or Dark Side ?
180 Posts
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

Non ! Pas différent, juste différent dans ton esprit. Tu dois désapprendre tout ce que tu as appris. Non n'essaie pas, fais ou ne le fais pas, mais il n'y a pas d'essai...
Beaucoup encore il te reste à apprendre.

^
Mikachu
# 31 Mar 2008 - 13:29:53
Citer
C'est quand les vacances ?
Modérateur
3019 Posts
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)

Une page en ligne ou au moins l'intégralité du code html et css ça aide à vous aider plus vite !

http://www.mikachudesign.com/ 
^
Dadou
# 31 Mar 2008 - 14:55:54
Citer
Light or Dark Side ?
180 Posts
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

Non ! Pas différent, juste différent dans ton esprit. Tu dois désapprendre tout ce que tu as appris. Non n'essaie pas, fais ou ne le fais pas, mais il n'y a pas d'essai...
Beaucoup encore il te reste à apprendre.

^
zanzan
# 04 Apr 2008 - 21:08:51
Citer
9 Posts
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!!!

^

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.8 beta © dew
Contacter l'administrateur - 27.6 ms - Charte