free PDF to HTML converter  
free PDF to HTML converter  
Guide d’utilisation  
Sommaire  
1
2
6
7
8
9
9
) À propos des convertisseurs............................................................2  
) Description de Free PDF to HTML...................................................3  
) «Free PDF converter». Guide d’utilisation.......................................4  
) Conversion du format des images de PNG à JPG..........................5  
) Adaptation des fichiers *,SVG après la conversion.........................7  
) Embellir la mise en page du document HTML.................................8  
.1 Embellir la mise en page, modification du css...............................9  
Le logiciels suivant est nécessaires :  
«free PDF to HTML converter»  
•
Les logiciels suivants seulement pour convertir le format des images  
ou changer la mise en page.  
•
•
«FastStone Photo Rezizer 4.3» Convertir les images.  
«Notepad++» Editer le code, chercher et remplacer dans les  
fichiers  
Favre_220122a; 2021.01.22 ;V1.1 1 / 10  
free PDF to HTML converter  
1) À propos des convertisseurs.  
Il existe une grande quantité de convertisseurs PDF – HTML en  
versions gratuite ou commerciale, en ligne ou hors ligne.  
Le résultat de la conversion peut-être excellent ou désastreux  
indépendamment de la version.  
Ces 10 dernières années j’ai utilisé, testé les convertisseurs  
suivants :  
1
. pdf2htmlEX de Mr. Coll Wanglu,  
Logiciel gratuit.  
Le développement a été arrêté en 2013.  
La qualité de la conversion est excellente. Images jpg.  
. www.zamzar.com convertisseur en ligne.  
2
3
Presque gratuit (Il utilise le pdf2htmlEX de Mr. Coll Wanglu).  
Images PNG.  
La qualité de la conversion est excellente.  
. «Total PDF Converter» de «www.coolutils.com»,  
Logiciel payant.  
La qualité est excellente, Images PNG. Léger problème avec  
les tableaux.  
Les fichiers HTML sont parfois énormes (2,5MB).  
4
. «Free PDF to HTML Converter» Version 1.0 2019 de  
«
www.freepdfsolutions.com»  
Logiciel gratuit. Images PNG.  
La qualité est excellente  
Problème avec la police «comic sans ms». Et deux colonnes  
de texte dans Scribus (cadre l’un à côté de l’autre).  
J’ai choisi de continuer avec «Free PDF to HTML» en raison de la  
clarté du code HTML et CSS qui autorise des changements de mise  
en page sans gros risque.  
Favre_220122a; 2021.01.22 ;V1.1 2 / 10  
free PDF to HTML converter  
2) Description de «Free PDF to HTML»  
•
La version actuelle est «1.0.0» du 28 août 2019, peut-être  
téléchargée à l’adresse suivante :  
https://www.freepdfsolutions.com/downloads.html.  
•
Le logiciel fonctionne sous Windows 8.1 et 10, peut-être antérieur.  
•
•
•
•
Le code ne contient pas de script ou de liens extérieurs.  
Le document est structuré en container (DIV et classe).  
Le positionnement utilise l’unité relative «em».  
La structure d’un document HTML est la suivante :  
•
•
Un fichier HTML de petite taille.  
Un dossier contenant :  
•
•
•
•
Les pages HTML en format svg.  
Les images en format png.  
Les polices de caractères utilisées dans le document.  
Une feuille de style.css  
Le format png des images produit parfois un dossier qui est plus lourd  
(KB) que le fichier PDF.  
On peut remédier à cela en convertissant les images en format jpg, le  
procédé est décrit dans les pages suivantes.  
Favre_220122a; 2021.01.22 ;V1.1 3 / 10  
free PDF to HTML converter  
6) «Free PDF converter». Guide d’utilisation  
Sélectionné le ou les fichiers PDF, le dossier de sortie et lancer la  
conversion.  
Les images converties sont au format PNG, le dossier du document  
convertit est plus lourd que le fichier PDF.  
Les chapitres 7 et 8 décrivent la conversion du format des images.  
Favre_220122a; 2021.01.22 ;V1.1 4 / 10  
free PDF to HTML converter  
7) Conversion du format des images de PNG à JPG.  
Mode d’emplois de "FastStone Photo Rezizer" : (convertisseur  
d’images)  
Ce logiciel est fabriqué par «faststone.org », la version actuelle est  
4
.3 de 2019. Vous pouvez le télécharger ici :  
https://www.faststone.org  
L’application fonctionne sous Windows ??? à Windows 10  
1
2
. Lancer "FastStone", et choisissez "Batch Convert".  
. Sélectionné le/les dossier(s) ou fichier(s) et confirmé avec "add  
all". (Le contenu des sous-dossiers sera aussi sélectionner).  
Les fichiers sélectionnés sont affiché à droite.  
3
. Vous pouvez filtrer les formats à convertir ( en bas à gauche).  
Favre_220122a; 2021.01.22 ;V1.1 5 / 10  
free PDF to HTML converter  
4
. Choisissez le dossier de sortie (Output Folder), sans choix, les  
images converties sont enregistrées dans le dossier d’origine  
(préférable)  
5
6
. Choisissez le format de sortie (Output Format)  
. Dans «advanced Options» vous pouvez ajuster les paramètres  
de la conversion (taille, couleur, qualité, dimensions).  
7
. Un clic sur l’icône à gauche de «convert» montre un aperçu de  
la conversion.  
8
9
. Cliquer sur «convert» pour démarrer.  
. Avec Windows Explorer, vous devez effacer les fichiers *,PNG  
Favre_220122a; 2021.01.22 ;V1.1 6 / 10  
free PDF to HTML converter  
8) Adaptation des fichiers *,SVG après la conversion.  
Pour que les pages HTML s'affichent correctement, les fichiers .SVG"  
doivent être modifiés. Le format des images doit être changés de  
"
.PNG" à "-JPG".  
Dans «Notepad++», sélectionné «Recherche / Rechercher dans les  
sous-dossiers»  
Paramètres :  
Recherche : .png  
Remplacer par : .jpg  
Filtre : *,svg (seulement les fichiers svg)  
Dossier : le dossier contenant les SVG.  
Sous-dossier : cocher (les sous-dossiers seront explorés)  
Mode de recherche : Mode Normal  
Lancer l’action avec «Remplacer tout»  
Favre_220122a; 2021.01.22 ;V1.1 7 / 10  
free PDF to HTML converter  
9) Embellir la mise en page du document HTML  
La mise en page du document HTML creé par "FREE PDF to HTML"  
est la suivante:  
•
•
•
•
-Le document est aligné à gauche de l'écran.  
-Les pages ne sont presque pas séparées verticalement.  
-Le fond des pages est transparent.  
-Il n’y a pas de fond d’écran.  
Comment modifier la mise en page ?  
En modifiant le fichier "style.css" de la page HTML. Ce fichier est  
dans le dossier ???_Files.  
Les modifications suivantes peuvent être apportées.  
•
•
•
•
Une couleur ou une image pour le fond de l'écran.  
Un cadre autour du document.  
Centrage du document à l'écran.  
Une couleur de fond pour le document.  
Favre_220122a; 2021.01.22 ;V1.1 8 / 10  
free PDF to HTML converter  
9.1 Embellir la mise en page, modification du css  
Modifié le CSS en utilisant «Notepad++»  
Attention, la plus petite faute rend le css inutilisable:  
•
•
Les espaces  
les accolades et autres: { } : ; (" ")  
Ajouter l'élément BODY au début du fichier CSS.  
9.1.1) Couleur de fond de l'écran:  
body {  
background-color: red;  
}
9
.1.2) ou image de fond d'écran:  
body {  
background-image: url("image/foret1.jpg"); background-repeat:  
repeat;  
background-size: cover;  
}
background-repeat définit comme l'image est répétée (repeat,  
norepeat)  
background-size définit la taille de l'image (contain, cover)  
Favre_220122a; 2021.01.22 ;V1.1 9 / 10  
free PDF to HTML converter  
.1.3) Modifier la classe .st1_01  
9
.stl_01 {  
border-style: none;  
border-style: double;  
height: 70.08334em;  
width: 49.58333em;  
margin: 0em;  
margin: 1em auto;  
line-height: 0.0em;  
font-size: 1em;  
display: block;  
/* +++++++ ajouter ++++++++ */  
background-color: #FFFFFF;  
}
/* +++++++ ne rien modifier ailleurs ++++++++ */  
border-style: défini le style de ligne qui encadre le document  
Propriété: none, double, dotted, dashed, etc  
margin définit la taille des marges qui entoure le document  
1
em = marge de 1em verticale, auto= centré horizontalement  
background-color: couleur de fond du document  
Favre_220122a; 2021.01.22 ;V1.1 10 / 10