Suivez les fils RSS
 

Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • CSS2
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • Memento XHTML
  • WordPress 3 100% pratique
  • jQuery et jQuery UI
Rechercher dans le sujet :
Forum
» Critiques de vos sites: code et design
» [PRO fait par un débutant] Site d'avocat
Auteur
gasasaa
#
Citer
4 Posts
 Salut !

Voilà, après de longues heures de travail acharné, j'ai enfin fini mon site 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à 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 cligne 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 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;
}


^
Fabious
#
Citer
334 Posts
 ('-_-)
^
Stephanelam
#
Citer
274 Posts
 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 lol

http://www.stephanelambion.com 
^
jb_gfx
#
Citer
2853 Posts
 Si c'est pas sur Megaupload, je ne télécharge pas. Question de principes.
Je ne sais pas si je suis cultivé ou si je viens d'inventer deux nouveaux mots.
http://www.pixemedia.com/ 
^
hopper
#
Citer
52 Posts
 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, cligne

^
jmlapam
#
Citer
Bazinga !
2148 Posts
 Salut,

2ème fois que quelqu'un postule dans cette pour que l'on télécharge des fichiers, moi je dis non.
exit
Don't <li> !
http://jmperso.eu 
^
gasasaa
#
Citer
4 Posts
 euh... Excusez-moi, je connais aucun hébergeur gratuit confused
Vous auriez pas un nom à me donner ?

Sinon, pour les critiques qui m'ont été faites, (1 en fait 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)
^
Fabious
#
Citer
334 Posts
 Si le site a un but pro tu peux pas mettre 20€ pour 1 année d'hébergement payant ? :x
^
gasasaa
#
Citer
4 Posts
 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.
^
jmlapam
#
Citer
Bazinga !
2148 Posts
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?
Don't <li> !
http://jmperso.eu 
^
aeon
#
Citer
29 Posts
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 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 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 cligne (et le code joint à la limite)
http://www.florianbranchet.com 
^
gasasaa
#
Citer
4 Posts
 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 ! smile

^
aeon
#
Citer
29 Posts
 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 ;( ^^)
http://www.florianbranchet.com 
^
Prévenir un modérateur
Répondre au sujet
Aller à