Avis

Fermé
mhd91800 Messages postés 498 Date d'inscription lundi 19 décembre 2011 Statut Membre Dernière intervention 15 juin 2016 - 14 nov. 2014 à 14:22
mhd91800 Messages postés 498 Date d'inscription lundi 19 décembre 2011 Statut Membre Dernière intervention 15 juin 2016 - 18 nov. 2014 à 13:27
Bonjour,

Cela fait quelques semaines maintenant que j'ai terminé mon auto-formation sur HTML5 / CSS3 et je voudrais si possible avoir l'avis de gens qui pratique depuis des années j'accepte toutes critiques et toutes aide sur la bonne pratique ou méthode particulière qui pourrais m'aider par la suite.

Voici mon Code Html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="My_Geek.css">
<title>My Geek</title>
</head>
<body>
<div id="Block_Page">
<header>
<nav>
<ul>
<li><a href="Inscription/Inscription.html#Inscription"id="Inscription"title="Inscription"target="_blank"><span id="S">S'ins</span><span id="crire">crire</span></a></li>
<br />
<li><a href="#"id="Acceuil">Acceuil</a></li>
<li><a href="#PS4">PS4</a></li>
<li><a href="#Xbox_One">Xbox One</a></li>
<li><a href="#PC"class="PC">PC</a></li>
<li><a href="Forum"id="Forum"title="Forum"target="_blank">Forum</a></li>
<li><a href="mailto:mhd.brunel@gmail.com"id="Contact">Contact</a></li>
</ul>
</nav><br /><br /><br /><br />
<div id="Introduction">
<p>Bonjour et bienvenu sur ce site dédié au <strong>gamers</strong>. Sur ce site, nous allons biensur parler de tout ce qui touche à l'univers des jeux, que ce soit <strong>PC</strong> ou <strong>Console</strong>. <span class="Intro">Vous trouverez je l'espère votre bonheur :p .</span></p>
<div id="Banniere"><img src="Images/Banniere.png" alt="" />
</div>
</div>
<div id="Titre_Principal">
<h1>My Geek - <h1>
<h2> Site communautaire de geek<h2>
</div>
</header>
<section>
<article>
<div id="Titre_PS4">
<img src="Images/Baniere_PS4.png"class="Logo_PS4"alt="logo"id="PS4" /><br />
<p>Comme vous vous en doutez, ici nour aborderons uniquement l'univers PS4, qu'allons nous voir ? :<p>
<ul>
<li><a href="Ps4/Ps4.html#Ps4"title="Ps4"target="_blank"id="Console">La console et ses accessoires</a></li>
<li><a href="Ps4/Liste_des_jeux.html#Liste_des_jeux"title="Jeux"target="_blank"id="Liste">Liste des jeux</a></li>
<li><a href="Ps4/Nouveautés.html#Nouveautés"title="Nouveautés"target="_blank"id="Nouveautés">Nouveautés</a></li>
</ul>
</div><br />
<div id="Titre_Xbox">
<img src="Images/Baniere_Xbox_One.png"class="Logo_Xbox"id="Xbox_One" /><br />
<p>Comme vous vous en doutez, ici nour aborderons uniquement l'univers PS4.<p>
</div><br />
<div id="Titre_PC">
<img src="Images/Banniere_PC.jpg"class="Logo_PC"id="PC" />
</div>
</body>
</html>



et la mon css

@font-face
{
font-family: 'BallparkWeiner';
src: url('polices/ballpark.eot');
src: url('polices/ballpark.eot?#iefix') format('embeddedopentype'),
url('polices/ballpark.woff') format('woff'),
url('polices/ballpark.ttf') format('truetype'),
url('polices/ballpark.svg#BallparkWeiner') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'Dayrom';
src: url('polices/dayrom.eot');
src: url('polices/dayrom.eot?#iefix') format('embeddedopentype'),
url('polices/dayrom.woff') format('woff'),
url('polices/dayrom.ttf') format('truetype'),
url('polices/dayrom.svg#Dayrom') format('svg');
font-weight: normal;
font-style: normal;
}
body{
background:url('Images/Fond.jpg') no-repeat center fixed;
background-color:black;
color:white;
}
#Block_Page{
width:1000px;
margin:auto;
}
header h1, footer h1, nav a{
text-transform:uppercase;
font-weight:normal;
}
header{
background:url('Images/separateur.png') repeat-x bottom;
}
#Banniere{
margin-top:30px;
margin-left:290px;
}
#Introduction{
text-align:justify;
font-size:0.9em;
font-family:Dayrom, Arial, sans-serif;
color:rgb(245,168,63);
}
.Intro{
margin-left:350px;
color:rgb(71,185,245);
}
strong{
font-weight:normal;
}
#Titre_Principal{
display:inline-block;
margin-left:240px;
padding:5px;
}
header h1{
display:inline-block;
margin-bottom:0px;
font-family:'Comic Sans Ms', Arial, Serif;
font-size:2em;
color:rgb(245,168,63);
}
header h2{
margin-top:0px;
font-weight:normal;
font-style:oblique;
font-size:1.7em;
font-family:Dayrom, Arial, Serif;
display:inline;
color:rgb(71,185,245);
}
nav ul{
background-color:black;
display:inline;
margin-top:0px;
width:1000px;
position:fixed;
}
nav li{
display:inline-block;
list-style-type:none;
}
nav a{
display:inline-block;
text-decoration:none;
font-size:1.5em;
margin-left:60px;
margin-bottom:10px;
margin-top:20px;
color:rgb(71,185,245);
}
#Inscription{
display:inline;
margin-left:400px;
}
#S{
color:rgb(245,168,63);
}
#crire{
color:rgb(71,185,245);
}
.PC, #Forum, #Contact{
color:rgb(245,168,63);
}
#Titre_PS4{
background:url('Images/separateur.png') repeat-x bottom;
}
#Titre_Xbox{
background:url('Images/separateur.png') repeat-x bottom;
}
#Titre_PC{
background:url('Images/separateur.png') repeat-x bottom;
}
#PS4, #PC{
margin-left:250px;
}
#Xbox_One {
margin-left:320px
}
a:visited{
color:rgb(245,168,63);
}

8 réponses

sipherion Messages postés 1809 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 19 décembre 2016 285
14 nov. 2014 à 14:32
Bonjour,

Nous n'avons pas les images. As tu hébergé ce site quelque part ?

Qu'attends tu de CCM ? Des conseils sur l'apparence de ton site ?
0
mhd91800 Messages postés 498 Date d'inscription lundi 19 décembre 2011 Statut Membre Dernière intervention 15 juin 2016 6
14 nov. 2014 à 14:36
non je l'ai pas héberger j'en suis qu'au début encore...c'est vrai j'ai pas pensé à ça car ce que j'attends c'est sur ma façon de rédiger le code, si il est claire ou si y'a des possibilité de le simplifié ou si je continue dans cette lancé
0
sipherion Messages postés 1809 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 19 décembre 2016 285
14 nov. 2014 à 14:41
Bha après sur du HTML, y a pas vraiment grand chose à optimiser. Plutôt des standards à respecter (recherches W3C).

Evites autant que possible les liens avec target="_blank" c'est chiant.

Sinon je vois pas.
0
mhd91800 Messages postés 498 Date d'inscription lundi 19 décembre 2011 Statut Membre Dernière intervention 15 juin 2016 6
14 nov. 2014 à 14:54
ok merci à toi :)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
C'est peut être tout bête, mais "accueil" et non "acceuil" pour ton menu !
0
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 325
16 nov. 2014 à 00:58
évite les majuscules dans tes dossiers et noms de fichiers ainsi que dans tes noms de div, cela ne sert à rien et c'est une source d'erreur potentielle dans les css surtout quand tu mélanges les noms avec ou sans majuscule.
0
mhd91800 Messages postés 498 Date d'inscription lundi 19 décembre 2011 Statut Membre Dernière intervention 15 juin 2016 6
18 nov. 2014 à 10:07
ok merci pour l'info :p c'est vrai que j'ai pour habitude de foutre des maj partout xd :p et bien vue pour la faute d'orthographe lol ;o
0
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
Modifié par prosthetiks le 18/11/2014 à 13:04
Mauvaise pratique repérée : </nav><br /><br /><br /><br />
joue plutôt sur les margin/padding.

Les retours à la ligne son fait pour du texte, pas pour de la mise en page. De plus, tu n'as aucun contrôle sur les espacements générés par les br


edit: Les attributs s'espacent entre eux:
<a href="Forum"id="Forum"title="Forum"target="_blank">
devient:
<a href="Forum" id="Forum" title="Forum" target="_blank">
0
mhd91800 Messages postés 498 Date d'inscription lundi 19 décembre 2011 Statut Membre Dernière intervention 15 juin 2016 6
18 nov. 2014 à 13:27
je voulais juste tester ce que ça donné les <br /> :p mais j'ai refait avec le margin :p

merci pour le ti conseil des attributs :p
0