Team:INSA-Lyon/notice

From 2014.igem.org

(Difference between revisions)
Line 15: Line 15:
<p>Voici un petit guide pour vous permettre de remplir le wiki de manière la plus sereine possible :</p>
<p>Voici un petit guide pour vous permettre de remplir le wiki de manière la plus sereine possible :</p>
 +
1/ Vous devez tout d'abord vous logger en cliquant en haut à droite sur <b>log-in</b>
 +
2/ Ensuite placez vous en haut de la page et chercher à faire apparaitre la barre cachée tout en haut du wiki afin de trouver l'onglet <b>edit</b>
 +
3/ Vous êtes alors ready to enter dans le fabuleux world du code html !!
<h1>Comment est constituée une page ?</h1>
<h1>Comment est constituée une page ?</h1>
<pre>{{:Team:INSA-Lyon/template_head}} // Permet d'appeler le code pour le menu
<pre>{{:Team:INSA-Lyon/template_head}} // Permet d'appeler le code pour le menu

Revision as of 15:53, 9 October 2014

Curly'on - IGEM 2014 INSA-LYON

IGEM

Je comprends riiiiiiennnnnn

Voici un petit guide pour vous permettre de remplir le wiki de manière la plus sereine possible :

1/ Vous devez tout d'abord vous logger en cliquant en haut à droite sur log-in 2/ Ensuite placez vous en haut de la page et chercher à faire apparaitre la barre cachée tout en haut du wiki afin de trouver l'onglet edit 3/ Vous êtes alors ready to enter dans le fabuleux world du code html !!

Comment est constituée une page ?

{{:Team:INSA-Lyon/template_head}} // Permet d'appeler le code pour le menu
<html>
<head>
<link rel="stylesheet" type="text/css" 
href="https://2014.igem.org/Team:INSA-Lyon/css_contenu?action=raw&ctype=text/css" /> 
// ça c'est pour appeler le CSS
</head> 

// Là, le contenu du site

</html>
{{:Team:INSA-Lyon/template_footer}} // Permet d'appeler le code du footer
Ne mettre le contenu qu'entre les balises <div id="presentation"> et </div>

Les types de titres

Pour les titres importants de vos pages

<h1>Ici, un titre</h1>

Exemple



Pour le titre de la page d'accueil (curly'on)
C'est normal si l'exemple n’apparaît pas car la typo est blanche.

<h2>Ici, un titre</h2>

Exemple



Pour les titres du footer
C'est normal si l'exemple n’apparaît pas car la typo est blanche.

<h3>Ici, un titre</h3>

Exemple



Pour les titres des pages contenu (Project/results/...)
C'est normal si l'exemple n’apparaît pas car la typo est blanche.

<h4>Ici, un titre</h4>

Exemple



Pour les sous-titres importants de vos pages

<h5>Ici, un titre</h5>
Exemple


Pour les petits sous-titres importants de vos pages

<h6>Ici, un titre</h6>
Exemple


Saut de ligne

ligne1<br/>
ligne2

Positionnement du texte

Le texte est à gauche par défaut

Centrer
<div align="center">Le texte</div>
Droite
<div align="right">Le texte</div>
Justifié
<div align="justify">Le texte</div>

Les colones

Pour les pages contenu, créer deux colones de texte permet d'améliorer la lecture

<p class="colone1">Ici le texte de la colone de gauche</p>
<p class="colone2">Ici, le texte de la colone de droite</p>

Pour un texte sans colones, placer le texte entre les balises <p>le texte</p>

Formatage du texte

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

Les liens

<a href="url du lien">Clique ici</a>
Exemple
Le lien c'est de notre wiki c'est ici.

Les images

Pour ajouter une image :
1. Ajouter l'image voulue à partir de cette page:Upload file
2. Copier l'URL de l'image (soit clique droit dessus, soit en clique gauche et copier l'URL dans le navigateur

<img src="URL de l'image" alt="texte remplaçant l'image si jamais elle ne charge pas" />
Exemples
  • URL de l'image: https://static.igem.org/mediawiki/2014/4/4f/Insa_labo.jpg
  • L'image:
les filles au labo

Les listes

<ul>
<li> item 1 
<li> item 2 
..
</ul>
Exemple
  • item 1
  • item 2
  • ..
Numérotée
<ol>
<li> item 1 
<li> item 2 
..
</ol>
Exemple
  1. item 1
  2. item 2
  3. ..

Les tableaux

<table>
<tr>
  <td>tata</td>
  <td>toto</td>
  ...
</tr>
<tr>
  <td>titi</td>
  <td>tutu</td>
</tr>
...
</table>
Exemple
tata toto
titi tutu
Avec bordures
<table border="1">
...
</table>
Exemple
tata toto
titi tutu