Aide et Installation de votre kit graphique
Klassik

 

Composition de votre Kit :
- Un dossier "kit18" comprenant toutes les images du kit graphique.
- Un dossier "kitimages" comprenant des boutons, flèches, puces ...      
- Un dossier "kitscripts" pour animer votre site.                                     

Installation du kit (pour débutant):
1/ Dans votre éditeur de texte, ouvrez une nouvelle page que vous nommez index.html.
2/ Copiez le dossier "kit18" et placez le dans l'arborescence de votre site:

 

3/ Faîtes un copier-coller du code ci-dessous et placez le dans votre
code source sur votre page index.html.
(Si des balises sont déjà présentes, comme dans dreamweaver par  ex., supprimez les.)
Le code ci-dessous contient l'en-tête (header) et le corps (body).
Il vous suffira par la suite de changer vos méta tag .

action=""> <html>
<head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<TITLE>Kit graphique </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="fr">
<meta name="Description" content="Des interfaces classiques ou design pour votre site. ">
<meta name="Keywords" content="interface,kit,kit graphique,kits graphiques,kitgrafik,webmaster,webmasters,design,webdesign">
<meta name="Author" content="action webmasters">
<meta name="Reply-to" content="webmaster@Action-Webmasters.com">
<meta name="Identifier-URL" content="http://www.Action-Webmasters.com">
<meta name="Revisit-after" content="30 days">
<meta name="Robots" content="all">
<meta http-equiv="Page-Enter"
content="RevealTrans (Duration=2, Transition=3)"><meta http-equiv="Page-Exit"
content="RevealTrans (Duration=2, Transition=2)">
<STYLE type=text/css>
A:link (
COLOR: #999999; TEXT-DECORATION: none
}
A:visited (
COLOR: #666666; TEXT-DECORATION: none
}
A:hover (
COLOR: #990000; TEXT-DECORATION: underline
}
body (
margin-top: 0px;
background-color: #FFFFFF;
}
.Style32 (
font-family: "Verdana", Courier, mono;
font-size: x-small;
}
.Style33 {font-family: "Arial Black"}
.Style31 ( font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
color: #999999;
}
</style>
</head>

<body text="#000000" LINK="#000000" VLINK="#990000" ALINK="#FF9900">
<DIV ALIGN="CENTER">
<table width="768" height="700" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="134" colspan="3" valign="top"><table width="768" height="134" border="0" cellpadding="0" cellspacing="0" background="kit18/haut2.jpg">
<!--DWLayoutTable-->
<tr>
<td width="590" rowspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td height="57" colspan="4" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td width="44" height="37" align="center" valign="middle"><img src="kit18/accueil.jpg" alt="accueil" width="44" height="37" border="0" align="middle" usemap="#Map"></td>
<td width="45" valign="top"><img src="kit18/recherche.jpg" alt="Recherchez sur le site" width="45" height="37" border="0" usemap="#Map2"></td>
<td width="46" valign="top"><img src="kit18/aide.jpg" alt="Aide" width="46" height="37" border="0" usemap="#Map3"></td>
<td width="43" valign="top"><img src="kit18/contact.jpg" alt="contact" width="42" height="37" border="0" usemap="#Map4"></td>
</tr>
<tr align="center" valign="bottom">
<td height="21" colspan="5"><span class="Style32">Plan du site <span class="Style33">I</span> Plan du site <span class="Style33">I</span> Plan du site <span class="Style33">I</span> Plan du site <span class="Style33">I</span> Plan du site <span class="Style33">I</span> Plan du site</span></td>
</tr>
<tr>
<td height="19" colspan="5" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td width="140" rowspan="3" valign="top"><table width="140" height="564" border="0" cellpadding="0" cellspacing="0" bgcolor="CFD9E2">
<!--DWLayoutTable-->
<tr>
<td height="48" colspan="2" valign="top"><table width="140" height="48" border="0" cellpadding="0" cellspacing="0" background="kit18/cote.jpg">
<tr>
<td><table width="140" height="48" border="0" cellpadding="0" cellspacing="0" background="kit18/cote.jpg">
<!--DWLayoutTable-->
<tr>
<td width="140" height="48" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="20" colspan="2" valign="top"><table width="140" height="20" border="0" cellpadding="0" cellspacing="0" background="kit18/bouton.jpg">
<!--DWLayoutTable-->
<tr>
<td width="110" height="20" align="center" valign="bottom"><span class="Style32"> Votre menu </span></td>
<td width="30" align="center" valign="middle"><img src="kit18/puce.jpg" width="27" height="20"></td>
</tr>
</table></td>
</tr>
<tr>
<td width="16" height="130" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="124" valign="middle"><span class="Style32">. Rubrique <br>
. Rubrique <br>
. Rubrique <br>
. Rubrique<br>
. Rubrique <br>
. Rubrique</span></td>
</tr>
<tr>
<td height="20" colspan="2" valign="top"><table width="140" height="20" border="0" cellpadding="0" cellspacing="0" background="kit18/bouton.jpg">
<!--DWLayoutTable-->
<tr>
<td width="112" height="20" align="center" valign="bottom"><span class="Style32">Votre menu</span></td>
<td width="28" align="center" valign="middle"><img src="kit18/puce.jpg" width="27" height="20"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="130" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td valign="middle"><span class="Style32">. Rubrique <br>
. Rubrique <br>
. Rubrique <br>
. Rubrique<br>
. Rubrique <br>
. Rubrique</span></td>
</tr>
<tr>
<td height="20" colspan="2" valign="top"><table width="140" height="20" border="0" cellpadding="0" cellspacing="0" background="kit18/bouton.jpg">
<!--DWLayoutTable-->
<tr>
<td width="112" height="20" align="center" valign="bottom"><span class="Style32">Votre menu</span></td>
<td width="28" align="center" valign="middle"><img src="kit18/puce.jpg" width="27" height="20"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="198" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td valign="middle"><span class="Style32">. Rubrique <br>
. Rubrique <br>
. Rubrique <br>
. Rubrique<br>
. Rubrique <br>
. Rubrique<br>
. Rubrique <br>
. Rubrique <br>
. Rubrique <br>
. Rubrique</span></td>
</tr>
</table></td>
<td height="72" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="140" rowspan="3" valign="top"><table width="140" height="564" border="0" cellpadding="0" cellspacing="0" bgcolor="CFD9E2">
<!--DWLayoutTable-->
<tr>
<td height="48" colspan="2" valign="top"><table width="140" height="48" border="0" cellpadding="0" cellspacing="0" background="kit18/cote.jpg">
<tr>
<td><table width="140" height="48" border="0" cellpadding="0" cellspacing="0" background="kit18/cote.jpg">
<!--DWLayoutTable-->
<tr>
<td width="140" height="48" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="20" colspan="2" valign="top"><table width="140" height="20" border="0" cellpadding="0" cellspacing="0" background="kit18/bouton2.jpg">
<!--DWLayoutTable-->
<tr>
<td width="30" height="20" align="center" valign="middle"><img src="kit18/puce.jpg" width="27" height="20"></td>
<td width="110" align="center" valign="bottom"><span class="Style32">Votre menu</span></td>
</tr>
</table></td>
</tr>
<tr>
<td width="16" height="130" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="124" align="left" valign="middle"><span class="Style32">. Rubrique <br>
. Rubrique <br>
. Rubrique <br>
. Rubrique<br>
. Rubrique <br>
. Rubrique</span></td>
</tr>
<tr>
<td height="20" colspan="2" valign="top"><table width="140" height="20" border="0" cellpadding="0" cellspacing="0" background="kit18/bouton2.jpg">
<!--DWLayoutTable-->
<tr>
<td width="30" height="20" align="center" valign="middle"><img src="kit18/puce.jpg" width="27" height="20"></td>
<td width="110" align="center" valign="bottom"><span class="Style32">Votre menu</span></td>
</tr>
</table></td>
</tr>
<tr>
<td height="130" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td valign="middle"><span class="Style32">. Rubrique <br>
. Rubrique <br>
. Rubrique <br>
. Rubrique<br>
. Rubrique <br>
. Rubrique</span></td>
</tr>
<tr>
<td height="20" colspan="2" valign="top"><table width="140" height="20" border="0" cellpadding="0" cellspacing="0" background="kit18/bouton2.jpg">
<!--DWLayoutTable-->
<tr>
<td width="30" height="20" align="center" valign="middle"><img src="kit18/puce.jpg" width="27" height="20"></td>
<td width="110" align="center" valign="bottom"><span class="Style32">Votre menu</span></td>
</tr>
</table></td>
</tr>
<tr>
<td height="198" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td valign="middle"><span class="Style32">. Rubrique <br>
. Rubrique <br>
. Rubrique <br>
. Rubrique<br>
. Rubrique <br>
. Rubrique<br>
. Rubrique <br>
. Rubrique <br>
. Rubrique <br>
. Rubrique</span></td>
</tr>
</table></td>
</tr>
<tr>
<td width="488" height="474">&nbsp;</td>
</tr>
<tr>
<td height="20" align="center" valign="middle" bgcolor="CFD9E2"><span class="Style31"><a href="http://www.Action-Webmasters.com" target="_blank">Design&copy;Action-Webmasters.com</a></span></td>
</tr>
</table>
</DIV>
<map name="Map">
<area shape="rect" coords="4,2,40,36" href="#" alt="accueil">
<area shape="rect" coords="39,33,42,34" href="#">
</map>
<map name="Map2">
<area shape="rect" coords="6,5,41,32" href="#" alt="Recherchez sur le site">
</map>
<map name="Map3">
<area shape="rect" coords="7,6,41,31" href="#" alt="Aide">
</map>
<map name="Map4">
<area shape="rect" coords="10,3,34,29" href="#" alt="contact">
</map>
</body>
</html>





4/ La couleur de fond de page:
Blanc


Votre kit graphique est désormais installé, vous pouvez poser votre texte.
Vous pouvez également choisir de placer vous même les images.

Action Webmasters a réalisé un dossier sur la structure d'un site:
Arborescence, mise en place des liens, images ...
Vous pouvez le visualiser ici :

action-webmasters.com/site/structure.php" target="_blank">http://www.action-webmasters.com/site/structure.php

Pour comprendre le code Html :
action-webmasters.com/site/html.php" target="_blank">http://www.action-webmasters.com/site/html.php

Pour optimiser vos méta tag :
action-webmasters.com/referencement/referencement2.php" target="_blank">http://www.action-webmasters.com/referencement/referencement2.php


http://www.Action-Webmasters.com