Avis
mhd91800
Messages postés
498
Date d'inscription
Statut
Membre
Dernière intervention
-
mhd91800 Messages postés 498 Date d'inscription Statut Membre Dernière intervention -
mhd91800 Messages postés 498 Date d'inscription Statut Membre Dernière intervention -
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
et la mon css
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
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 ?
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 ?
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é
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.
Evites autant que possible les liens avec target="_blank" c'est chiant.
Sinon je vois pas.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
é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.
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
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">
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">