Projet:Animation et bande dessinée asiatiques/Comment faire.../Timeline

Tout d'abord, peut-être vaut-il mieux préciser ce qu'est une ligne de temps : une ligne de temps est un tableau utilisé sur le projet ABDA pour donnez une rapide vision de l'enchainement des arcs majeurs (ou sagas) et des arcs mineurs (ou arcs) au sein d'un anime. En voici quelques exemple : One Piece, Naruto, Bleach, etc.

Une ligne de temps peut bien sûr être utilisée pour un manga, mais sa construction fait qu'elle est mieux adaptée à une diffusion audiovisuelle.

1^re étape : principes de bases

Maintenant que ce point est précisé, si vous observez les exemples précédemment cités vous remarquerez que la ligne de temps, une fois passé la ligne de titre, est un tableau composé de 9 colonnes à la base :

1. la couleur de la saison (qui fait un roulement par cycle de cinq, ce qui signifie que les saisons 6 et 11 ont la même couleurs que la saison 1 par exemple)
2. le numéro de la saison
3. la date de première diffusion du premier épisode de la saison
4. la date de première diffusion du dernier épisode de la saison
5. les arcs majeurs ou sagas
6. les fillers
7. les arcs mineurs
8. le numéro de la saison à nouveau
9. la couleur de la saison à nouveau

Les couleurs utilisé dans le tableau ne le sont pas au hasard, il s'agit des couleurs de la charte graphique du projet ABDA concernant les saison d'anime qui a été adoptée. À savoir donc le roulement rouge / jaune / vert / violet / bleu avec une variante plus clair pour la barre de titre qui est ici utilisé pour les arcs majeurs (rouge / vert), mineurs (jaune / violet) et les fillers (bleu).

Pour ce qui est de sa construction, nous allons partir du principe que nous mettons la même information de base à chaque ligne, adaptée bien entendu en fonction de l'épisode. Prenons l'exemple de la toute première ligne :

| width='1px' bgcolor=#B00000 | || [[Liste des épisodes de ...#Saison 1|1]] || {{Date||}} || {{Date||}} || bgcolor=#ffb2b2 | Saga 1 <!-- 1 prim --> || style="width: 1px; border: none;" | <!-- 1 --> || bgcolor=#ffff99 | Arc 1 <!-- 1 sec --> || 1 || width='1px' bgcolor=#B00000 |
|-

Comme vous pouvez le voir, la syntaxe est déjà plus simple que le shmilblique des version déjà faite, ne serait-ce que parce que beaucoup de cellules n'ont pas de mise en forme. Le résultat avec deux lignes donne :

Saison

#		Début	Fin	Arcs			#
	1			Saga 1		Arc 1	1
	1			Saga 1		Arc 1	1

Ah oui ! Il y a comme qui dirait un petit problème : les informations sur les saisons, les sagas et les arcs se répètent. C'est embêtant !

2^de étape : fusionner les lignes

La solution va être de faire fusionner plusieurs cellules verticalement (par ligne). Prenons par exemple le cas d'un anime d'une saison de 13 épisodes :

• les trois premiers sont totalement indépendant et ne font partie d'aucune saga, ils sont là pour planter le décor
• les 7 suivants par contre font partie d'une première saga et les 3 derniers de la saga finale.
• au niveau des arcs de la première saga, les 2 premiers constituent un arc, le 3^e est indépendant et les 4 derniers un second arc
• pour la seconde saga, arc et saga se confonde, nous n'ajouterons donc rien, il y aura cependant une subtilité pour alléger la page et caractère.
• adapté d'une œuvre papier, les épisodes 3, 7, 8, 9 et 10 sont des fillers.

Commençons par la première ligne, nous allons commencer par rajouter une instruction de fusion verticale de la forme rowspan="13" à toutes les cellules concernées. Puisque, jusqu'ici, certaines cellules n'avais aucune instruction, il ne faut pas oublier de vérifier que instruction et contenu sont séparés par une barre verticale :

| width='1px' bgcolor=#B00000 rowspan="13" | || rowspan="13" | [[Liste des épisodes de ...#Saison 1|1]] || rowspan="13" | {{Date||}} || rowspan="13" | {{Date||}} || <!-- 1 prim --> || style="width: 1px; border: none;" | <!-- 1 --> || <!-- 1 sec --> || rowspan="13" | 1 || width='1px' bgcolor=#B00000 rowspan="13" |
|-

Pour la seconde et la troisième ligne ligne, puisqu'elles sont déjà fourni par la première, les colonnes 1, 2, 3, 4, 8 et 9 seront enlevées :

| <!-- 2 prim --> || style="width: 1px; border: none;" | <!-- 2 --> || <!-- 2 sec -->
|-

Si nous testons maintenant avec les 13 lignes (dont 12 identiques), cela nous donne :

Saison

#		Début	Fin	Arcs			#
	1						1

3^e étape : sagas et arcs

Maintenant, en ce qui concerne les arcs et sagas, nous allons remplacer la première cellule de ceux-ci par une instruction de fusion et de couleur de fond, ainsi que leurs donner des noms. De plus, de la même manière que nous avions supprimé les information sur la saison dans chaque ligne de celle-ci excepté la première, nous allons supprimer les cellules primaire ou secondaire pour chaque ligne composant une saga ou un arc, excepté la première de celle-ci. Exemple :

| bgcolor=#ffb2b2 rowspan="7" | Saga 1 <!-- 4 à 10 prim -->

remplace

| <!-- 4 prim -->

Saison

#		Début	Fin	Arcs			#
	1						1
				Saga 1		Arc 1
						Arc 2
				Saga 2

Nous avions parlé d'une astuce pour alléger la page, et elle a été appliquée (partiellement) sans que cela soit signalée. Cela consiste à fusionner les cases vides comme on le ferrait pour un arc ou une saga mais sans la remplir. Sur l'exemple ci-dessus les instructions de suppression de bordures n'ont pas été ajoutées mais il faut normalement le faire.

4^e étape : fillers

La question que vous allez probablement vous poser après avoir lu le paragraphe ci-dessus est « pourquoi ne pas aussi fusionner la colonne des fillers ? » La réponse est simple, pour avoir le bon nombre de ligne.

Pour ce qui est des fillers, il y a quatre code différent qui vont remplacer l'instruction

style="width: 1px; border: none;"

de la colonne fillers : filler seul, premier d'une série, dernier d'une série et au cœur d'une série :

bgcolor=#B2FFFF

style="border-bottom: none;" bgcolor=#B2FFFF

style="border-top: none;" bgcolor=#B2FFFF

style="border-top: none; border-bottom: none;" bgcolor=#B2FFFF

Exemple finalisé

Une fois finalisé, notre exemple donne donc :

Saison

#		Début	Fin	Arcs			#
	1						1
				Saga 1		Arc 1
						Arc 2
				Saga 2