3246 sujets

Critiques de vos sites: code et design

[PRO fait par un débutant] Site d'avocat

Salut !

Voilà, après de longues heures de travail acharné, j'ai enfin fini mon site Smiley biggrin
C'est un site professionnel d'avocat que j'ai fait pour ma mère. Je n'ai pas encore le texte (qui faut qu'elle tape), mais vous pourrez déjà noter la sémantique de mes balises, et surtout, pas que la sémantique ne soit pas la plus importante à mes yeux, hein, loin de là Smiley biggrin , mais surtout, je voudrais que vous me disiez ce que vous pensez du design.


Je suis un débutant, et je n'ai aucune honte à le dire, j'ai commencé il y a moins de deux semaines.
Alors déchaîner-vous, lâchez-vous, dites que c'est moche si c'est ce que vous pensez, je ne vous en tiendrais absolument pas rigueur. Et, encore mieux, quand vous faites une critique pour une erreur, dites-moi comment la coriger, ce sera encore mieux Smiley cligne Smiley cligne

Enfin bon, assez blablatez, voilà le site (où plutôt le code source, je connais pas d'hébergeur gratuit pour le mettre, et il encore qu'en bêta, voir même plutôt en delta Smiley ravi )

Lien pour télécharger tous les fichiers


<!DOCTYPE html>
<html>
    <head>
		<meta charset="UTF-8" />
        <title>Entrainement à l'HTML</title>
		<link rel="stylesheet" href="style.css" type="text/css">
    </head>

    <body>
		
		<header><span class="image_inline-block"><img href="Béné.jpg" src="Béné.jpg" alt="Bénédicte d'Andria" title="Bénédicte d'Andria" /></span>
		<p class="information_contact"><br>texte introductif...<br>
		texte introductif...<br>
		<strong>texte introductif important...<br></strong><br/></p></header>
		
		
		
		
		<nav><a class="lien_du_haut" href="http://www.google.fr/">Accueil</a>	<a class="lien_du_haut" href="http://www.google.fr/">Presentation</a>	
		<a class="lien_du_haut" href="http://www.google.fr/">Activité</a> <a class="lien_du_haut" href="http://www.google.fr/">Témoignages</a>
		<a class="lien_du_haut" href="http://www.google.fr/">Me contacter</a></nav>
		
		
		
		<section>piuaphu oiuan,foiu pioua,poif poiu,azpoier piuenoiuenp oiuenpiounpef piounepoinef
		eiouepoi,f poi,epoie^p leoejei  hejeozj njeiehsksivej eheoai neoehsoshj oej hjee^^kahej ehehqaj hej hzjah jeh kehaj he$ heoe
		hekah lozhekkkeaj kkahh iehjkskkkaoo sjjaooo kakkiitii kkkatpppaaktkkak , zijjj qkkeh kkhqoejqjekl 
		ekekehsnejnal n lejelenek,  bejan ;elnekl neka,le, 
		piuaphu oiuan,foiu pioua,poif poiu,azpoier piuenoiuenp oiuenpiounpef piounepoinef
		eiouepoi,f poi,epoie^p leoejei  hejeozj njeiehsksivej eheoai neoehsoshj oej hjee^^kahej ehehqaj hej hzjah jeh kehaj he$ heoe
		hekah lozhekkkeaj kkahh iehjkskkkaoo sjjaooo kakkiitii kkkatpppaaktkkak , zijjj qkkeh kkhqoejqjekl 
		ekekehsnejnal n lejelenek,  bejan ;elnekl neka,le, 
		piuaphu oiuan,foiu pioua,poif poiu,azpoier piuenoiuenp oiuenpiounpef piounepoinef
		eiouepoi,f poi,epoie^p leoejei  hejeozj njeiehsksivej eheoai neoehsoshj oej hjee^^kahej ehehqaj hej hzjah jeh kehaj he$ heoe
		hekah lozhekkkeaj kkahh iehjkskkkaoo sjjaooo kakkiitii kkkatpppaaktkkak , zijjj qkkeh kkhqoejqjekl 
		ekekehsnejnal n lejelenek,  bejan ;elnekl neka,le, 
		piuaphu oiuan,foiu pioua,poif poiu,azpoier piuenoiuenp oiuenpiounpef piounepoinef
		eiouepoi,f poi,epoie^p leoejei  hejeozj njeiehsksivej eheoai neoehsoshj oej hjee^^kahej ehehqaj hej hzjah jeh kehaj he$ heoe
		hekah lozhekkkeaj kkahh iehjkskkkaoo sjjaooo kakkiitii kkkatpppaaktkkak , zijjj qkkeh kkhqoejqjekl 
		ekekehsnejnal n lejelenek,  bejan ;elnekl neka,le, 
		piuaphu oiuan,foiu pioua,poif poiu,azpoier piuenoiuenp oiuenpiounpef piounepoinef
		eiouepoi,f poi,epoie^p leoejei  hejeozj njeiehsksivej eheoai neoehsoshj oej hjee^^kahej ehehqaj hej hzjah jeh kehaj he$ heoe
		hekah lozhekkkeaj kkahh iehjkskkkaoo sjjaooo kakkiitii kkkatpppaaktkkak , zijjj qkkeh kkhqoejqjekl 
		ekekehsnejnal n lejelenek,  bejan ;elnekl neka,le, 
		piuaphu oiuan,foiu pioua,poif poiu,azpoier piuenoiuenp oiuenpiounpef piounepoinef
		eiouepoi,f poi,epoie^p leoejei  hejeozj njeiehsksivej eheoai neoehsoshj oej hjee^^kahej ehehqaj hej hzjah jeh kehaj he$ heoe
		hekah lozhekkkeaj kkahh iehjkskkkaoo sjjaooo kakkiitii kkkatpppaaktkkak , zijjj qkkeh kkhqoejqjekl 
		ekekehsnejnal n lejelenek,  bejan ;elnekl neka,le, 
		piuaphu oiuan,foiu pioua,poif poiu,azpoier piuenoiuenp oiuenpiounpef piounepoinef
		eiouepoi,f poi,epoie^p leoejei  hejeozj njeiehsksivej eheoai neoehsoshj oej hjee^^kahej ehehqaj hej hzjah jeh kehaj he$ heoe
		hekah lozhekkkeaj kkahh iehjkskkkaoo sjjaooo kakkiitii kkkatpppaaktkkak , zijjj qkkeh kkhqoejqjekl 
		ekekehsnejnal n lejelenek,  bejan ;elnekl neka,le, 
		piuaphu oiuan,foiu pioua,poif poiu,azpoier piuenoiuenp oiuenpiounpef piounepoinef
		eiouepoi,f poi,epoie^p leoejei  hejeozj njeiehsksivej eheoai neoehsoshj oej hjee^^kahej ehehqaj hej hzjah jeh kehaj he$ heoe
		hekah lozhekkkeaj kkahh iehjkskkkaoo sjjaooo kakkiitii kkkatpppaaktkkak , zijjj qkkeh kkhqoejqjekl 
		ekekehsnejnal n lejelenek,  bejan ;elnekl neka,le, 
		piuaphu oiuan,foiu pioua,poif poiu,azpoier piuenoiuenp oiuenpiounpef piounepoinef
		eiouepoi,f poi,epoie^p leoejei  hejeozj njeiehsksivej eheoai neoehsoshj oej hjee^^kahej ehehqaj hej hzjah jeh kehaj he$ heoe
		hekah lozhekkkeaj kkahh iehjkskkkaoo sjjaooo kakkiitii kkkatpppaaktkkak , zijjj qkkeh kkhqoejqjekl 
		ekekehsnejnal n lejelenek,  bejan ;elnekl neka,le, 
		piuaphu oiuan,foiu pioua,poif poiu,azpoier piuenoiuenp oiuenpiounpef piounepoinef
		eiouepoi,f poi,epoie^p leoejei  hejeozj njeiehsksivej eheoai neoehsoshj oej hjee^^kahej ehehqaj hej hzjah jeh kehaj he$ heoe
		hekah lozhekkkeaj kkahh iehjkskkkaoo sjjaooo kakkiitii kkkatpppaaktkkak , zijjj qkkeh kkhqoejqjekl 
		ekekehsnejnal n lejelenek,  bejan ;elnekl neka,le, 
		piuaphu oiuan,foiu pioua,poif poiu,azpoier piuenoiuenp oiuenpiounpef piounepoinef
		eiouepoi,f poi,epoie^p leoejei  hejeozj njeiehsksivej eheoai neoehsoshj oej hjee^^kahej ehehqaj hej hzjah jeh kehaj he$ heoe
		hekah lozhekkkeaj kkahh iehjkskkkaoo sjjaooo kakkiitii kkkatpppaaktkkak , zijjj qkkeh kkhqoejqjekl 
		ekekehsnejnal n lejelenek,  bejan ;elnekl neka,le, 
		piuaphu oiuan,foiu pioua,poif poiu,azpoier piuenoiuenp oiuenpiounpef piounepoinef
		eiouepoi,f poi,epoie^p leoejei  hejeozj njeiehsksivej eheoai neoehsoshj oej hjee^^kahej ehehqaj hej hzjah jeh kehaj he$ heoe
		hekah lozhekkkeaj kkahh iehjkskkkaoo sjjaooo kakkiitii kkkatpppaaktkkak , zijjj qkkeh kkhqoejqjekl 
		ekekehsnejnal n lejelenek,  bejan ;elnekl neka,le, <br></section>
		
		
		
		<footer>
Merci d'avoir visité mon site, je vous souhaite une agréable journée ! <br><strong>Benedicte d'Andria<strong></footer>
		
		
		
		
    </body>
</html>


section
{
	text-align : justify;
	margin : 30px;
}
body
{
	color : black;
	font-family : arial;
	background : #b5570d; 
}
section 
{
	background : #ffab57; 
	padding : 50px;
	margin-top : 50px;
	border-radius : 5px;
	border : 1px solid black;
	color : #720000;
	/*box-shadow : 3px 3px 10px black;*/
}
nav
{
	margin : 30px;
	text-align : center;
}
header
{
	padding : 30px;
	padding-bottom : 10px;
	background : #ffab57;/**/
	margin : 30px;
	border : black solid 1px;
	/*box-shadow : 3px 3px 10px black;*/
	border-radius : 5px;
}
.information_contact
{
	/*display : inline-block;*/
	border : solid 1px black;
	height : 136px;
	color : black;
	margin-left : 200px;
	margin-right : 10px;
	margin-top : 0px;
	text-align : center;
	font-size : 1.3em;
	
}
footer 
{
	color : white;
	text-align : center;
}
.lien_du_haut
{
	display : inline-block;
	background : #ffab57;
	font-size : 1.2em;
	color : #720000;
	width : 260px;
	padding : 5px;
	text-align : center;
	border : black groove 1px;
	border-radius : 5px;
	font-family : arial;
	margin-right : 15px;
	margin-left : 15px;
	/*box-shadow : 3px 3px 10px black;*/
	text-decoration : none;
	vertical-align : top;
	margin-top : 10px;

}
.lien_du_haut :visited
{
	display : inline-block;
	background : #ffab57;
	font-size : 1.2em;
	color : #720000;
	width : 260px;
	padding : 5px;
	text-align : center;
	border : black groove 1px;
	border-radius : 5px;
	font-family : arial;
	margin-right : 15px;
	margin-left : 15px;
	/*box-shadow : 3px 3px 10px black;*/
	text-decoration : none;
	vertical-align : top
}
.lien_du_haut:hover
{
	display : inline-block;
	background : #ffd2a5;
	font-size : 1.2em;
	width : 260px;
	padding : 5px;
	text-align : center;
	border : black groove 1px;
	border-radius : 5px;
	font-family : arial;
	margin-right : 15px;
	margin-left : 15px;
	box-shadow : 1px 1px 1px black;
	text-decoration : none;
	vertical-align : top;
	color : #720000;
}
.image_inline-block
{
	display : inline-block;
	margin : 0px;
	padding : 0px;
	vertical-align : top;
	height : 136px;
	border : solid 2px black;
	float : left;
	margin-right : 10px;
}
Ce que Fabious voulait dire, c'est qu'on ne télécharge pas, par principe, des fichiers, juste comme ça, et qu'il faudrait quand même que tu leurs trouves un hébergement.

Ah oui, aussi, le texte zarbi, y a le Lorem Ipsum pour ça, ou Fillerati.com si tu veux un truc plus classe Smiley lol
Sincèrement, pour un site d'avocat. Un meilleur design et une meilleure typographie seraient milles fois préférables.
La page fait amateur, les couleurs sont mal choisies et la qualité de la photo n'est pas très bonne.
Pour l'instant, je te conseillerais de revoir tout. Si tu as des questions plus précises, n'hésite pas.
Allez bonne chance, Smiley cligne
Salut,

2ème fois que quelqu'un postule dans cette pour que l'on télécharge des fichiers, moi je dis non.
Smiley exit
euh... Excusez-moi, je connais aucun hébergeur gratuit Smiley confused
Vous auriez pas un nom à me donner ?

Sinon, pour les critiques qui m'ont été faites, (1 en fait Smiley smile )

Qu'entend-tu par typographie ? C'est le choix de police ?
Pour la photo, je suis entièrement d'accord avec moi, ma mère n'a toujours pas choisis, c'est une vieille photo que j'ai trouvé sur qype : http://www.qype.fr/place/1751588-Cabinet-Benedicte-dAndria-Paris

Enfin, pour les couleurs, c'est vrai que c'est bof bof, mais je sais pas encore les tons que ma mère veut, ni si ça doit être quelque chose de clair ou de foncé.
Mais, je vais quand même bien travailler à ce sujet.

En tout cas, merci pour tes remarques qui vont me permettre d'améliorer un peu tout ça !

Bonne soirée (je remettrai le site sur un vrai hébergement dès que j'aurais fait les modifications et que j'aurais trouvé un hébergeur)
Il a un but pro, mais je compte commencer à le mettre si un hébergement payant que quand il sera totalement fini, et qu'il aura été validé par ma mère.
gasasaa a écrit :
Il a un but pro, mais je compte commencer à le mettre si un hébergement payant que quand il sera totalement fini, et qu'il aura été validé par ma mère.


Pourquoi ne pas venir le présenter plus tard alors?
a écrit :
Si c'est pas sur Megaupload, je ne télécharge pas. Question de principes.


T'inquiète pas ça ne risque plus d'arriver avec SOPA Smiley cligne

Hebergeur "gratuit" > free (à supposer que tu sois chez eux ^^)
Je n'ai pas téléchargé les fichiers mais à ce que je lis tu ne sais pas encore vraiment la direction que tu dois prendre... Parle en avec ta mère, met tout à plat, la gamme de couleurs, le style globale (moderne, classic, drole, ...), les typos, ...

Pense à regarder ce qui se fait déjà dans ce domaine Smiley cligne
par exemple celui-ci a été réalisé par l'agence ou je suis en ce moment :
http://kurversfrencken.nl/

Bon courage

PS:et sinon au lieu de demander de télécharger les fichiers tu mettre un screenshot du résultat Smiley cligne (et le code joint à la limite)
jmlapam :

Je compte l'héberger quand il sera fini... Donc tant qu'il y a des critiques à faire dessus, il est pas fini...
Et si on me critique pas, je sais pas quoi améliorer donc ça avance pas.

aeon : Merci beaucoup pour le site modèle que tu m'a donné !

Pour ma part, j'avais déjà celui là : http://www.dominique-laurant.fr/
Mais le point commun entre tous ces sites, c'est javascript, et je connais pas encore ce language.
Donc j'ai encore pas mal de travail ! Smiley smile
T'es pas obliger d'apprendre Javascript, moi j'ai fais mon site avec JS sans l'apprendre (mais faut pas le dire ^^) y a pleins de très bon tutos ou même des scripts directement accessibles (je pense à http://www.editeurjavascript.com/scripts/ par exemple), après si tu veux l'apprendre pourquoi pas c'est toujours un plus... Mais sache également que javascript c'est un plus mais pas nécessaire, tu peux très bien faire un truc extraordinaire sans, avec seulement html et css (sans php, sans JS, sans jquery, sans plug-in, sans rien ;( ^^)
Sujet clos
Aller à