Présentation du site Aurelien69 [Résolu]

[aurelien3030]

Bonjour, je m'appelle Aurélien, j'ai 10 ans et je fait du développement .net et Web.

Il n'y a pas longtemps, j'ai créé mon site Aurelien69 où j'y mettrai mes réalisations.

L'adresse du site : aurelien69.pagespero-orange.fr

Merci d'avance pour vos commentaires.

[Muchos]

Il y a une petite faute de lien dans ton message : c'est "pageperso" et non "pagespero"

Le site est rapide à charger ; pas très joli mais sobre.

D'une part, quelques remarques techniques :

1. Sur ta page d'accueil notamment, tu dois placer les balises meta dans cet ordre :
   
   Code html :

   1
   2
   3
   4
   5
    
   <meta charset="utf-8" />
   <title>Aurelien69</title>
   <meta name="description" content="Bonjour, sur ce site, trouvez ma galerie de dessin, mes logiciels et des cours.">
   <meta name="keywords" content="aurelien69, pixel art, logiciels gratuits, meilleurs logiciels gratuits, mailleurs créations pixel art">

   
   Si tu mets le charset après les autres meta, les accents du texte des content ne seront pas pris en charge. En outre, pour les moteurs de recherche, il est bon de placer le <title> et les balises de description le plus tôt.
   
2. Il faut également encoder les esperluettes (&) dans les href. Tu peux utiliser le code html de ce caractère : #&38;.
   
3. Le code html n'est pas mal, même si "footer" est un peu trop rempli d'éléments intéressants qui devraient être ramenés au contenu. Attention à la balise <center>, qui ne doit plus être utilisée depuis html 4 ! Enfin, le titre est bizarrement codé alors qu'un h1 devrait faire l'affaire.
   
   Code html :

   1
   2
   3
   4
   5
    
   <li id="aze"><div id="titre_principal"><img src="images/logo1.png" alt="Logo Aurelien69" id="Img1" /><h1>Aurelien69</h1></div></li>
   <!-- 
   <h1><img src="images/logo1.png" alt="Logo Aurelien69" id="Img1" />Aurelien69</h1>
   -->

4. La css est bien. Seuls les liens survolés sont difficiles à voir (bordeaux sur noir). Intéresse-toi aussi peut-être aux unités relatives (pas de pixels, mais des pourcentages ou des ex…) et profite de la simplicité de ton site pour laisser les éléments dans le flux. Tes pages pourront ainsi se redimensionner sans déborder (quand on minimise la fenêtre par ex).
   
   D'autre part, mais c'est le plus important : un site sert à communiquer des contenus, des idées. Ton site est peut-être jeune, mais déjà tu dois un peu décrire ce que l'internaute peut ou pourra y trouver.
   
   Tu as l'air de faire du "PA", mais je n'ai pas pu en apprendre davantage… Dommage ! C'est quoi ? Pixel Art ? Papa A.P. ?
   
   Bon courage pour la suite
   

[aurelien3030]

Merci pour ta réponse. Je vais corriger le lien.

[ABCIWEB]

ça à l'air de bien commencer pour ton age

Sinon même remarque que Muchos, les caractères colorés sur fond noir sont peu lisibles. C'est un peu pour cette raison que l'on évite maintenant assez souvent les fonds noirs, car ça laisse peu de choix pour les couleurs des lettres.

ATTENTION tu as fait une "petite erreur" qui pourrait assez vite te pourrir la vie. Dans ton lien contact, il ne faut pas utiliser la fonction mailto car ton adresse mail est écrite en clair dans le code de la page. Dépêches-toi de l'enlever sinon les robots vont noter ton adresse et ensuite ta boite à lettre va être envahie par les spams !
Plus tard quand tu connaîtras PHP (ou un autre langage serveur) tu pourras créer un formulaire qui permettra à tes visiteurs de t'envoyer un message sans connaître ton mail et en étant à l'abri des robots. Mais pour l'instant ce que tu as fait est très risqué pour ta tranquillité

[aurelien3030]

Merci pour ta réponse. J'ai vu su un site que on peut cacher l'email pour les robots et pas pour les visiteurs.

[ABCIWEB]

La solution la plus sûre est d'utiliser un formulaire php.

Mais pour se cacher uniquement des robots on peut utiliser javascript pour réécrire son adresse email. Comme les robots n'interprètent pas javascript et tant qu'il ne l'interprètent pas cela peut suffire. Par exemple :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<script type="text/javascript">
function Envoi_M () {
var m = new Array('9','g','e','.','6','r','o','f','a','n','l','i','@','u');

var mm = m[8]+m[13]+m[5]+m[2]+m[10]+m[11]+m[2]+m[9]+m[4]+m[0]+m[12]+m[6]+m[5]+m[8]+m[9]+m[1]+m[2]+m[3]+m[7]+m[5];
location.href="mailto:"+mm;
}
</script>
<body>
<span onclick="Envoi_M()" style="text-decoration:underline;cursor:pointer">ici</span>
</body>
</html>

Au moins avec cette solution tu vois que ton adresse n'apparaît pas en clair dans le code source de ta page. Tu devrais appliquer au minimum cette solution assez vite