Cette page s'appelle "first.html"


Bonjour, voici le texte "exemple" d'une page Web qui pourra vous aider à créer la vôtre lorsque vous l'aurez travaillée un peu.

Ceci n'est qu'un début mais vous allez vite comprendre Webexpert et développer votre home page...

Vous trouverez en bas de cette page des liens vous permettant d'avoir des explications sur la création d'une page Web avec cadres (frames), la création de formulaires et également comment incorporer un compteur dans votre page.

Avec Webpexpert ou tout autre éditeur HTML, vous pouvez écrire en gras, en italique et le tout souligné et centré!

Vous placez ici vos images, comme par exemple celle de Webexpert 5 qui se trouve centrée en-dessous de ce texte. 

Voici un lien qui renvoie à votre adresse e-mail (remplacez rouyer@page-web.com): adresse

Il existe bien sûr des liens qui renvoient à des sites, par exemple ma page Web (remplacer l'adresse "www.page-web.com"par celle du site qui vous intéresse...) :

 <a HREF="http://www.page-web.com">ma home page</a>

Voici un petit tableau de 3 colonnes et 2 rangs, que j'ai centré et à qui j'ai donné quelques couleurs, ce qui n'est pas obligatoire (vous enlevez "TD BGCOLOR="#FFFF80"" et vous n'avez plus de couleur dans la cellule.

Colonne1 - rang1 colonne2 - rang1 Colonne3 - rang1
Colonne1- rang2 Colonne2 - rang2 Colonne3 - ran2

Voici le code :

<table WIDTH="80%" HEIGHT="20%" CELLPADDING="2" BORDER="13" CELLSPACING="3" BGCOLOR="#C0C0C0" bordercolorlight="#800000" bordercolordark="#808080" bordercolor="#800000">
<tr>
<td BGCOLOR="#FFFF80" valign="middle" align="center">Colonne1 - rang1
</td>
<td BGCOLOR="#80FF80" valign="middle" align="center">colonne2 - rang1
</td>
<td BGCOLOR="#80FFFF" valign="middle" align="center">Colonne3 - rang1
</td>
</tr>
<tr>
<td BGCOLOR="#FF9900" valign="middle" align="center"><font color="#000000">Colonne1- rang2</font>
</td>
<td BGCOLOR="#008040" valign="middle" align="center">Colonne2 - rang2
</td>
<td BGCOLOR="#8080FF" valign="middle" align="center">Colonne3 - ran2
</td>
</tr>
</table>


Vous pouvez aussi incorporer des boutons sur votre page, par exemple:

Exemple de boutons DHTML
Bouton normal

Voici le code des boutons :

<div CLASS="ok" Style="position:relative; text-align:center;visibility=visible" ">
<font SIZE="4" COLOR="#800000">Exemple de boutons <b>DHTML</b></font><br>
<center><form ACTION="
http://www.page-web.com/bouton22.html" METHOD="GET">
<button TYPE="submit" STYLE="background:yellow;font-family: Arial; font-size:16pt; color:navy">
Bouton <span STYLE="font-style: italic; color:green">DHTML</span>
</button>
</form></center>

<form NAME="highlight" onmouseover="highlightButton('start')" onmouseout="highlightButton('')" ACTION="
http://www.page-web.com/bouton22.html" METHOD="GET">
<input type="submit" onmousedown="this.style.fontStyle='italic'" onmouseup="this.style.fontStyle=''" value="Bouton DHTML" onclick="this.value='Vous avez cliqué sur le bouton !'">
</form>
<font SIZE="4" COLOR="#000080"><b>Bouton normal</b></font>
</div>


<form ACTION="
http://www.page-web.com/bouton22.html" METHOD="GET">
<input TYPE="submit" VALUE="Exemple de bouton">
</form>

Pour des explications sur les feuille de style ou les boutons DHTML, consultez mon tutoriel "TutorDHTML"

Créer des liens internes / externes

Lien interne (remonter de quelques lignes) et lien externe (Aller à la page...)

Voici le code de ces liens :

Pour plus d'explications sur la procédure de création de liens : consultez ma chronique 8

Pour créer une page Web avec des cadres (frames), vous pouvez en trouver l'explication détaillée en cliquant sur (explication), vous verrez que ce n'est pas plus difficile que le reste.

Pour créer un formulaire, vous pouvez aussi en trouver l'explication en cliquant sur FORMULAIRES.

Pour l'insertion d'un compteur sur votre page, rien de plus facile, consultez la section compteur.

Quand vous aurez créé votre page web, n'oubliez pas de me le faire savoir, j'irai vous rendre visite!

Pour créer votre page Web, dans de très nombreux cas (cela dépend de votre provider), vous devrez nommer votre page d'accueil "index.html" et non pas comme ici "first.html"

[Initiation rapide à WebExpert 5]