https://fr.wikipedia.org/wiki/Webmestre
Je ne pense pas que tu puisse assurer la création et la maintenance d'un site, ce que tu fais c'est de la config, c'est à la porté de toute personne ayant passé la primaire et sachant lire un tuto, désolé.
Ba si tu le dis certes de la configuration mais sais tu le faire ?
Tiens voilà une page de programmation HTML:
<!doctype html>
<html lang="fr">
<head>
<title>France-HG | Accueil</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="style.css"/>
<!--[if lte IE 7]>
<link rel="stylesheet" href="test2.css" />
<![endif]-->
<!--[if lt IE 9]>
<script src="
http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="body">
<?php include('nav.php') ?>
<section>
<article>
<div id="img"><img src="structure/decors.jpg" alt width="950" height="400"/></div>
<h2 id="ah22">Bienvenue sur les Serveurs France-hg !</h2>
<p id="ap">Après un décompte, les joueurs partent du même endroit et seul le dernier survivant gagnera.</p>
<div id="listserv">
<h2 id="ah222">Liste Des Serveurs</h2>
<h3>1.7 - 1.8</h3>
<p><img src="structure/flèche.png" alt width="10" height="10"/> Serveur n°1: <span>Fermé</span><br/>
<img src="structure/flèche.png" alt width="10" height="10"/> Serveur n°2: <span>Fermé</span><br/>
<img src="structure/flèche.png" alt width="10" height="10"/> Serveur n°3: <span>Fermé</span><br/>
<img src="structure/flèche.png" alt width="10" height="10"/> Serveur n°4: <span>Fermé</span></p>
</div>
<div id="news">
<h2 id="ah222">News du Jour</h2>
<div id="texte">
<p>Présentation du serveur: Franc-HG<br/>
Franch-hg serveur hungergames vous proposans des maps divers et varier<br/>
avec des kits en tous genres et des grades qui n'on pas fini de vous surprendre</p>
</div>
</div>
<h3 id="ah3">Comment jouer?</h3>
<h4>01.Connection</h4>
<p id="ppp">- Ajoutez les serveurs dans<br/>
votre liste d'ip</p>
<p id="ppp">- Attendez la fin d’une partie<br/>
et préparez vous à rejoindre le<br/>
serveur qui se relance<br/>
automatiquement.</p>
<div id="h4">
<h4>02.Inscription</h4>
<p id="ppp">- Une fois connecté pour la première fois, <br/>
faites "/register votremotdepasse<br/>
votremotdepasse"</p>
<p id="ppp">-Ensuite et lors de chacune de vos<br/>
connexions, faites "/login <br/>
votremotdepasse".</p>
</div>
<div id="h44">
<h4>03.Choix du kit</h4>
<p id="ppp">- Faites "/kit" pour voir les <br/>kits que vous pouvez<br/>
utiliser et les kits que vous ne<br/> pouvez pas utiliser.</p>
</div>
<div id="h444">
<h4>04.Jouer !</h4>
<p id="ppp">- Attendez que la partie<br/>
commence.</p>
<p id="ppp">- Armez vous, barricadez<br/>
vous et que le meilleur gagne !</p>
</div>
<br/>
<br/>
<p id="ii">- Plus d'informations dans la <a href="faq.php">section FAQ du site.</a></p>
</article>
</section>
<?php include("footer.php"); ?>
</div>
</body>
</html>
Et voilà maintenant sa fiche de CSS qui l'accompagne pour donner du design:
@font-face
{
font-family: 'BallparkWeiner';
src: url('polices/ballpark.eot');
src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
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('embedded-opentype'),
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;
}
@font-face
{
font-family: 'Minecraft_Evening';
src: url('polices/Minecraft_Evening.eot');
src: url('polices/Minecraft_Evening.eot?#iefix') format('embedded-opentype'),
url('polices/Minecraft_Evening.woff') format('woff'),
url('polices/Minecraft_Evening.ttf') format('truetype'),
url('polices/Minecraft_EveningEvening.svg#Minecraft_Evening') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'Minecraft_PE';
src: url('polices/Minecraft_PE.eot');
src: url('polices/Minecraft_PE.eot?#iefix') format('embedded-opentype'),
url('polices/Minecraft_EveningPE.woff') format('woff'),
url('polices/Minecraft_PE.ttf') format('truetype'),
url('polices/Minecraft_PE.svg#Minecraft_PE') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'Aller';
src: url('polices/Aller.eot');
src: url('polices/Aller.eot?#iefix') format('embedded-opentype'),
url('polices/Aller.woff') format('woff'),
url('polices/Aller.ttf') format('truetype'),
url('polices/Aller.svg#Aller') format('svg');
font-weight: normal;
font-style: normal;
}
body{
background: lightgrey;
}
#body{
margin: auto;
width:1000px;
font-family: 'Aller' , sans-serif;
background: white;
}
/*Header*/
#nav{
background: white;
height: 150px;
border-bottom: 1px solid grey;
border-top: 7px solid darkred;
padding-left: 10px;
padding-right: 10px;
}
#nav h1{
font-size: 2.1em;
font-weight: normal;
display: inline-block;
margin-top: 0px;
margin-left: 20px;
padding-bottom: 10px;
color
arkGrey;
text-decoration:none;
position: absolute;
top: 50px;
border-bottom: 2px solid darkred;
font-family: 'Minecraft_Evening', sans-serif;
}
nav{
text-align: right;
display:inline-block;
width: 900px;
font-size: 1.2em;
}
nav table
{
list-style-type: none;
width: 700px;
position: absolute;
right: 300px;
top: 30px;
}
nav td
{
padding-left: 5px;
padding-right: 5px;
width: 80px;
height: 80px;
text-align:center;
}
nav a
{
font-size: 1.3em;
color: grey;
text-decoration: none;
}
nav a:hover
{
color: grey;
padding-bottom: 30px;
border-bottom: 3px solid red;
}
/*Fin Header*/
/*Page Accueil*/
#ii{
text-align:center;
}
#ii a{
color:grey;
text-decoration:none;
}
h4{
font-size: 0.9em;
}
#h4{
position:absolute;
right: 780px;
top:985px;
}
#h44{
position:absolute;
right: 530px;
top:985px;
}
#h444{
position:absolute;
right: 295px;
top:985px;
}
#texte{
background: #e6e6e6;
width: 400px;
height: 120px;
padding: 5px;
}
#news{
position:absolute;
right:500px;
top:750px;
}
#listserv {
border-top: 3px solid darkred;
width: 300px;
}
#ah222{
color: #939393;
}
#listserv span{
color: lightgreen;
text-decoration: underline;
}
#listserv h3{
color: #939393;
text-decoration: underline;
}
#listserv span:hover{
color: darkred;
}
#img{
padding: 20px;
}
#ap{
color:#939393;
text-align:center;
padding-bottom: 20px;
border-bottom: 1px solid grey;
}
#ah22{
color:#939393;
padding-top:10px;
border-top: 1px solid grey;
padding-left: 10px;
text-align:center;
}
}/*fin page accueil*/
/*Page Contact*/
form{
border-radius: 3px;
float:right;
}
input, textarea{
border: 1px solid black;
}
#form{
text-align:center;
}
#pp a{
color:orange;
text-decoration:none;
}
#pp{
position: absolute;
right: 330px;
top: 240px;
color: grey;
font-size: 0.9em;
}
#pppp span{
text-decoration:underline;
}
#pppp{
color:#939393;
font-size: 0.8em;
padding-left: 10px;
}
/*Fin page contact*/
/*Page kits*/
#kits1 td,#kits2 td{
margin-left: 10px;
margin-top: 10px;
text-align:center;
width:600px;
}
#ah1{
background-color: #e6e6e6;
height: 50px;
text-align: center;
padding-top:10px;
color:#939393;
font-family:'inherit',sans-serif;
}
#ah2{
text-decoration:underline;
font-family:'inherit',sans-serif;
text-align:center;
}
#kits1{
font-family: sans-serif;
font-size: 1em;
border-bottom: 1px solid grey;
padding-bottom: 20px;
width:1000px;
}
#kits2{
font-family: sans-serif;
font-size: 1em;
width:1000px;
}
#kits1 h3,#kits2 h3 {
color:blue;
font-family:'Tunga',sans-serif;
}
#kits1 p,#kits2 p{
font-size: 0.8em;
color:
}
#kits1 span,#kits2 span{
color: #D08B01;
}
/*fin page kits*/
/*pafe fag*/
#dr{
color:darkred;
font-size: 0.8em;
padding-left: 10px;
}
#ppp span{
text-decoration:underline;
}
#ppp{
color:#939393;
font-size: 0.8em;
padding-left: 10px;
}
#ah3{
color:#939393;
padding-top:10px;
border-top: 1px solid grey;
padding-left: 10px;
}
#listserv1{
position:absolute;
right:400px;
top:300px;
float: right;
}
#listserv1 span{
color: lightgreen;
text-decoration: underline;
}
#listserv1 h3{
color: #939393;
text-decoration: underline;
}
#listserv1 span:hover{
color: darkred;
}
/*fin page FAQ*/
/*page news*/
#ah33{
text-align:center;
height: 100px;
color:#939393;
padding-top:10px;
border-top: 1px solid grey;
padding-left: 10px;
}
/*fin page news*/
/*page vips*/
#vips a
{
font-size: 1emem;
color: grey;
text-decoration: none;
}
#t{
text-align:center;
}
#b{
background-color:#e5e5e5;
}
#vips{
border-collapse:collapse;
}
#vipp{
text-align:center;
}
#vips td{
height: 30px;
border-bottom:1px solid #b5b5b5;
border-top:1px solid #b5b5b5 ;
}
/*Footer*/
footer{
background: grey;
border-top: 5px solid darkred;
color:darkgrey;
text-align: center;
font-size: 0.8em;
height: 50px;
}
footer span{
color:white;
}
Voilà son rendu final:
http://imgur.com/qkW2lY5
http://imgur.com/qkW2lY5
