Retour

 

qui's qu'il me faut pour crée une page en partent de rien

 

  1. un éditeur de texte (bloc note, word et plein d'autres. bloc note fait tres bien l'affaire)
  2. le code de depart pour une page en html

et c'est tous

pour commencer nous allon crée un nouveaux dossier sur le bureaux avec le non du projet (teste site 01) par exemple, ouvrer de dossier et crée un nouveaux fichier texte (.txt) et nomer le index pour commencer toujour avec l'extension du fichier txt comme seci index.txt et ouvrer le

sur cette page vierge coller le code indispensable pour que les explorateur puice comprendre comment fonctionne votre page et quelle type de page c'est html xhtml php etc.

Code de base a copier:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>

<body>
</body>
</html>

les deux premiere ligne dit qu'elle type de document c'est head contient les description et les style mise en forme de votre document comme le titre

BODY est votre page entre les deux body vous pouver ecrire du texte et il s affichera sur votre page une fois sauvegarder en html souvener vous notre fichier de base index.txt sur le quelle vous travailler dois devenir apres la sauvegarde index.html si cela est le k double clics dessus et votre explorer par default va s'ouvrire et vous verrer uniquement le texte que vous avez tapez exemple avec des div

vous aurrez remarquer que chaque commencement est regi par du langage html comme le coeur de votre page <body> et est fini par le meme code a une difference pres la fermeture de ce code </body> le back slash designe la fermeture ou la fin de votre document et c'est toujours comme sa

dans body toujour il est possible de rajouter des div avec id comme dans l'exemple a fin d'organiser votre page lui donner des limite couleur et une multitudes d'évenement

petit exercise avec les div a copier coller sur une feuille texte et renomer une fois modificasion faite en html je parle de l'index du fichier exemple teste2.txt sur le quelle vous avez travailler dois devenir teste2.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Exemple</title>
<style>
#banner {
position:relative;
margin:auto;
width:1020px;
height:200px;
border:solid 2px;
border-color:#900;}
#content {}
</style>
</head>

<body>
<div id="banner">
<p>DIV "banner" pour logo ou une banniere etc.</p>
<p>DIV avec un style position,marge,l'argeur,hauteur , bordure et couleur de la bordure dans l'ordre du code (clic droit aficher code source de la page)</p>
<p><a href="exemple.txt">voir code source de cette page</a></p>
</div>
<div id="content">DIV "content" Pour le contenue de votre page (j'ai deja mi une partie du cote style a vous de le completer avec l'exemple du style banner pour la div content)</div>
<div id="footer">DIV "footer" pour les mentions légal ou autres (a vous de la completer avec un style )</div>
</body>
</html>