Etape Précédente

TUTORIEL : Structure d'une page


Maintenant que tu sais comment EDITER une page, voyant la structure générale d´une page sur notre wiki… et prenons le cas de figure le plus simple pour commencer.

Merci d´aller sur la page :


C´est une fiche médicale, sur l´une des maladies.

Elle a une structure assez simple

Titre principal : AFFECTION / MALADIE
Sous Titre : AMIBIASE HEPATIQUE
puis une série de Sous Sous Titres

Maintenant, voyons comment, en éditant la page, on peut mettre les titres, les sous titres, les sous sous titre, et surtout la mise en forme avec le design utilisé ici

Merci de cliquer sur “EDITER CETTE PAGE”

En allant tout en haut du code de la page (scroll up), on a en premier lieu une toute petite partie de code HTML :
<html> <link rel=“stylesheet” href=“http://www.trek-ts.org/NEW/style_federation.css” type=“text/css”> </html>

Il faut savoir que ta page s´affiche aussi sans ce code… Mais que c´est ce code qui va lui donner le design voulu, par l´intermédiaire de l´appel d´un fichier CSS (Cascading Style Sheet) dans lequel j´ai préprogrammer des choses comme l´apparence des Titres, les couleurs, police de caractère, tailles, etc, etc…

Il y a plusieurs de ces fichiers style disponibles.
ici c´est le “style_federation.css” qui est utilisé et qui doit être utilisé pour toutes les pages relatives à la Fédération, starfleet

Il y a, par ex, aussi un “style_klingon.css” ou un “style_romulien.css”, etc..
Les couleurs changent, les dessins des titres aussi, voir les polices de caractères.
Bref, pour le moment, admettons qu´on mette toujours le style de la federation sur les pages federales

Après, tu verras le titre principale de la page, sous la forme :

====== Affections / Maladies ======
LEs 6 signes “égal” au début et à la fin du titre indique au système que c´est le niveau 1 de titre, et tu retrouves cela dans la barre d´icone avec l´icone “H1”

En gros, soit tu mets toi même 6 égales de part et d´autre du texte de ton titre, ou alors tu écris ton titre, tu le sélectionnes avec la souris, et tu cliques sur l´icone H1

tu verras aussi qu´en descendant de niveau dans les sous titres, on perd à chaque fois un égal de part et d´autre

Pour le sous titre, il n´y en a plus que 5 :
===== Amibiase Hépatique =====

et ca correspond à l´icone H2

pour le sous sous titre, 4 égal, et icone H3, etc, jusqu´à H5 au besoin.

Donc, tu vois, mettre les titres, c´est assez simple.

Tu verras par contre aussi qu´il y a régulièrement les caractères : ”\\ ” 2 slash + 1 espace (ATTENTION : ne pas oublier l´espace)
Ceci est interpreté comme un “saut de ligne” par le système.
Donc, si tu copie une grosse portion de texte, même si dans l´éditeur tu appuies sur “enter” pour passer à la ligne, le système lui écrira tout en un bloc quand tu seras en mode lecture.
Donc, si tu veux passer à la ligne, ou laisser une ligne, il faut utiliser ”\\

Ca , c´est peut être moins évident à s´en souvenir, mais ca viendra avec le temps.

Mettre des titres, aller à la ligne, et surtout, mettre en tout début de page le code “style” (un simple copier-coller de ces trois lignes en HTML que tu récupère en éditant une autre page), et tu sais maintenant mettre en forme une page :))
Enfin..je l´espère…





Etape suivante


 
tutoriel/structure_page.txt · Dernière modification: 2015/03/26 10:46 par tanaka
 
Recent changes RSS feed Creative Commons License Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki