avis sur le commencement de mon site

avis sur le commencement de mon site - Web design - Graphisme

Marsh Posté le 08-03-2005 à 22:17:22    

Je voudrais vous demander ce que vous pensez du commencement de mon site. Les bords arrondis sont-ils une boonne idée ? Comment faire pour l'améliorer ?
J'espère que je ne me trompe pas de catégorie, cette fois ci. :D  
http://img218.exs.cx/img218/9677/site7ou.th.jpg

Reply

Marsh Posté le 08-03-2005 à 22:17:22   

Reply

Marsh Posté le 08-03-2005 à 22:20:50    

Le menu est celui d'une ancienne version du site "charmed world" maintenant fermé (je l'ai pris pour voir quelle couleur je pouvais mettre le texte)

Reply

Marsh Posté le 08-03-2005 à 22:40:40    

Je trouve que la couleur du texte du menu n'est pas assez contrastée par rapport à la couleur du fond, c'est un peu illisible :(. Sinon, pour les éléments aux bords arrondis, ça va être un peu la galère pour le CSS ;)

Reply

Marsh Posté le 08-03-2005 à 22:48:10    

comment ça
pour les éléments aux bords arrondis, ça va être un peu la galère pour le CSS

Reply

Marsh Posté le 08-03-2005 à 22:49:35    

Le texte doit être plus foncé alors.

Reply

Marsh Posté le 08-03-2005 à 23:02:49    

Plus clair je dirais, voir blanc. Pour le CSS, bah c'est dur de faire des coins arrondis tant que le CSS3 est encore en phase de développement :(. Faut soit tricher avec des éléments vides, des images sans alt, ou alors faire ça en JS :(

Reply

Marsh Posté le 08-03-2005 à 23:06:38    

FlorentG a écrit :

Plus clair je dirais, voir blanc. [..]

Hum... oui. Ou limite couleur de fond de page, ou un poil plus foncé. Disons que le blanc... bah faut tester, ça peut sortir bien. [:ddr555] :sol:


Message édité par Pinzo le 08-03-2005 à 23:06:51
Reply

Marsh Posté le 08-03-2005 à 23:06:39    

Je viens de commencer dans la conception de site et je ne comprend pas très bien ce que tu dis.^^' J'utilise photoshop pour faire les coins arrondis et j'utilise les iframes pour la mise en page en html. Merci en tout cas pour ces conseils.

Reply

Marsh Posté le 08-03-2005 à 23:08:47    

eric251 a écrit :

Je viens de commencer dans la conception de site et je ne comprend pas très bien ce que tu dis.^^' J'utilise photoshop pour faire les coins arrondis et j'utilise les iframes pour la mise en page en html. Merci en tout cas pour ces conseils.

Les iframes sont très déconseillées.
 

Citation :

Les cadres (frames et iframes) sont fréquemment utilisés pour faire une mise en page avec des parties fixes et des parties dynamiques, scrollables. Cependant, cette technique, heureusement peu voire non utilisée par les sites professionnels tout-publics présente de nombreux désavantages, notamment pour le référencement, la mise en favoris, l'impression de page,...
 
Source: Alsacreations


Message édité par Pinzo le 08-03-2005 à 23:09:47
Reply

Marsh Posté le 08-03-2005 à 23:09:55    

Sans parraître ridicule, c'est quoi le CSS, les images sant alt ou encore le JS ?

Reply

Marsh Posté le 08-03-2005 à 23:09:55   

Reply

Marsh Posté le 08-03-2005 à 23:11:30    

Avec quels navigateurs est compatible "le overflow"

Reply

Marsh Posté le 08-03-2005 à 23:21:04    

Ouch. Le overflow est compatible avec tous les navigateurs actuels (99% on va dire)

Reply

Marsh Posté le 09-03-2005 à 16:42:33    

Je trouve que les iframes c'est très bien. En plus le overflow est très difficile à manier (en tout cas pour moi).

Reply

Marsh Posté le 09-03-2005 à 16:56:31    

Non, les iframes ne sont pas bien :o
 
Pour les overflow, c'est culcul, suffit de donner une dimension à ton élément, genre :

Code :
  1. #contenu {
  2.   width: 700px;
  3.   height: 300px;
  4.   overflow: auto;
  5. }


Et le tour est joué :)

Reply

Marsh Posté le 09-03-2005 à 17:00:50    

faut pas le mettre entre <div> et </div> ou un truc comme ça. Est-ce qu'on peut y ajouter un fond (voir l'image au début)

Reply

Marsh Posté le 09-03-2005 à 17:02:31    

ça marche pas :  
#contenu {  
  width: 700px;  
  height: 300px;  
  overflow: auto;  
}
 
j'ai peut-être oublié quelque chose ?

Reply

Marsh Posté le 09-03-2005 à 19:10:32    

Il te faut un :

<div id="contenu">...</div>


;)
Sinon oui, on peut y ajouter un fond

Reply

Marsh Posté le 09-03-2005 à 20:53:49    

FlorentG a écrit :

Il te faut un :

<div id="contenu">...</div>


;)
Sinon oui, on peut y ajouter un fond

Quelle est la différence entre un id="..." et un class="..." ? J'utilise toujours class="..." moi. :o


Message édité par Pinzo le 09-03-2005 à 20:55:05

---------------
“I'll thank you very much.”
Reply

Marsh Posté le 09-03-2005 à 22:13:56    

Je veux faire un overflow dans un tableau qui fait 186px de largeur. Mais si je met :  
 
<div style="overflow:scroll;height:440px;width: 186px">blahalaba</div>
 
La scrollbar prend des pixels en plus et ça dépasse (je ne sais pas si je suis très clair)  
Comment faire pour remédier à ce problème ?

Reply

Marsh Posté le 09-03-2005 à 22:22:19    

Pourquoi les iframes ne sont pas recommandés. De nombreux site (de Charmed) en comprenent.

Reply

Marsh Posté le 09-03-2005 à 22:31:58    

même presque tous.

Reply

Marsh Posté le 09-03-2005 à 22:40:21    

Pinzo a écrit :

Quelle est la différence entre un id="..." et un class="..." ? J'utilise toujours class="..." moi. :o


 
Et quand tu veux juste récupérer un élément avec du DOM ?
 
Et surtout d'un point de vue sémantique, quand t'as un élément unique faut utiliser un id, genre :

Code :
  1. <body>
  2.   <div id="header"></div>
  3.   <div id="menu"></div>
  4.   <div id="contenu"></div>
  5.   <div id="footer"></div>
  6. </body>


 
Aussi, comme t'es un mec intelligent, tu fais en sorte que ta page soit accessible. Ca passe par des liens de type "aller au contenu", "aller à la navigation". Et ces lien vont faire référence à l'id :

Code :
  1. <a href="#menu">Aller à la navigation</a>
  2. <a href="#contenu">Aller au contenu</a>


Et voici ce que dis la recommandation HTML 4.01 :
 

Citation :

L'attribut id a plusieurs rôles dans HTML :

  • comme sélecteur dans une feuille de style ;
  • comme ancre cible de liens hypertextes ;
  • comme moyen d'appeler un élément particulier à partir d'un script ;
  • comme nom d'un élément OBJECT déclaré ;
  • pour un traitement universel par les agents utilisateurs (par exemple, pour identifier les champs lors de l'extraction des données des pages HTML pour peupler une base de données, pour traduire des documents HTML dans d'autres formats, etc.).


:)
 

eric251 a écrit :

Pourquoi les iframes ne sont pas recommandés. De nombreux site (de Charmed) en comprenent.


C'est pas parce que de nombreux sites les utilisent que c'est bien ;) C'est comme pour la mise en page par tableaux. Tous ces trucs nuisent à la navigation, au référencement, à l'accessibilité, etc, etc...

Reply

Marsh Posté le 09-03-2005 à 22:52:00    

tu as raison mais comment faire sans tableaux ??? et comment faire pour enlever la barre de navigation horizontale ?

Reply

Marsh Posté le 09-03-2005 à 22:55:33    

Pour faire sans tableaux, faut utiliser du CSS

Reply

Marsh Posté le 09-03-2005 à 22:59:09    

C'est pas trop grave quand même si on utilise un tableau ? Ou alors on met en position absolue, non ?

Reply

Marsh Posté le 09-03-2005 à 23:03:56    

En gros ouais. Pour les tableaux, c'est bof niveau accessibilité. Et surtout si un jour tu veux changer la présentation, t'aura pas besoin de refaire toutes les pages HTML, suffira de changer le fichier CSS :)

Reply

Marsh Posté le 09-03-2005 à 23:07:06    

Au début je voulait trouver une solution à ça :
Quand on clique sur un lien, ça remonte la page. Et il faut la redescendre pour ensuite regarder les informations (car ma bannière est trop haute). Mais pourquoi pas simplemnt utiliser des ancres nommés (avec dreamweaver)?

Reply

Marsh Posté le 09-03-2005 à 23:10:57    

Oui, tu peux utiliser une ancre nommée :) (d'ailleurs c'est vraiment pas con :D )

Reply

Marsh Posté le 10-03-2005 à 16:08:49    

Pour ne plus afficher la barre horizontale je met : overflow:auto mais j'ai vu sur le forum qu'on devait mettre overflow-y:hidden. Overflow:auto, ça marche ou pas ?

Reply

Marsh Posté le 10-03-2005 à 16:21:03    

overflow-y n'existe pas dans la norme, c'est un truc propriétaire de microsoft

Reply

Marsh Posté le 10-03-2005 à 16:46:41    

Voilà, j'ai fait des modifications, utilisation de la fonction overflow, changement de la couleur du texte et de la scrollbar. Comment faire pour encore l'améliorer.
http://img230.exs.cx/img230/8272/site3pq.th.jpg

Reply

Marsh Posté le 10-03-2005 à 16:47:17    

La couleur de la scrollbar est aussi un truc propriétaire de Microsoft ;)

Reply

Marsh Posté le 10-03-2005 à 16:49:39    

J'utilise Internet Explorer, c'est pour ça.

Reply

Marsh Posté le 10-03-2005 à 16:51:57    

Mais à la validation, ça va pas passer ;)

Reply

Marsh Posté le 10-03-2005 à 16:52:59    

c quoi la validation ? la compatibilité ?

Reply

Marsh Posté le 10-03-2005 à 17:17:35    

Ca te permet de voir les erreurs dans ton CSS, ainsi que les trucs propriétaires qu'il ne faudrait pas utiliser : http://jigsaw.w3.org/css-validator/

Reply

Marsh Posté le 10-03-2005 à 17:32:28    

??? Je ne crois pas utiliser le CSS. Enfin, je sais pas trop.

Reply

Marsh Posté le 10-03-2005 à 19:37:47    

Mon début de site n'est pas encore en ligne. ça marche si il est sur mon ordinateur ?

Reply

Marsh Posté le 10-03-2005 à 20:40:23    

Alors qu'est-ce que je fais ?
Sois :
- j'utilise des overflows (comment faire des liens?) :heink:  
- j'enregistre les pages sous et je change le texte en utilisant des ancres nommés (mon idée du départ mais je sais pas si c'est bien) :sweat:  
- si vous avez une autre solution plus simple... :)

Reply

Marsh Posté le 10-03-2005 à 22:26:48    

Bon je crois que je vais utiliser les overflow en position absolue.... mais quelle police choisir pour le titre et le mettre en valeur :pfff:


Message édité par eric251 le 10-03-2005 à 22:27:36
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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