<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://
www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://
www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Tutorial de Goseb</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<body bgcolor="#e5b54e">
<!-- l'entête -->
<div id="en_tete">
<P align=center><IMG alt="Mon tutorial" src="http://
www.enregistrersous.com/images/34485660020070610180623.jpg"></A><p> </div>
<P class="new">
<marquee><FONT COLOR="#FF0000"><b>Quelques balises pour creer une page web</b></FONT></marquee>
<!-- Les menus -->
<div id="menu">
<div class="element_menu">
<h3><center>Le code de base</center></h3>
<p align=center> Ouvrir le bloc note ou Notepad++, et taper le code ci dessous
(Pour notepade++ selectionner langage puis html)
</p>
<center><textarea rows=10 cols=97>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://
www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://
www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
</head>
<body>
Contenu de la page
</body>
</html> </textarea></center>
<p align=center> Puis enregistrer sous en selectionnant *all files ou *all types, entrer un nom a la page créée et indiquer l'extension ".html"
</p>
<p>
</div>
<div class="element_menu">
<h3><center>Le contenu</center></h3>
<p align=center>Pour ne plus avoir le fond blanc :</p>
<center><FORM ACTION="rien.pl">
<TEXTAREA NAME="commentaire" COLS="68" ROWS="7">
"Taper le code entre <body> et </body>"
Pour mettre une couleur de fond :
<BODY BGCOLOR="#F2D9C8"> mettre le code couleur ou le nom en anglais
ou
Pour une image de fond :
<BODY BACKGROUND="url de l'image"></TEXTAREA></center>
<p align=center>Le texte :</p>
<center><FORM ACTION="rien.pl">
<TEXTAREA NAME="commentaire" COLS="68" ROWS="10">
Pour un texte en couleur
<FONT COLOR="#FF0000">Texte de couleur rouge</FONT>
Un mot servant de lien :
<A HREF="url"><FONT COLOR="#FF0000">le mot en rouge</FONT></A>
La taille du texte :
<FONT SIZE="+taille">le texte</FONT> "taille"= de 0 a 10
Pour choisir la Police de caractere :
<FONT FACE="la police" SIZE="+taille" COLOR="#couleur"></FONT>
Texte qui défile de droite a gauche :
<marquee>le texte</marquee>
Le Style à avant et apres un ou plusieurs mots :
Souligné <U> </U>
Gras <B> </B>
Italique <I> </I>
Barré <STRIKE> </STRIKE>
Exposant <SUP> </SUP>
Indice <SUP> </SUP>
Clignotant
(Visible sous Netscape) <BLINK> </BLINK>
texte clignotant sous IE :
<DIV ID="coucou" STYLE="visibility:visible;"><font size="5" color="black">Texte qui doit clignoter</font></DIV>
<SCRIPT>
function cacher_montrer() {
if(document.getElementById('coucou').style.visibility = 'hidden')
{
setTimeout("document.getElementById('coucou').style.visibility = 'visible';",1000);
}
else
{
setTimeout("document.getElementById('coucou').style.visibility = 'hidden';",1000);
}
}
setInterval("cacher_montrer();",2000)
</SCRIPT>
</TEXTAREA></center>
<p align=center>Mettre une musique (.wav, . mid, .mp3, .wma) ou une video (.mov, .wmv ou .avi) :</p>
<center><FORM ACTION="rien.pl">
<TEXTAREA NAME="commentaire" COLS="90" ROWS="10">
Pour lecture auto a l'ouverture de la page (+ nombre de fois) :
<embed type="application/x-mplayer2" src="url du fichier" width="350" height="45" start="mouseover" autostart="1"></embed>
Pour ne pas avoir de lecture auto remplacer le chiffre par false
Pour mettre un fichier flash, .flv, il faut un lecteur flash qu'il faut heberger :
<EMBED pluginspage=http://
www.macromedia.com/go/getflashplayer src=http://goseb.neufblog.com/flvplayer.swf width=640 height=480 type=application/x-shockwave-flash allownetworking="internal" allowscriptaccess="never" flashvars="file=url du fichier.flv;autostart=false" wmode="transparent">
</TEXTAREA></center>
<p align=center>les images :</p>
<center><FORM ACTION="rien.pl">
<TEXTAREA NAME="commentaire" COLS="90" ROWS="10">
Mettre une image et choisir sa taille :
<IMG SRC="url de l'image" WIDTH="taille en largeur" HEIGHT="taille en hauteur">
Ajouter une image, et un texte qui s'affiche quand le pointeur de la souris est dessus :
<IMG alt="texte" src="url de l'mage"></A>
Image avec une page web qui s'ouvre en pop-up quand on clique + texte qui s'affiche au passage du pointeur de la souris:
<A href="url d'une page web" target=_blank><IMG alt="texte" src="url de l'image"></A>
BORDER="taille en epaisseur" = quand on veut ajouter un cadre a l'image
</TEXTAREA></center>
</p>
<p align=center>les codes "couleur" pour texte ou fond de la page</p>
<center><FORM ACTION="rien.pl">
<TEXTAREA NAME="commentaire" COLS="35" ROWS="13">
Rouge : #FF0000 ou red
Vert : #00FF00 ou green
Bleu : #0000FF ou blue
Noir : #000000 ou black
Blanc : #FFFFFF ou white
Jaune : #FFFF00 ou yellow
Cyan : #00FFFF
Magenta : #FF00FF
Marron : #800000
Orange : #4080FF
Violet : #FF0080
Gris : #C0C0C0 ou grey
</TEXTAREA></center>
</div>
</div>
<p align=center>lien vers un email</p>
<center><FORM ACTION="rien.pl">
<TEXTAREA NAME="commentaire" COLS="55" ROWS="2">
<A HREF="mailto:adresse@email.fr">un texte</A>
</TEXTAREA></center>
<p align=center>lister des liens dans un menu</p>
<center><FORM ACTION="rien.pl">
<TEXTAREA NAME="commentaire" COLS="70" ROWS="9">
<div id="menu">
<div class="element_menu">
<h3><center>Titre menu</center></h3>
<ul><center>
<li><a href="page1.html">Lien</a></li>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>
</TEXTAREA></center>
</p>
<p align=center>placer un texte ou un media sur une ligne et aller a la ligne suivent</p>
<center><FORM ACTION="rien.pl">
<TEXTAREA NAME="commentaire" COLS="65" ROWS="12">
Centrer :
<p align=center>texte ou media</center> ou <center> </center>
tout a droite :
<p align=right></right>
a gauche :
<p align=left>
aller a la ligne :
<br> </br>
paragraphe suivant :
<p> </p>
un lien
<a></a></TEXTAREA></center>
<p><center>pour mettre ce tableau</center>
<center><textarea rows=2 cols=80><textarea rows="hauteur" cols="largeur"> le texte <.textarea> mettre le / avant</textarea></center>
</p>
<p align=center>les compteurs</p>
<center><FORM ACTION="rien.pl">
<TEXTAREA NAME="commentaire" COLS="100" ROWS="13">
<p><center><b> vue</b></center></p>
<p><center>
<script type="text/javascript" src="http://
www.abcompteur.com/cpt/?code=9/33/7173/6/1&ID=242503"></script></center></p>
<p>
</p>
<p><center><b>Visiteurs</b></center></p>
<p><center>
<script type="text/javascript" src="http://
www.abcompteur.com/cpt/?code=9/50/7174/6/2&ID=242511"></script></center></p>
<p>
</p>
<p><center>
<script type="text/javascript" src="http://
www.abcompteur.com/live/?code=0/104/7174/5/1&ID=242513"></script></center></p>
</TEXTAREA></center>
<p><center>Pied de la page ou signature</center>
<center><textarea rows=3 cols=80><div id="pied_de_page">
<p><center>titre de fin</center></p></textarea></center>
</p>
</div>
<h1><center>Spécial</center></h1>
<div>
<p align=center>menu deroulant avec un lien sur chaque mot</p>
<center><FORM ACTION="rien.pl">
<TEXTAREA NAME="commentaire" COLS="65" ROWS="15">
<FORM>
<center>
<SELECT onChange=
"document.location=this.options[this.selectedIndex].value">
<OPTION VALUE="#" SELECTED> Nom du menu </OPTION>
<OPTION VALUE="url">Nom</OPTION>
<OPTION VALUE="url">Nom</OPTION>
<OPTION VALUE="url">Nom</OPTION>
<OPTION VALUE="url">Nom</OPTION>
</SELECT
</FORM>
</TEXTAREA></center>
</p>
<p align=center>les boutons</p>
<center><FORM ACTION="rien.pl">
<TEXTAREA NAME="commentaire" COLS="75" ROWS="25">
<FORM><center>
<INPUT TYPE="BUTTON" VALUE=" Google "
onClick="document.location='http://
www.google.fr'"><BR> <INPUT TYPE="BUTTON" VALUE=" 222 "
onClick="document.location='222.html'"><BR>
<INPUT TYPE="BUTTON" VALUE=" Retour "
onClick="history.back()"><center>
<SELECT onChange=
"document.location=this.options[this.selectedIndex].value">
<OPTION VALUE="#" SELECTED> CHOISIR </OPTION>
<OPTION VALUE="http://
www.google.fr">Google</OPTION> <OPTION VALUE="222.html">222</OPTION>
<OPTION VALUE="index.html">Retour</OPTION>
</SELECT
</FORM>
mettre un bouton en bleu ou autre couleur :
INPUT TYPE="button" VALUE="Google Bleu" style="background-color:blue" id="flashit"
onClick="document.location='http://
www.google.fr'"><BR> Bouton clignotant :
<INPUT TYPE="BUTTON" VALUE=" Google " id="flashit"
onClick="document.location='http://
www.google.fr'"><BR> </TEXTAREA></center>
</p>
<p align=center>la base d'un formulaire</p>
<center><FORM ACTION="rien.pl">
<TEXTAREA NAME="commentaire" COLS="65" ROWS="15">
<form action="http://
www.google.fr"><p>Pseudo<input type="login" name="Test" /></p>
<p>Mot de passe<input type="password" name="Test" /></p>
Votre pays :
<select name="Pays">
<option value="France">France</option>
<option value="Angleterre">Angleterre</option>
<option value="Espagne">Espagne</option>
<option value="Italie">Italie</option>
</select>
<input type="submit" value="OK" />
<p>
Des case a cocher
<p>
<input type="checkbox" name="Test 1" /> Test 1</p>
<p><input type="checkbox" name="Test 2" /> Test 2</p>
<p><input type="checkbox" name="Test 3" /> Test 3</p>
<p><input type="checkbox" name="Test 4" /> Test 4
</p>
Cet exemple vous plait-il ?
<input type="radio" name="exemple" value="oui" checked="checked" /> Oui
<input type="radio" name="exemple" value="non" /> Non
</form>
</TEXTAREA></center>
<p align=center>exemple de formulaire</p>
<center><FORM ACTION="rien.pl">
<TEXTAREA NAME="commentaire" COLS="65" ROWS="15">
<form method="post" action="traitement.php">
<p class="titre">Coordonnees</p>
<fieldset id="coordonnees">
<p id="civilite"><label>Civilit&eacut; : </label>
<input type="radio" name="civilite" value="M." />M.
<input type="radio" name="civilite" value="Mlle" />Mlle
<input type="radio" name="civilite" value="Mme" />Mme
</p>
<label>Nom : </label>
<input type="text" name="nom" size="30" /><br />
<label>Adresse : </label>
<input type="text" name="adresse" size="30" /><br />
<label>Code postal : </label>
<input type="text" name="codepostal" size="30" /><br />
<label>Ville : </label>
<input type="text" name="ville" size="30" /><br />
<label>Pays : </label>
<select name="pays">
<option value="france">France</option>
<option value="belgique">Belgique</option>
<option value="suisse">Suisse</option>
</select>
<p id="interets"><label>Loisirs : </label>
<input type="checkbox" name="interets[]" value="sport" />Sport
<input type="checkbox" name="interets[]" value="cinema" />Cinéma<br />
<input type="checkbox" name="interets[]" value="internet" />Internet
<input type="checkbox" name="interets[]" value="voyages" />Voyages
</p>
</fieldset>
<p class="titre">Message</p>
<fieldset id="message">
<textarea name="comments" rows="5" cols="40"><.textarea>
</fieldset>
<p id="buttons">
<input type="submit" value="Envoyer" />
<input type="reset" value="Recommencer" />
</p>
</form>
<center>
<SELECT onChange=
"document.location=this.options[this.selectedIndex].value">
<OPTION VALUE="#" SELECTED> Nom du menu </OPTION>
<OPTION VALUE="url">Nom</OPTION>
<OPTION VALUE="url">Nom</OPTION>
<OPTION VALUE="url">Nom</OPTION>
<OPTION VALUE="url">Nom</OPTION>
</SELECT
</FORM>
</TEXTAREA></center>
</p>
</div>
</div>
<!-- Le pied de page -->
<div id="pied_de_page">
<p><center><font color="#c60f0f">"L'html de base - 2007 by Goseb" Sébastien G</font></center></p>
</div>
</body>
</html>