Créer son site d'élevage virtuel avec Webidev
Image
ImageLe design est temporaireImage


Image
Alors voici mon tutoriel pour aider les gens à programmer leur site Webidev. Le site à pour but d'aidé les débutants, ainsi que les avancés à programmer des sites plus lourds, ayant plus de contenue, sans nécessairement devenir long et ennuyant. Nous ne traiterons d'aucun style de jeu (RPGs, Aventures, Stratégie/Réflexion, etc.), puisque ça serait trop long de faire qu'un seul tutoriel pour tout les inclures. Alors du même auteurs, vous pourrez trouver mes autres tutoriel Webidev.
Il est important de savoir que la mise en pratique des trucs donnée ici, et de la matière que vous allez lire, ne tiens qu'à vous. Vous n'avez nullement l'obligation d'utilisé tout ce qui est ici, et vous n'avez non plus nullement l'obligation de les utilisé comme il est écris. Si je crée ce tutoriel, c'est justement pour apprendre au nouveau (surtout), à utiliser leurs pensées et leurs idées afin de créer un site qui leurs convient tout seul, même si je suis là pour aider.
Les codes qui seront affiché seront entièrement de moi, et je vous permet de les utiliser. Cependant, si je demande le code de quelqu'un afin de le mettre sur mon site, je vais l'indiquer. Ainsi, vous saurez à qui le demander et vous direz que vous avez vu ça sur mon tutoriel.

Alors maintenant, commençons la matière avec les bases de la programmation. La première étape est très simple, puisque nous savons tous écrire sur un clavier. Si non, comment êtes vous rendu sur ce site!? Alors il est bien beau de taper un texte normale, mais il faut aussi l'agrémenté de balises de texte... Des quoi de texte? Des balises! Ce sont des fonctions mis dans le code afin de pouvoir en crée un! Toutes les balises sont simple, cependant, leurs utilisations peuvent être plus compliqué. Alors regardons les différente balises de texte, afin de pouvoir commencer sur une bonne voie par la suite.

Balises de texte


< i >Italique< /i >
Cette balise est très simple. En gros, elle permet de faire en sorte que le texte soit écrit en italique.

Image Aperçu : Ce texte est donc affiché en italique Image


< b >Gras< /b >
Encore une qui permet de modifier le texte. Elle est utile lorsqu'on veut faire en sorte que le texte ressorte du lot. Souvent, nous utilisons cette balise lorsque nous avons une information importante à transmettre au joueur.

Image Aperçu : Ce texte est donc affiché en gras Image


< ins >Souligné< ins >
Cette balise de texte sert en gros à souligné encore une partie de texte. Elle à la même fonction que la balise < b >< /b >, mais elle est utile pour, par exemple, mettre en évidence un paragraphe au lieu d'une phrase ou d'un mot.

Image Aperçu : Ce texte est donc souligné Image


< del >Barré< /del >
Je ne vois pas la grande utilité de cette balise de texte, peut-être juste montrer que l'information dite précédemment est erroné, mais pourquoi ne pas simplement l'effacer? Sinon, on peut toujours l'utiliser comme pour barrer ce qu'on à fait dans notre liste de choses à faire!

Image Aperçu : Ce texte est donc barré Image


< big >Grand< /big >
Affihcer un texte en plus gros. C'est son unique utilité. Pas grand chose à dire sur cette balise, puisque tout est pas mal dit dans le texte. Cependant, vous pouvez toujours l'utiliser comme bon vous semble!

Image Aperçu : Ce texte est donc affiché en caractère plus grand Image


< small >Petit< /small >
Il sert donc à faire apparaître un texte en plus petit que la moyenne des autres textes. Sur plusieurs site, les webmasters l'utilisent afin de mettre des détails sur les données du site, ou donné quelque précision en bas de page!

Image Aperçu : Ce texte est donc affiché en caractère plus petit Image


< sub >Indice bas< /sub >
Je ne trouve pas cette balise particulièrement utile, mais elle peut toujours l'être si, comme dans les textes de longue envergure, nous voulons mette une annotation.

Image Je crois que j'ai un bug avec mon ordinateur, mais cette balise ne fonctionne pas adéquatement... Image


< sup >Indice haut< /sup >
Je ne trouve pas cette balise particulièrement utile, mais elle peut toujours l'être si, comme dans les textes de longue envergure, nous voulons mette une annotation.

Image Je crois que j'ai un bug avec mon ordinateur, mais cette balise ne fonctionne pas adéquatement... Image


< center >Center< /center >
Elle permet simplement de placer le texte au centre de la page, jusqu'à ce que la balise s'arrête.

Image Aperçu : Ce texte est centré Image



< left >Gauche< /left >
Elle permet d'écrire à gauche, mais c'est utile simplement s'il y a des balises de centre ou de droite avant!

Image Aperçu : Ce texte est écris à gauche Image



< right >Droite< /right >
Elle permet d'écrire à droite, jusqu'à ce que la balise s'arrête. Elle est utile pour de court texte, parce que pour des longs, ça ne fait pas un très beau design.

Image Aperçu : Ce texte est écris à droite Image



< code > Teletext < /code >
Permet d'afficher un message avec d'autre caractère, permetant au lecteur de savoir qu'il s'agit d'un code, ou autre chose qui n'est pas texte suivi.

Image Aperçu : Ce texte est écris en Teletext Image



Une fois que l'on sait écrire avec un peu de style sur nos page, il faut passé à la marche suivante. Maintenant que l'on peut écrire à droite, à gauche, centré; que l'on sait faire des listes, des textes décalée puis faire des catégorie, nous devons mettre un peu d'interactivité, afin d'insité le visiteur, à venir s'inscrire sur le site. Il faut donc être capable d'insérer une image.

Insérer une image
Alors pour insérer une image dans son texte, il suffis d'écrire : < img nom_de_limage > ou aussi : < img URL_de_limage >
Ainsi, vous pourrez mettre à l'endroit ou vous avez écrit le code, l'image que vous voulez.

Exemple

Code
< center >< img ArticleJournal >
< small >Article de Johanne Sloan< /small >< /center >


Aperçu
Image
Article de Johanne Sloan


Ne me jugez pas, je sais que le fait de mettre un article n'a aucun rapport. Mais d'où je suis pour faire ce site et avec le moyen que j'utilise, ce n'est pas possible pour moi de faire une image adéquates.. Aussi je ne vais pas vous le cacher, je suis nulle en graphisme, alors voilà qui es dit. Maintenant que l'on a appris comment insérer une image avec Webidev il faut allez plus loin. Insérer une image est de loin le code le plus facile de Webidev. À part peut-être modifier un texte à notre guise. Alors continuons sur la route prévue afin d'apprendre à programmer.