documentations galeries détente discussion services opinions
L'adoption

Un peu d'humour

Un poeme

Les jeux
les chevaux chanteurs
Le master mind
Course contre l'ordinateur
Le steeple chase
Pariez 1
Pariez 2
Le pendu
Plus ou moins?
Le snake

Créer son site
Une page explicative
Créer un site web
Vous êtes nombreux à poser la question, je rédige donc une réponse.

L'hébergement
Il est qualifié d'hébergeur une société qui propose d'héberger des sites, c'est a dire que les fichiers qui serviront à votre site devront être transférés sur leurs serveurs. Il y a aussi la solution d'héberger son site sur son propre ordinateur. Mais si jamais par chance votre site devient très fréquenté, vous n'avez plus de bande passante, d'autres problémes peuvent êtres posés avec cette solution: quand vous partez en vacances, vous devrez fermer votre site? Il ne faut pas oublier que les internautes seront peut-être eux aussi en vacances et pourront donc avoir plus de temps pour jeter un coup d'oeil à votre site...

Comme hébergeur gratuit, celui que je recommande fortement pour ceux qui font du html est free: http://www.free.fr
Il existe aussi des hébergeurs avec assistants tels que http://www.voila.fr  ou encore  http://www.dromadaire.com. Le probléme de ces assistants est qu'ils ne proposent pas beaucoup de liberté, et celui que je recommande le plus entre ces deux assistants est dromadaire, bien qu'apparement facilement hackable, il apprend tout de même quelques notions de html qui pourront permettre par la suite de ne plus utiliser  d'assistants et surtout, on a plus de possibilités question design.

Quelques notions d'html
Le html est le language basique pour créer des pages web. Certaines balises html sont acceptées par des assistants comme celui de voila qui est le même que celui de wanadoo. A ma connaissance, dromadaire accepte toutes les balises html.

Vous avez deux possibilités pour manipuler des pages webs sans assistants en ligne: utiliser un logiciel adapté à la création de pages webs (dreamweaver... Pour ma part, j'ai utilisé mozilla composer et quanta) ou utiliser un bloc-notes avec lequel vous taperez la source de la page (ce que je fais fréquemment actuellement) mais n'oubliez pas d'ajouter l'extension de la page html: .html ou .htm

La forme d'une page html (le texte en italique est présent à titre de commentaire, c'est à dire qu'il ne sert a rien de le remettre sur vos pages webs):
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<title>titre de la page</title>
Entre les balises <head> et </head> sont placés des codes que ne voient pas les visiteurs, ce sont généralement des java script ou des balises permettant le référencement de votre site dans les moteurs de recherche.
</head>
<body>
Entre les balises <body> et </body> sont placées les balises que verront les visiteurs. Quand vous utilisez un assistant, c'est généralement entre ces balises que vous effectuez des changements.
</body>
</html>


Une balise html est généralement placée entre < et >. Elle définie l'effet souhaité qui est demandé généralement sous la forme <balise>Ce qui doit être sous l'effet demandé</balise>.
Vous trouverez un tableau ci-dessous montrant quelques balises à insérer entre <body> et </body>.

Utilité de la balise
Balise
Exemple à mettre dans votre page à l'emplacement souhaité (dans une zone de texte sur certains assistants par exemple)
Effet de l'exemple
Commentaire
Rétrécir un texte
<small>
<small>Texte</small> Texte Plus ces balises sont nombreuses, plus le texte est petit.
Agrandir un texte
<big>
<big>Texte</big>
Texte Plus ces balises sont nombreuses, plus le texte est grand.
Changer la police de texte
<font face="la police de texte choisie">
<font face="arial">Texte</font>
Texte
La police de texte times est utilisée par défaut, toutefois certaines personnes préférent la police arial.
Changer la couleur d'un texte ou d'une bordure
<font color="la couleur choisie en anglais ou le code couleur">
<font color="#993399">Texte</font>
Texte ...
Un petit mélanges des balises vues jusqu'ici
<font face="la police de texte choisie" size="taille du texte en nombre" color="la couleur choisie en anglais ou le code couleur"> <font face="arial" size="2" color="blue">Texte</font> Texte Une autre façon avec size de changer la taille du texte.
Texte en italique
<i>
<i>Texte</i>
Texte ...
Texte en gras
<b>
<b>Texte</b>
Texte ...
Texte souligné
<u>
<u>Texte</u>
Texte ...
Texte barré
<strike>
<strike>Texte</strike>
Texte ...
Insérer une image
<img src="url_de_l'image" width="largeur en pixels" height="hauteur de l'image en pixels">
<img src="http://e.ekzay.org/equidream/detente/galeries/divers/div32.gif" width="45" height="35">Vous pouvez aussi mettre une image à la place du texte en exemple. Généralement,  l'image aura une bordure de 2 pixel, vous devrez alors ajouter dans la balise de l'image border="0" si vous ne souhaitez pas cette bordure.
Tout comme pour l'image, le lien doit être sur internet et vous pouvez faire un lien relatif à l'emplacement de votre page vers la page sur laquelle  le lien pointe.
Dans la balise vous pouvez ajouter target="_blank" ce qui aura pour effet de faire ouvrir le lien dans une nouvelle fenêtre de navigateur. Si vous ne l'ajoutez pas,

L'image doit être sur internet et son adresse doit être une adresse internet (pas de C://mes_document/image.jpg par exemple!). Si vous avez un site avec un hébergement sans assistant et l'image hébergée dessus, vous pouvez aussi prendre l'adresse de l'image relative à l'emplacement de la page. C'est à dire que si votre image est par exemple placée tel que monsite/dossiers/images/image.jpg et votre page monsite/dossier/page.html, vous pouvez mettre en source pour insérer l'image à la place de url_de_l'image images/images.jpg. En utilisant cette méthode, vous pourrez peut-être être amené à descendre d'un répertoire, pour ce faire, il suffit de mettre ../ (ex: ../galerie/photo.jpg).
Vous pouvez modifier la taille de l'image avec les attributs width et height ou bien tout simplement supprimer width et height ce qui fera: <img src="adresse de l'image"> et l'image sera à sa taille normale. Vous pouvez aussi ajouter une bordure avec l'attribut border="taille d'une bordure en pixels"  (<img src="..." border="...">) ainsi que la balise <font color> pour changer la couleur de la bordure.
Faire un lien vers un site, une page ou une image
<a href="url de la page">
<a href="http://www.equidream.fr.tc">site sur les chevaux</a>
site sur les chevaux
Vous pouvez aussi mettre une image à la place du texte en exemple. Généralement,  l'image aura une bordure de 2 pixel, vous devrez alors ajouter dans la balise de l'image border="0" si vous ne souhaitez pas cette bordure.
Tout comme pour l'image, le lien doit être sur internet et vous pouvez faire un lien relatif à l'emplacement de votre page vers la page sur laquelle  le lien pointe.
Dans la balise vous pouvez ajouter target="_blank" ce qui aura pour effet de faire ouvrir le lien dans une nouvelle fenêtre de navigateur. Si vous ne l'ajoutez pas, le lien s'ouvrira dans la fenêtre du navigateur existante.
Mettre une image en fond de page ou une couleur
<body background="url de l'image de fond">
<body bgcolor="couleur de fond">
<body background="http://e.ekzay.org/equidream/galeries/fondspages/textures/tex7.jpg">
<body bgcolor="#6600cc">

En fait, background et bgcolor sont des attibuts de la balise <body>. Ces codes remplacent donc la balise <body>, vous devez choisir un de ces deux codes ou si vous souhaites les deux faites: <body background="..." bgcolor="...">.
Vous pouvez ajouter l'attribut bgproperties="fixed" pour que l'image de fond ne suive pas le défilement de la page et reste fixe.
Remarquez que l'image de fond est prioritaire sur la couleur
Mettre une musique de fond

<EMBED SRC="votre fichiermidi.mid" AUTOSTART="TRUE" LOOP="TRUE"></EMBED>

Pour le confort de certains visiteurs, je préfére ne pas mettre de musique de fond. En effet, certains midis sont succeptibles de vous faire supprimer vos hauts-parleurs et si je met une musique de fond, ce sera pour toute la page.
Pas de musique!
Loop est le nombre de fois que vous souhaitez faire jouer votre musique, true et -1 la font jouer infiniment.
Les musiques doivent être au format midi. Les midis ne sont généralement pas de bonne qualité.
insérer un tableau
<table cellspacing="espace entre les cellules" border="taille de la bordure"
style="text-align: left; width: 100%;">
<tbody>
<tr>
<td style="vertical-align: top;">
</td>
<td style="vertical-align: top;">
</td>
</tr>
</tbody>
</table>
(ici tableau à deux cellules)
<table style="text-align: left; width: 100%;" border="1"
cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td
style="vertical-align: top; background-color: rgb(204, 102, 204);">cheval<br>
</td>
<td style="vertical-align: top;">fer<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">selle<br>
</td>
<td
style="vertical-align: top; background-color: rgb(102, 51, 102);">chevaux<br>
</td>
</tr>
</tbody>
</table>
cheval
fer
selle
chevaux
La largeur et hauteur des cellules peuvent se mettre en pourcentage: dans ce cas n'oubliez pas le % ou en pixels.

Le java script
Le java script permet de créer quelques petites animations sur votre site par exemple. Attention car quelques scripts ne marchent pas avec certains navigateurs. Toutefois je ne suis pas experte en javascript car je l'ai jugé pas très utile et donc je n'ai préféré pas m'ennuyer à l'apprendre mais j'en modifie s'ils m'interessent. Par contre, là où le java script se révéle interessant, c'est pour faire des formulaires. Mais si avoir des petits scripts vous interesse, je vous laisse ce moteur de recherche:



Sur ce, bonne création de site et si vous avez des questions, posez les sur le forum ou envoyez moi un e-mail.