Présentation pro d'une page web

Bonjour,
Je suis en train de construire un petit site, et j'aurais voulu savoir comment faire une présentation assez "pro" et soignée. Tout d'abord j'ai quelques notion de Html, mais pour l'instant mes sites se limités à la mise en page grâce aux tableaux (<table> ) et aux iframe. J'ai entendu parler de présentation grâce à des calques mais je ne m'y connais pas trop.
Merci d'avance.

je suis d'accord avec pomgnon quand aux couleurs et aux liens.
les css me paraissent aussi une bonne idée car cela te permettra par la suite de modifier toute la mise en page de ton site très simplement et rapdiement. c'est à toi de voir.
en tout cas il ne faut pas en faire trop au niveau du design. Le plus pro c'est de faire quelque chose de très simple et assez jolie esthetiquement avec des couleurs pas trop agressantes.

lol ?

tu veu faire un site pro tu sais pas te servir du css et le prend pas mal mais je vient d'aller voir le site de ton lien graphiquement c'est pas ca

Le prend pas mal mais tu sais pas écrire...

Y'a un début à tout comme on dit...
[/quote]

rapport avec le sujet ?

Va voir sur Alsacreations.com et Pompage.com, tu trouveras des faq et tutois bien completes pour faire du css/xhtml sans tables.

Bien avant les aspects graphique et programmation, c'est surtout l'ergonomie qui différencie un site "pro" d'un site "perso" (opposition site bien fait<->site fait à l'arrache)

Il y a un bon nombre de règles à connaitre/apprendre.
En voici quelques unes :
- les menus : nombres de sites changent leur menus de page en page. un coup à gauche, puis en haut, les liens pas dans le même ordre d'une page à l'autre, ...
L'utilisateur se perd, c'est pas bon
- la fonction du site : un site à prétention graphique (un pro du graphisme doit "prouver" ses capacités), un site marchand, ... sont différent et impliquent des fonctionnements différents : liens simples ou très visuels, ...
- moteur de recherche : un site marchand se doit d'avoir un moteur interne performant, mais aussi utilisable. Le pire : les sites de ce type qui utilisent google et donc "changent" leur aspect pour celui d'une page de résultat google.
- les liens-boutons : toujours dans le même ordre. Et certains boutons types doivent être dans un ordre défini par l'habitude : un bouton précédent doit être à gauche d'un bouton suivant par ex. (pour les pays écrivant de gauche à droite)
- bien différencier les choses différentes ! Regarde par ex la barre gauche de IDN. Une zone pour les infos actus, une pour nouveaux logiciels, ... Visuellement donc ergonomiquement bien définies.
Par contre, la barre de menu haute (accueil, actu, télécharger, comparateur et forum, qui sont la base de IDN) est à mon avis trop discrètes alors que plus importante pour ce site que la barre gauche
- Le bouton par défaut doit être réactif : je tape un mot dans la zone de recherche, puis entrée. Ca doit lancer la recherche. C'est valable pour plein de chose (ceux qui ont connu la vieille version des pagesjaunes, doivent comprendre ce que je dis)
- concentrer le regard sur les choses importantes. Et donc éviter les gifs animés de partout, les textes de 50 couleurs/tailles/polices différentes sur une même page, ...

La plupart de ces "règles" sont très basiques, mais bien souvent oubliées

Il y a après des règles plus personnelles, mais que je trouve importante :
- un lien sur la page d'accueil doit être présent partout et toujours au même endroit. C'est loin d'être toujours le cas. Et donc si on tombe sur une page intermédiaire par google, on est coincé (il faut retoucher l'url dans la barre d'adresse)
- Le logo, généralement en haut à gauche, peut/doit être un lien sur cette page d'accueil
- Ne pas changer de graphisme sans arrêt. Très dérangeant pour la navigation.
- les fenêtres pop-up : je ne parle pas des fenêtres de pub, mais celles internes à un site qui permettent de zoomer sur image, d'avoir des infos spécifiques, ...
Bien souvent, elles sont figées en taille, ou alors elles passent en plein écran sans possibilités de les redimensionner. 1 - bien souvent je me retrouve avec un ascenseur vertical (je n'ai pas forcément les mêmes paramêtres que celui qui à créer le site, et donc ça foire). 2 - en plein écran, je me retrouve avec un truc minuscule au milieu d'une fenêtre géante. De plus elle me gène si je veux avoir d'autres fenêtres en même temps.
Pour résumer : c'est bien de proposer (ouvrir la pop-up avec une taille spécifique, ...), c'est mal de forcer (empêcher de redimensionner, ...)

Bon, ces règles sont générale et donc doivent posséder des exceptions, principalement les sites à vocations graphiques
Un exemple de site que je trouve ergonomiquement très mal foutu (vu sa cible), c'est cdiscount : la première page est un exemple de ce qu'il ne faut pas faire selon moi : des trucs partout, ça clignote dans tous les sens, c'est écrit énorme pour les titres, ...

c'est peut etre pour ca qu'il demande, tu crois pas?
si il avait déja un site pro, il demanderais pas j'imagine...

et puis son site est pas mal, ca fait moin site tout fait avec un kit graphique (comme le tiens, par exemple )

Merci beaucoup pour toutes les infos !! Et pour Ben qui critique le design, je ne le prends pas mal, moi aussi je le trouve assez laid mais je l'ai fais quand j'avais 13 14 ans. Et puis j'ai fais un sondage sur le design, et il y a eu plus de bonnes critiques que de mauvaises ;-) sans prétention bien sûr.
Merci encore tout le monde ! :-D