Avis sur site ...

Avis sur site ... - Web design - Graphisme

Marsh Posté le 21-10-2005 à 10:23:44    

Je viens de faire le site de mon club de plongee, pour l'instant sans reel contenu (a part une ou deux pages statiques y'a pas grand chose a voir), juste pour valider le look : http://xxxxxxxxxxxxxxxx.free.fr
 
L'idee : je voulais un truc un peu "aquatique", qui fasse clean mais pas trop serieux non plus. Le but du site c'est (evidemment) de presenter nos activites, mais aussi, dans le futur, gerer le fonctionnement interne du club (plongees, inscriptions, etc)
 
J'ai juste utilise un editeur de texte, photoshop pour les images (tout est de moi sauf l'etoile de mer, et le caustic) et pondu un truc le plus clean possible : CSS + XHTML.
 
Les bons points (a mon avis) :
- XHTML Strict (le validateur passe)
- Pas de table
- les images servant a la deco sont toutes dans le CSS, aucun <IMG>
- Meme rendu sous FF et IE sans trop magouiller.
 
Les moins bons points:
- c'est lourd (le speedtest a quelques elements en rouge, normal)
- la maniere d'appeler le CSS a pas l'air standard, je sais pas ou j'ai chope ca mais ca marche.
 
Vous en pensez quoi ? (Mis a part le fait qu'il soit lourd a charger, mais j'y travaille)


Message édité par Gonzoide le 02-05-2017 à 14:14:00
Reply

Marsh Posté le 21-10-2005 à 10:23:44   

Reply

Marsh Posté le 21-10-2005 à 11:54:39    

j'en pense que t'as pas lu les règles concernant les demandes d'avis de sites persos [:itm]
 
edit: ok, done :jap:


Message édité par Darth21 le 21-10-2005 à 13:56:33

---------------
TZR un jour…  |  gamertag: cropNcut
Reply

Marsh Posté le 21-10-2005 à 13:49:14    

Oups, en effet ... j'ai edite avec (beaucoup) plus de details


Message édité par Gonzoide le 21-10-2005 à 13:51:24
Reply

Marsh Posté le 21-10-2005 à 13:54:21    

bon, je laisse le modéro modoiser, mais en attendant, je te livre mes impressions.
 
- le titre est assez peu visible, disons qu'on a du mal à le déchiffrer à cause de la typo compliquée et de son intégration dans l'image de fond.
 
- le texte au milieu (blabla) "flotte" au milieu de la page. il faudrait qu'il soit par exemple aligné avec le haut du menu. Et idem pour la lisibilité, c'est assez chargé.
 
Par contre je trouve le petit engin qui mesure la pression rigolo :D
 
voila.
 
J'ai jeté un oeil sur le code, rien de choquant je pense à part que tu utilises peut être trop les <div>. Par exemple un <div id="menu"><ul><li></li></ul></div> peut être simplifié en <ul id="menu"><li></li></ul>
 
 
Edit : après avoir vu ton post édité.
La manière courante d'appeler une feuille de style externe, c'est

Code :
  1. <link href="nom_de_ma_feuille.css" rel="stylesheet" type="text/css" />

Message cité 1 fois
Message édité par remizz le 21-10-2005 à 13:56:26
Reply

Marsh Posté le 21-10-2005 à 14:38:52    

Merci :jap:
 
Si je supprime le <div> du menu, je pourrais quand meme le placer ou je veux en position:absolute ? Je me suis habitue a la regle : "une zone logique = un div", ca me semble bizarre de faire sans :)
 
Pour le coup du texte qui flotte, c'est vrai que j'y ai pas pense, mais a la reflexion c'est vrai que ca fait bancal :jap:
 
Pour le coup du titre dur a lire, c'est vrai que ce'st moins lisible que du noir sur blanc mais ca me semble encore acceptable, non ? Je voulais garder l'idee d'un titre qui s'enfonce dans l'eau, c'est vrai qu'en contrepartie c'est un peu moins contraste. Idem pour le fond : je tenais a une transition sable -> eau turquoise -> eau profonde, mais j'en chie pour trouver une maniere lisible d'afficher du texte sur tout ca ... :(

Message cité 1 fois
Message édité par Gonzoide le 21-10-2005 à 14:40:04
Reply

Marsh Posté le 21-10-2005 à 15:00:21    

le titre de ton site : defini un H1 pour le site


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 21-10-2005 à 15:09:47    

gatsusat a écrit :

le titre de ton site : defini un H1 pour le site


C'est prevu, pour l'instant la page que j'affiche c'est du khakha  [:tartalap]

Reply

Marsh Posté le 21-10-2005 à 16:57:32    

Gonzoide a écrit :

Merci :jap:
 
Si je supprime le <div> du menu, je pourrais quand meme le placer ou je veux en position:absolute ? Je me suis habitue a la regle : "une zone logique = un div", ca me semble bizarre de faire sans :)
 
Pour le coup du texte qui flotte, c'est vrai que j'y ai pas pense, mais a la reflexion c'est vrai que ca fait bancal :jap:
 
Pour le coup du titre dur a lire, c'est vrai que ce'st moins lisible que du noir sur blanc mais ca me semble encore acceptable, non ? Je voulais garder l'idee d'un titre qui s'enfonce dans l'eau, c'est vrai qu'en contrepartie c'est un peu moins contraste. Idem pour le fond : je tenais a une transition sable -> eau turquoise -> eau profonde, mais j'en chie pour trouver une maniere lisible d'afficher du texte sur tout ca ... :(


 
Pour ce qui est du  "une zone logique = un div" c'est faux. En fait, n'importe quelle balise bloc peut jouer ce role (div, p, hx, ul... par exemple)
donc pas de problème concernant ton position:absolute; (tu auras peut être besoin d'un petit réajustement).
 
Pour le titre, c'est sur qu'on peut le lire, mais disons qu'à la 1ère visite sur ta page, notre oeil est plutôt attiré par le bidule dont je n'arrive toujours pas à trouver le nom :D (avec la ptite aiguille), et non sur le titre. Donc après c'est toi qui vois ;)
 
Pour le texte et ton fond, tu peux très bien mettre un fond 'atténué' sous ton texte : le même fond que celui de ta page, mais en plus transparent. ça se fait très facilement en CSS. (comme ça : http://www.csszengarden.com/?cssfi [...] css&page=0 ==> le texte est sur un autre fond, fait à partir du fond de la page de base)
 
voila !
 

Reply

Marsh Posté le 21-10-2005 à 17:11:56    

remizz a écrit :

Pour ce qui est du  "une zone logique = un div" c'est faux. En fait, n'importe quelle balise bloc peut jouer ce role (div, p, hx, ul... par exemple)
donc pas de problème concernant ton position:absolute; (tu auras peut être besoin d'un petit réajustement).

Ah, ok, ben j'ai peche par ignorance [:spamafote]

 
Pour le titre, c'est sur qu'on peut le lire, mais disons qu'à la 1ère visite sur ta page, notre oeil est plutôt attiré par le bidule dont je n'arrive toujours pas à trouver le nom :D (avec la ptite aiguille), et non sur le titre. Donc après c'est toi qui vois ;)
 
Le manometre :D  
 
Pour le texte et ton fond, tu peux très bien mettre un fond 'atténué' sous ton texte : le même fond que celui de ta page, mais en plus transparent. ça se fait très facilement en CSS. (comme ça : http://www.csszengarden.com/?cssfi [...] css&page=0 ==> le texte est sur un autre fond, fait à partir du fond de la page de base)
 
Faudra que j'essaye ca ... en revanche, j'aime pas trop le lien que tu as donne : la lecture est difficile a gauche a cause du fond et (probleme recurrent) la couleur de fond est pas specifiee. Je sais qu'on doit etre 0.1% d'utilisateurs de Windows a utiliser une couleur de document autre que le blanc (perso, RGB=192/220/192), mais c'est incroyable le nombre de sites (a commencer par MSDN itself) qui semblent degueu chez moi parce que les webdesigners semblent considerer comme acquis que "couleur de fond = blanc" chez tout le monde :fou:
 
PS : je conseille a tous ceux que je peux de changer la couleur de blanc a 192/220/192, c'est incroyable comme c'est plus reposant pour les jeux quand on travaille longtemps sur des documents genre Word, Excel, etc.
 


Message édité par Gonzoide le 21-10-2005 à 17:18:30
Reply

Marsh Posté le 22-10-2005 à 00:32:45    

remizz a écrit :

Edit : après avoir vu ton post édité.
La manière courante d'appeler une feuille de style externe, c'est

Code :
  1. <link href="nom_de_ma_feuille.css" rel="stylesheet" type="text/css" />



Oui et non. L'utilisation d'un élément style et de la fonction import permet de masquer la CSS à des navigateurs anciens genre NS4 qui ont un support des CSS catastrophique...

Reply

Marsh Posté le 22-10-2005 à 00:32:45   

Reply

Marsh Posté le 24-04-2006 à 02:17:22    

Qui peut m'aider en css?


---------------
A LIRE     Tout en surfant sur HARDWARE ECOUTE DLA BONNE MUSIC Clic ici tu écoutera DIRECTEMENT et là pour aller sur site de la Web radio
Reply

Marsh Posté le 29-04-2006 à 21:43:56    

voici le site d'un pote:http://membres.lycos.fr/sitedututo/  
Meme si les rubriques sont pas terrible terrible jpense que le site est assez réussi. :pfff:  
Vous en pensez quoi ?? :??:

Reply

Marsh Posté le 29-04-2006 à 21:46:47    

Aussi pour tout les débutants en matiere de html css et php ce sitehttp://www.siteduzero.com/ est vraiment fait pour vous. :ange:  Alors foncez y  :love:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed