Foot-Land - jeu de foot fun et convivial

Topic en reconstruction

Suite aux nombreux topic souhaitant de l'aide pour son blog, je me lance dans l'explication en image du fonctionnement d'un blog. (En espérant que ça pourra en aidé quelques-un...)

Voici le sommaire :

I Qu'est-ce que je peux mettre sur mon blog foot-landais?
II Comment créer un blog?
III Qu'est-ce que le html?
IV Aide aux premières pages... 
  A Contenu
          1) Balise général
          2) Liens relatifs / absolus
          3) Mise en forme
          4) Astuce
  B Image
V Divers/A savoir





I Qu'est-ce que je peux mettre sur mon blog foot-landais?
Sur votre blog foot-landais, vous pouvez mettre tous ce qui se réfère aux football, et à foot-land. Tout sujet extérieur peut entraîner la suppression du blog. Une charte est également à suivre. (Le lien viendra ultérieurement)


II Comment créer un blog?
Pour créer votre blog, il vous suffit d'avoir 300 bonus et des connaissances en HTML (Vous pouvez trouver à certains endroits cette notation : XHTML)
Vous avez tout ça?? Allez donc dans le menu de gauche à Bonus/achat et cliquez sur Créer un blog. Maintenant vous allez choisir un pseudo* et un mot de passe**; accepter les règles d'utilisation du blog. Jusque là les bonus ne vous ont pas été retiré!! Ce n'est que si vous cliquez sur créer mon blog que vous serez prélevé de 300 bonus.

* : Votre pseudo servira pour l'adresse de votre blog (exemple : si le pseudo est choisi est moi, l'adresse du blog sera http://moi.foot-land.net/
** : Je vous conseil, mais ceci n'engage que moi!, de choisir un mot de passe différent de celui que vous utilisez pour vous connectez à foot-land. Cependant si vous avez peur de l'oublier et/ou le perdre alors choisissez le même... Mais dans tout les cas Ne le donnez à personne!!






III Qu'est-ce que le html?
Le HTML (appelé aussi XHTML {eXtensible HyperText Markup Language}) est un langage d'ordinateur ou plutot d'internet. Ce langage est retranscrit par les navigateurs web afin que nous (humains) puissions lire, voir les pages web. Donc derrière chaque page web se cache ce langage (pas seulement celui-ci me diront les "experts", mais je ne vous donnerez aucune infos sur les autres langages car il n'ont rien a faire ici (et je ne les maîtrise pas tous ))


IV Aide aux premières pages...

Comment créer un autre fichier (page) que l'index?
Allez dans créer une page

mettez un nom de page comportant entre 3 et 20 caracteres, chiffres et/ou lettres, sans espaces et sans accent! Cliquez sur enregistrer. Vous alez être redirigé automatiquement vers Mes fichiers.

Comment modifier un fichier??
Dans Mes fichiers, vous avez la liste de tous les fichiers et toutes les images que vous avez créer/télécharger. Pour les fichier vous avez la possibilité de les supprimés avec la croix :
ou de modifier le texte à l'intérieur du fichier :
Vous allez donc cliquer sur modifier et écrire en HTML (voir ci-dessous). Une fois que vous avez terminer n'oublier pas de cliquer sur enregistrer

A Contenu
          1) Balise général
Voici les balises que vous utiliserez le plus :
          Tout d'abord, vous ne pouvez pas aller à la ligne comme sur un traitement de texte... eh oui, le navigateur mettra tout votre texte à la suite malgré vos innombrables entrée. Pour mette à la ligne, il vous suffit à la fin de votre texte de mettre cette balise :

<br/>

Les liens (relatifs et absolus) voir en dessous.

Le BBCode habituel a savoir ceci :

<b>Texte en gras</b>
<u>Texte souligné</u>
<i>Texte en italique</i>

Pour mettre un texte comme un titre (donc en gros) utilisez ce code:

<h1>texte</h1>

Pour ceux qui aurait envi de faire des paragraphes voici le code a utiliser :

<p>mon paragraphe</p>

Nota : Lorsque vous écrivez deux paragraphes à la suite comme ceci :

<p>1er paragraphe</p> <p>2nd paragraphe</p>

les deux paragraphes sont distinstinct comme ceci :

1er paragraphe

2nd paragraphe

Voila pour le codage général.

          2) Liens relatifs / absolus
La différence entre les deux?? regardez l'exemple et vous le saurez!
Liens relatifs : liens qui permet d'une page web, d'aller sur une autre page web que vous avez créer.
exemple : Vous avez créer un fichier Mesmots ; celui-ci prend l'extension .html a la fin ce qui donne Mesmots.html
Depuis l'accueil de votre blog, vous souhaitez créer un lien vers ce fichier?? C'est simple il vous suffit de rentrer le code suivant :

<a href="Mesmots.html">Quelques mots de ma part</a>

Liens absolus : Vous souhaitez mettre un lien sur l'accueil de votre blog qui renvoi votre fiche équipe?? Cette fois-ci vous utiliserez le lien absolus soit ceci :

<a href="http://www.foot-land.com/infos/index.php?id=24500">Ma team</a>

ps : évidemment vous remplacez le lien

http://www.foot-land.com/infos/index.php?id=24500

par le votre

Conclusion :
lien absolu : vers une page web indépendante du blog
lien relatif : vers une page (fichier) du blog

          3) Mise en forme
Pour les mises en forme du type texte à gauche, taille 5, la couleur... voici ce qu'il faut utiliser comme code : (ce sont des exemples. A vous de motivé ce qu’il y a en rouge pour avoir ce que vous souhaitez !)

Pour la taille :
<font size=5>texte</font>
Pour la couleur du texte
<font ccolor=red>texte</font>
Pour la position :
<center>texte</center>

Pour la position vous avez le choix entre centrer (center), à droite (right), à gauche (left) ou justifier (justify)

          4) Astuce
Petites actuces utile :
mettre des caractères en indice :

_{mon texte à mettre en indice}

mettre des caractères en exposant :

^{mon texte à mettre en exposant}

B Image
Pour les image il vous suffit de les télécharger comme indiquer ci dessous.
Vous allez chercher votre image via parcourir. Puis nommez votre image. Celle-ci prendra l'extension .jpg automatiquement et qu'elle que soit l'extension que possède l'image sur l'ordinateur.
Attention!! votre image ne doit pas faire plus de 100 ko et doit absolument avoir l'une de ces extension : jpg, gif ou png
Une fois cela fait vous n'avez plus qu'a faire : Charger.


Ceci met donc l'image dans "Mes fichiers". A partir de là voici comment faire pour l'afficher : Allez dans le fichier que vous souhaitez et entrez le code suivant pour que l'image s'affiche :

<img src="image.jpg" />

Evidemment image.jpg est le nom de l'image. Vous, vous pouvez avoir mis un autre nom. C'est donc le nom que vous avez mis qui sera mis à la place de image.


V Divers/A savoir
Pour avoir quelque exemple de toute qui vous a été dit au dessus notamment sur les balises, voici quelques liens intéressant :
exemple de codage
exemple de tous les codes donné au dessus. (en construction!)
Site consacrer aux langages web