Version complète: sur le forum Webmaster Hub : Tester ma premiere page
Webmaster Hub > Création et exploitation de Sites Internet > Accessibilité et Ergonomie Web
doomer2
Pouvez-vous tester ma premiere page en me spécifiant les problmes que les gens pourraient rencontrer.

http://dubcl.free.fr/

Les couleurs choisies sont elles adaptées ?
Le systeme d'onglet est il adapté ?

Avez vous d'autres suggestions pour les couleurs ou trouvez le site trop fade ?

Merci à tous
Arlette
Oui on veut bien t'aider mais elle est ou ta première page ? :yoot:
Tu peux éditer ton post pour mettre le lien, ou mettre le lien dans ta signature wink.gif
doomer2
Le lien du site :


site en css

Excusez moi pour cette ommission.
Dan
Salut Doomer2,

Tu as manifestement du code php qui n'est pas exécuté et qu'on retrouve dans la source de la page:
CODE
<?php
// ma liste de feuille de style disponibles
$listeStyle=array('couleur'=>'couleur.css', 'sans'=>'sansstyle.css' );

// si un parametre 'style' est present dans l'url et correspond à une des valeurs de mon tableau $listeStyle...
if(isset($HTTP_GET_VARS['style']) && isset($listeStyle[$HTTP_GET_VARS['style']]) ){

    // on recupere la feuille de style
    $feuilleCSS=$listeStyle[$HTTP_GET_VARS['style']];

    // on creer un cookie contenant le nom de la feuille de style.
    setcookie('styleperso',$HTTP_GET_VARS['style'], time()+60*60*24*30 , '/');

}else{
//sinon :
    // y a t il le cookie contenant le style à mettre ?
    if(isset($HTTP_COOKIE_VARS['styleperso']))
 $feuilleCSS=$listeStyle[$HTTP_COOKIE_VARS['styleperso']];
    else{
    // sinon on choisie un style par défaut
 $feuilleCSS='couleur.css';
 setcookie('styleperso','couleur', time()+60*60*24*30 , '/');
    }
}
?>

Probablement parce que ton hébergement ne supporte pas le "parsing" des fichiers .html wink.gif

Dan
doomer2
Non, c'est moi qui est desactive ce php pour l'instant volontairement.

Sinon q'elles autres remarques ?
Jan
Bonjour,
Je remarque que ton source contient 2 doctypes. C'est probablement un de trop wink.gif

Côté esthétique, les liens dans tes onglets passent en gras au survol de la souris. Ca a pour effet d'élargir certains de tes onglets.

Sous firefox en 1024x768, ta boite "Accès membres" se retrouve sous les 3 autres, alors que les 4 sont alignées sous IE.
doomer2
Je pense avoir fait les modifs correctement si tu peux me dire si c'est ok Jan.

Quelq'un peut il me donner un coup de main pour agrémenter ou donner des idées pour une feuille d'accueil de site internet ?
doomer2
J'ai un problme avec mon image de fond dans mon contenu.
Quelqu'un trouve ti'l le problme sur cette page : site css

Merci à tous
Perrine
Coucou Doomer2 smile.gif

Au premier abord, les onglets me font penser à ceux d'un hébergeur ... Je ne sais plus lequel. C'est dommage de les reprendre surtout que c'est exactement les mêmes couleurs (dans mes souvenirs, en tout cas happy.gif)

Suivant la résolution du navigateur, les onglets ne sont pas sur une ligne unique. Sur une résolution à 800x600, ils sont sur 2 lignes ... sur une résolution à 1600, sur 1 ligne. Dans ces 2 cas, c'est pas gênant. Mais quand on a une résolution intermédiaire, on a suivant les cas, un ou 2 onglets qui se balladent en 2ème ligne, ce n'est plus très équilibré.

Même reproche pour les div au fong gris qui s'alignent en fonction de la largeur du navigateur. Des fois, c'est équilibré, des fois on se retrouve avec 4 div en haut et 2 en bas.

Attention à ton <div id="titre">Site Internet en CSS</div>, suivant la hauteur du navigateur, le div disparait derrière les onglets. Surement dû au top:7% dans la CSS.

L'espace blanc laissé vierge à gauche va servir à quelque chose ? Si oui, tant mieux tongue.gif Sinon, tu peux peut-être coller ton menu à gauche et récupérer cet espace pour agrandir le div content

Le copyright en bleu sur fond jaune est pas très lisible.

En espérant que ces quelques remarques t'aident wink.gif
Igor
Bonsoir,
Dans ton code je hierarchiserais bien un peu avec des balises hn en remplacement des div id="titre", le titre du site en h1, les titres de niveau 2 en h2 comme Actualités, Les brèves etc., ce sont des titres après tout.
Tu appliques aussi des styles dans ton code sur des divs ou des éléments, tu pourrais aisément tout confier à ta feuille de style externe. Tu gagneras en temps et fonctionnalité si tu souhaites faire de modifications. Ton code serait plus clair aussi en découpant ta page en div logiques (par ex.: header, navigation, menu_fontionnel, contenu_principal, copyright) et en utilisant avec modération des divs pour des effets graphiques particuliers.
Dans tes rubriques Actualités, Les brèves etc. tu pourrais mettre un titre (h2?) et mettre le contenu dans dans une liste puisque c'est un énumération si je comprend bien.
Les guillemets français fermant pour faire un effet de chevron me chagrinent aussi puisqu'ils sont dans ton code alors qu'il ont un rôle décoratif; en utilisant un titre h2 et le stylant avec avec une image en background tu séparerais mieux ton contenu de la forme. Dans ces blocs tu utilises aussi des br si c'est pour ménager un espace j'utiliserais un padding ou margin suivant l'élément concerné.
Pour les couleurs, à titre personnel je ne suis pas un grand fan des 3 nuances de bleu utilisées.
Cordialement.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.