Conseilles pour mon design

nextrem

25 mars 2006 à 17:00:15

Bonjour
Je suis un zéro

et je viens de mettre en ligne ma premier page,le site n'a pas beaucoup de page pour l’instant

pourriez vous me donnez quelque conseilles pour améliorer le design ainsi que le code source ,s’il vous plaie

oups j’ai oublier de donner l’adresse

http://wararea.free.fr
ps : c'est site sur warcraft III tft

jb67

25 mars 2006 à 17:28:27

Hello

plusieurs conseils à te donner en effet...
Déjà, la lisibilité est pas top, le menu a gauche, avec une image de fond, rend le texte pas très lisible...
Ensuite, le blanc sur noir, c'est un peu "trash" visuelement aussi, essaye de mettre une couleur de fond à tes actualités par exemple

pour ce qui est du formulaire de login, si il n'est reservé qu'aux admins, cache le, par exemple fait toi un repertoire http://wararea.free.fr/admin/ où tu met le formulaire de login... à toi de voir

bon, globalement c'est pas encore fini et ca se sent mais bon ca viendra

un truc aussi, rédige un peu mieux ton texte, et évite les fautes... sur la page ca va encore, par contre les commentaires du code...

exemple:
Mise a jour :tableaux remplaçaient pas des div css

*gloups*

bon courage pour la suite en tout cas!!

nextrem

25 mars 2006 à 20:19:06

merci Legibe.com pour tes conseilles je te suis tres reconnaisant je prend note de ce que tu m'as dis dsl pour les fautes

jb67

25 mars 2006 à 22:24:08

De rien du tout, bon courage à toi

Killercube

26 mars 2006 à 5:53:36

Concernant ton code sources, pense à bien l'indenter. C'est à dire pour chaque balise comprenant une balise ouvrante, ton texte puis enfin une balise fermante, ecrit le en trois lignes, ça permet de mieux s'y retrouver. Pour illustrer ça, voici comment est ton code :

<p> Bonjour </p>

Voici ce que je te propose :

<p>
Bonjour
</p>

Bon, ceci n'est qu'un exemple où on ne voit pas trop la différence, mais lorsque tes balises s'imbriquent, ça devient beaucoup plus simple de voir les balises manquantes où l'endorit ou elle se ferment

EDIT : J'ai refait le code de ta page selon ma manière de rédiger, et surtout d'indenter (je n'ai pas toucher à ton code source autrement qu'en le replacant...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>
War-Area :: le site de Wow & Warcraft III
</title>
<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="en_tete">

</div>

<div id="menu">



<div id="top_menu">
<img src="Image/menu/menu_haut.gif" alt="d" width="150" height="27" />
</div>



<ul>
<li>
Histoire
</li>

<li>
Strategie
</li>

<li>
Race
</li>

<li>
Wow
</li>

<li>
Warcraft III
</li>

<li>
Download
</li>

<li>
wallpapers
</li>
</ul>



<form method="post" action="zone_admin/connection.php">
<p>
<span class="login">
Login :
</span>
<input name="pseudo" type="text" size="10" />
<br />

<span class="login">
Mot de passe :
</span>
<input name="mot_passe" type="password" size="10" maxlength="10" />
<br />

<input type="image" src="Image/Objets/demon2.gif"/>
<br />
</p>

<p>
 
</p>
<p>
 
</p>
<p>
 
</p>
<p>
 
</p>
<p>
 
</p>
<p>
 
</p>
<p>
 
</p>
<p>
 
</p>
</form>

</div>

<div id="corps">

<h3 class="news">
Bienvenue sur War-Area
</h3>

<div class="barre">

</div>

<p class="text_corps">
Bonjour et bienvenue sur mon site ! Ceci est mon premier site, alors soyez indulgents s'il vous plaît, j'apprends petit à petit comment ça marche…ca ne veut pas dire que j’ai jamais ecrit un script (X)HTML

<img src="Image/Emoticone forum/32.gif" alt="emoticone" width="18" height="18" />

bref je vais m’arrêter la je vous épargne le long discourt qui ne sert a rien.
</p>

<p class="text_corps">
Qui est l'auteur ?
<br />

l'auteur du site ?

<img src="Image/Emoticone forum/2.gif" alt="emoticone" width="26" height="24" />

Bah&sbquo;y en a deux en faite moi (celui qui a ecrit le message) c’est NeXtRm et y a aussi Virgil21 on va pas trop s’attarder la dessus
</p>

<p class="text_corps">
Bof ,votre site il a rien d’extraordinaire en plus y a rien la dedans

<img src="Image/Emoticone forum/09.gif" alt="" width="20" height="20" />
<br />

Pour l'instant c'est un peu vide, mais revenez dans 2-3 jours mois et vous verrez
</p>

<div class="barre">

</div>

<h3 class="news" >
Les News
</h3>

<div class="barre">

</div>

<p class="text_corps">
Je suis une news test

</p>

<div class="barre">

</div>

</div>

<div id="pied_de_page">

</div>

</body>
</html>

jb67

26 mars 2006 à 6:08:44

<p>Bonjour</p>

C'est très bien aussi ...
c'est plus pour le PHP, par exemple si tu as

if ($truc == $bidule)
{
echo 'chouette';
}
else
{
echo 'muche';
}

Enfin ceci dit, chacun sa facon de coder, et chacun sa facon d'indenter son code de manière à le rendre le plus lisible possible par le codeur, à savoir... soi-même, non?

Killercube

26 mars 2006 à 6:13:38

En effet, c'est chacun qui doit trouver sa manière de coder, et il est vrai que ma manière d'indenter me vient de l'IUT que je suis en train de subir. Mais il faut avouer qu'un code clair, bien indenter et bien commenter sera toujours préférable à un grand n'importe quoi

Et puis il vaut peut-être mieux que tu prennes les bonnes habitudes maintenant que tu es en formation, après ça viendra tout seul si tu te mets à utiliser des langages qui ont vraiment besoin d'être indenter comme le PHP ou le C

nextrem

26 mars 2006 à 10:51:13

merci beaucoup