Tuto 1 Sigil

Bonjour à tous et à toutes. Bienvenue dans ce premier tuto consacré à Sigil, logiciel gratuit de réalisation d’e-books que j’ai déjà présenté.

Tout d’abord, il vous faut bien sûr télécharger Sigil. Plusieurs sites le proposent. Je ne vous mets qu’un seul lien pour Windows et un seul pour Mac, mais s’ils ne vous conviennent pas, vous pouvez facilement en trouver d’autres sur le net.

Pour Windows :

https://www.clubic.com/telecharger-fiche339610-sigil.html

Pour Mac :

https://sigil.fr.uptodown.com/mac

Une fois que vous avez téléchargé Sigil et que vous l’avez installé, ne reste qu’à l’ouvrir.

Présentation de Sigil

Vous vous retrouvez avec un écran de ce type :

À gauche, vos feuilles apparaîtront au fur et à mesure que vous les créerez. À droite, apparaîtra votre table des matières (ce qui remplace le sommaire d’un livre papier). S’il n’est pas obligatoire de faire un sommaire dans un livre papier, une table des matières est au contraire nécessaire dans un e-book. Nous verrons dans un autre tutoriel comment la créer, car c’est une des dernières choses à réaliser.

Au milieu apparaîtra votre page en cours. C’est l’écran de travail.

Je ne vous présenterai que peu les icônes en haut (et je le ferai au fur et à mesure), car elles varient beaucoup d’une version de Sigil à l’autre. Et si à l’heure où vous lisez ce tuto, vous disposez d’une version plus récente, vous risqueriez de ne pas vous y retrouver.

Toutefois, il y a deux icônes permanentes que vous devez connaître car très importantes :

Celle de gauche qui représente un livre ouvert est la « vue livre ». Elle montre ce que votre lecteur verra. Celle de droite représentant des signes inférieur et supérieur est la « vue code ». Elle vous permettra de travailler directement sur le code. Pour réaliser un bon fichier e-pub, vous devrez passer alternativement de l’une à l’autre vue.

Réaliser la couverture sur Sigil

Ce n’est pas une obligation, mais le plus simple sur Sigil est de commencer par la couverture.

Première chose à faire, renommer votre page dans le menu de gauche.

Vous allez sur « Section0001.xhtml », vous faites un clic droit.

Vous cliquez sur « Renommer ».

Vous appelez votre page « Couverture ». Bien sûr, le .xhtml restera à chaque fois. Il est important de penser à renommer pour que le logiciel puisse réaliser sa table des matières à la fin. De plus, vous vous y retrouverez plus facilement par la suite.

Ensuite, il va vous falloir importer votre image de couverture. Pour cela, toujours dans votre menu de gauche, vous allez faire un clic droit sur l’onglet image. Et vous sélectionnez « Ajouter fichier(s) existant(s) ».

Vous n’aurez alors plus qu’à aller chercher votre fichier sur votre ordinateur. Veillez à ce que l’image fasse environ 800 px de haut afin qu’elle ne soit pas trop grosse.

Lorsque votre image de couverture est sélectionnée, vous pouvez faire un nouveau clic droit sur son nom de fichier et la définir comme « Image de couverture ».

 

Cliquez alors sur cette icône pour aller chercher votre image dans le fichier.

En toute logique, vous devriez avoir maintenant une belle image de couverture, mais pas du tout centrée.

Pour la centrer, trois possibilités.

1. Une icône, le plus simple ;

Vous faites un clic gauche sur votre image pour la sélectionner, puis un nouveau clic gauche sur l’icône de centrage.

ou

2. La vue code ;

Vous allez en vue code puis, dans la balise p, vous tapez :

<p style= »text-align: center; « >

ou

3. Créer une feuille de style, plus long, mais ce qui vous donnera le fichier le plus propre à la fin.

Dans le menu de gauche, vous faites un clic droit sur l’onglet « Style », comme vous l’avez fait pour l’onglet « Image ».

Puis, vous cliquez sur « Ajouter une feuille de style vierge ». Vous pourrez renommer la feuille de style ainsi créée de la même façon que vous avez renommée la page de couverture.

Une fois sur la feuille de style, notez ceci :

.couverture {

text-align: center;

}

Revenez ensuite sur votre page de couverture et sélectionnez la vue code. Puis, entre les balises « head » et « title », créez une balise link :

<head>

<link href= »../Styles/Style0001.css » rel= »stylesheet » type= »text/css »/>

<title>

À la place de « Style0001″, mettez le nom de votre feuille css ou feuille de style.

Ensuite, vous remplacez votre balise p par une balise div et vous tapez :

<div class= »couverture »>

N’oubliez pas de remplacer également votre balise de fermeture. Vous changez </p> par </div>.

Ce qui se trouve entre les deux balises ne change pas.

Pour finir votre page de couverture, vous pouvez rajouter son titre entre les deux balises title :

<title>Couverture</title>

À la fin de la balise html, vous pouvez également rajouter la langue de votre e-book afin que les appareils de lecture sachent de quelle langue il s’agit :

<html xmlns= »http://www.w3.org/1999/xhtml » xml:lang= »fr »>

 

Article publié pour la première fois sur Overblog le 06 mai 2019.