Une méthode pour mettre en page des documents pdf produits sur le site htm2pdf.co.uk

htm2pdf.co.uk est un service dont la fonction principale, Convert by URL, permet de convertir une page web en un document PDF tout simplement en donnant l’adresse URL de la page web dans la zone “Address” et en cliquant sur le bouton “CONVERT”. C’est très pratique pour faire des copies d’écran de la totalité d’une page web directement en PDF au lieu d’utiliser la touche de copie d’écran à plusieurs reprises, d’assembler les images successives des différents écrans successifs puis de convertir cette image en pdf.

Une autre fonction, bien moins utilisée, Convert raw html (conversion de html brut), permet de convertir du code HTML en fichier PDF. C’est cette fonction qui va être utilisée pour mettre en page le code HTML d’une portion seulement de page web (typiquement, un article et ses illustrations) lorsque la conversion directe de l’URL ne donne pas un résultat satisfaisant. C’est notamment le cas lorsque la page affiche de nombreux autres éléments en plus de l’article lui-même (autres articles, publicités etc.)

 

Mise à jour, 25 mai 2011 Il existe désormais des sites internet permettant de générer d’un clic un fichier .pdf impeccablement mis en page, simplement en donnant l’URL d’un article disponible sur internet. C’est particulièrement utile pour proposer une version imprimable dans le cas d’articles qui ne s’impriment pas correctement par la solution de l’impression directe du navigateur (Fichier [ > Mise en page | Aperçu avant impression ] > Imprimer… ou Ctrl+P) , et qui ne proposent pas non plus de version imprimable. Cela arrive hélas de plus en plus du fait que les modèles de blogs ou de sites deviennent de plus en plus élaborés, produisant des articles destinés à être lus sur écran et plus vraiment à être imprimés. Ces services sont bien plus simples à utiliser que la méthode proposée ci-dessous, destinée aux perfectionnistes. Ils suffisent dans 90% des cas si l’on est perfectionniste, et dans 100% si on ne l’est pas. Voir le banc d’essai de ces différents services tout au bas de la page

 

Ecrire d’abord le texte au format html, soit directement avec un éditeur html soit via le blog wordpress. Si on veut mettre en page un article existant, récupérer le code html de cet article en surlignant l’article à la souris (clic gauche maintenu) puis clic droit dans la zone surlignée, choisir “code source de la sélection” et copier-coller le code html qui s’affiche.

On va produire le pdf en copiant-collant le html dans l’onglet Convert raw html du site htm2pdf.co.uk – Attention Ouvrir ce site directement en cliquant sur son lien depuis une page internet (comme la présente page) va fabriquer le pdf de la page. C’est très pratique pour faire un bouton « Convertir la page en PDF » mais cela allonge le temps d’ouverture de la page (on ne peut pas tout avoir). Pour ouvrir le site rapidement, ouvrir htm2pdf.co.u (qui n’existe pas !), et rajouter le k à la suite du u de fin pour ouvrir le bon site htm2pdf.co.uk

puis en procédant par essai & erreurs en jouant sur deux paramètres :
- les marges de gauche et de droite
- les marges en haut des pages

htm2pdf.co.uk répond parfois Service Unavailable (en français dans le texte : Service Indisponible) quand il y a trop de demandes de conversion en même temps.

Ne pas se décourager : il suffit d’attendre… un certain temps puis de recommencer et ça marche (en principe… )

Cette méthode est destinée UNIQUEMENT à produire des documents pdf correctement mis en page sur QUATRE pages MAXIMUM (c’est à dire deux feuilles recto-verso) dans le cadre des actions SITA.
Par correctement mis en page il faut comprendre un texte qui occupe le minimum de pages mais avec des caractères bien lisibles, des marges agréables et toutes les pages entièrement remplies du bas en haut (notamment sans grande zone blanche au bas de la dernière page) et avec si possible des coupures entre les pages situées en fin de ligne ou de paragraphe (et non pas en milieu de phrase)

On va utiliser les codes html suivants :

- Pour introduire des marges identiques à gauche et à droite :
Encadrer le code html du texte dans un tableau (table) centré (center) qui va occuper, par exemple, 90% de la largeur (width) de la page.
Pour cela, rajouter les instructions html suivantes de création d’un tableau centré contenant une seule cellule composée d’une seule ligne (tr) d’une seule colonne (td) qui contient le texte :
<TABLE WIDTH=90% ALIGN="CENTER" CELLPADDING=5 CELLSPACING=0><TR><TD>
(code html du texte)
</TD></TR></TABLE>
La cellule est encadrée de 5 pixels vides (cellpadding) pour éviter de parfois tronquer certaines portions de caractères en bout de ligne, notamment en italique.

Pour avoir une mise en page agréable à lire, faire au maximum des tableaux de 90% (marges minimales de 5% et 5%) et au minimum de 60% (marges maximales de 20% et 20%).
Il est possible de définir la largeur en pixels au lieu de %, par exemple pour caler la largeur du texte exactement sur la largeur d’une image utilisée en bandeau au début d’un article. Le code est alors WIDTH=600 pour, par exemple, 600 pixels.

Produire le pdf sur http://www.htm2pdf.co.uk/ et voir s’il est possible de trouver une valeur de % du tableau centré qui permette de faire une mise en page rentrant sur une, deux, trois ou quatre pages bien pleines. On réserve un peu de place à la fin de la dernière page pour pouvoir, dans un deuxième temps, rajouter des marges en haut et en bas des précédentes pages de telle sorte que les coupures de pages soient placées entre des paragraphes ou à des fins de phrases.

Pour le remplissage des pages, on peut aussi jouer sur un deuxième paramètre : la taille des caractères.

- Pour agrandir (ou réduire) la taille des caractères :
A L’INTERIEUR du tableau précédemment défini pour les marges, encadrer le code html du texte par le code html suivant :
<span style="font-size: 125%;">
(code html du texte)
</span>
Dans cet exemple le texte va être agrandi de 25%. 100% ne change pas la taille des caractères et est équivalent à la taille html par défaut "font 3" (font size="3")
Eviter de trop réduire la taille des caractères parce que c’est pénible à lire.
Le code <span style="font-size: x%;"> permet un réglage plus fin que le code <font size="n"> qui ne fonctionne que par tailles prédéfinies allant de 1 à 7.
Vous pouvez utiliser ce même code “grossissant” (ou “rapetissant” si besoin est, avec x < à 100) pour grossir (ou rapetisser) un paragraphe du texte. C'est pratique notamment pour grossir un paragraphe de conclusion, ce qui permet par la même occasion de choisir la hauteur de la marge de fin de texte de façon relativement précise.

Ne pas oublier de réserver un peu de place à la fin de la dernière page pour rajouter des marges en haut et en bas aux sauts de pages.

- Pour rajouter des marges en haut ou en bas des pages.
Introduire le code html d’un paragraphe vide, c’est à dire contenant un blanc "collant" (le terme exact est "non sécable", en anglais "non breakable space" d’où le code html nbsp) : <p>&nbsp;</p>
Si le paragraphe vide n’est pas suffisant, ou au contraire trop grand, rajouter ou le remplacer par autant de sauts (BReak) de lignes vides (blanches non sécables) que nécessaire : <br> ou &nbsp;<br>

Jouer sur tous ces paramètres, dans l’ordre suivant :

• Marges gauche-droite de 90% à 80% environ,
• Grossir si nécessaire les caractères jusqu’à obtention d’un espace blanc en bas de dernière page d’une hauteur d’environ 1/5 de page,
• Rajouter des paragraphes vides pour obtenir de bonnes marges en haut et en bas des pages lors des sauts de page. Ces paragraphes vides vont combler le 1/5 d’espace blanc en bas de dernière page.
• Enfin, si besoin (et si la conclusion s’y prête), grossir le dernier paragraphe du texte pour ajuster la marge au bas du document.

Récapitulation :
<TABLE WIDTH=90% ALIGN="CENTER" CELLPADDING=5 CELLSPACING=0><TR><TD>
<span style="font-size: 100%;">
<p>&nbsp;</p>
(code html du texte)
</span>
</TD></TR></TABLE>

Une mise en page aérée, avec des marges agréables sur les quatre côtés de toutes les pages, les sauts de page entre des paragraphes ou des fins de lignes, des caractères lisibles et des pages bien pleines, augmente largement la crédibilité du texte.
Et surtout ça incite à lire, contrairement à un texte tout tassé qui semble d’emblée rébarbatif.

Services de création d’un fichier PDF à partir d’une page internet

Comparaisons entre les mises en page des fichiers pdf produits par les différents services de création de fichier pdf ci-dessous.

La page utilisée en exemple est la page A propos http://sitamnesty.wordpress.com/about/ du présent site.
Le résultat vous est présenté sous deux formes : la première page, en grand (à gauche) et la totalité des pages en petites vignettes. Les vignettes en couleurs signalent les pages de l’article, celles en noir et blanc pâles sont les pages qui ne font pas partie de l’article lui-même (comme les pages de commentaires par exemple). Certains services de création de fichiers pdf savent distinguer l’article lui-même de ses annexes.

 

Impression directe via le navigateur Fichier [ > Mise en page | Aperçu avant impression ] > Imprimer… ou Ctrl+P

 

joliprint.com Un service qui porte bien son nom pour convertir en pdf impeccablement mis en page n’importe quelle page internet afin de l’imprimer avec une présentation de type « Revue », en deux colonnes, avec un titre proéminent presque toujours beaucoup plus agréable que la mise en page originale. En cas (très rare) de message d’erreur, ne pas se décourager et insister : ça fonctionne souvent à la deuxième ou troisième tentative. En cas de message d’erreur têtu, attendre… un certain temps que le service fonctionne à nouveau correctement (ce n’est probablement pas la page à convertir qui est en cause). Inconvénient : Selon les cas, la date et l’heure de création du fichier apparaît en haut à droite de chaque page. Si vous souhaitez supprimer cette mention, vous devrez passer par un service de modification du fichier pdf (tel que pdfescape.com par exemple, voir plus loin)

 

printfriendly.com Un autre service qui porte bien son nom pour convertir en pdf n’importe quelle page internet afin de l’imprimer mieux que l’original. Dispose le texte classiquement sur toute la largeur de la feuille (et non pas en deux colonnes). Ce service permet surtout de choisir parmi 5 tailles de caractères, de supprimer les images (individuellement ou globalement) et de supprimer des paragraphes au choix (passer le curseur de la souris dans le texte pour faire apparaître l’option). Cette dernière option est souvent utile à un moment ou à un autre pour enlever des mentions additionnelles parasites en début ou fin d’article mais elle est à double tranchant parce qu’elle permet d’éventuelles manipulations du texte. PrintFriendly permet donc de produire très facilement différentes versions utilisant un différent nombre de pages. En diminuant la taille des caractères et en supprimant certaines images, ou toutes, on peut passer par exemple de quatre pages à seulement trois ou deux. Inversement on peut passer d’une page (une feuille recto) à deux pages (une feuille complète recto-verso) simplement en augmentant la taille des caractères.

Qui utiliser de préférence ? Joliprint ou PrintFriendly ?

Joliprint est à utiliser en priorité si l’on veut privilégier la mise en page de type « Revue ». L’inconvénient mineur est de produire des fichiers pdf plus lourds que PrintFriendly (200 Ko minimum) et l’inconvénient majeur c’est de faire des fichiers avec un plus grand nombre de pages du fait du titre très proéminent.
PrintFriendly utilise toute la largeur de la feuille (ça fait moins « pro ») mais en cas de souci de mise en page avec Joliprint (qui notamment ne permet pas de diminuer le nombre total de pages) PrintFriendly est la solution.

 

htm2pdf.co.uk Convertir une page web, ou du code HTML, en fichier pdf. Très pratique pour archiver rapidement et fidèlement un article car le pdf produit est en fait une copie d’écran. Pratique aussi pour faire un fichier pdf sur base d’un texte en HTML et avec une mise en page parfaitement maîtrisée (voir les explications ci-dessus) Attention Ouvrir ce site directement en cliquant sur son lien depuis une page internet (comme la présente page) va fabriquer le pdf de la page. C’est très pratique pour faire un bouton « Convertir la présente page en PDF » mais cela allonge considérablement le temps d’ouverture du site (on ne peut pas tout avoir) puisque avant d’ouvrir le site htm2pdf.co.uk ce site va d’abord fabriquer le pdf de la page depuis laquelle on ouvre le site. (oui, je vous l’accorde, c’est pas simple à comprendre… Faites l’expérience et vous verrez de quoi il en retourne). Pour ouvrir le site rapidement, ouvrir htm2pdf.co.u (qui n’existe pas !), et rajouter le k à la suite du u de fin dans la barre d’adresse du navigateur pour ouvrir le bon site htm2pdf.co.uk puis le bookmarker.

(page en construction…)

html2pdf.co.uk (idem htmltopdf.co.uk)
A ne pas confondre avec le site précédent, dont le nom est très proche.
Convertir une page web en fichier pdf. Pour archiver rapidement. Attention à une erreur d’ergonomie du service : il ne faut PAS inclure le http:// dans l’URL que l’on donne sans quoi on obtient systématiquement le message 500 – Internal server error. sans autre explication. Le pdf généré est directement ouvert dans le navigateur, ce qui n’est pas non plus idéal.

pdfonfly.com
Convertir une page web, ou du code HTML, en fichier pdf. Equivalent au service précédent htm2pdf.co.uk plus un éditeur de texte en ligne. Très pratique pour archiver rapidement et fidèlement un article mais aussi pour faire un fichier pdf en ligne, en HTML ou pas – L’éditeur HTML simplifié est disponible par défaut en Wysiwig pour ceux qui ne maîtrisent pas le HTML mais bien évidemment c’est moins puissant que d’introduire directement du HTML depuis un autre éditeur plus puissant. Pour copier-coller directement du code en mode HTML, cliquer sur l’icône « source » en haut à gauche de l’éditeur. Attention, dans ce dernier cas, basculer en affichage Wysiwig en cliquant de nouveau sur l’icône « source » avant de cliquer sur le bouton « create pdf » sans quoi, pour une raison mystérieuse, tous les caractères accentués seront absents du pdf généré !
La méthode pour mettre en page des documents pdf produits sur le site précédent htm2pdf.co.uk s’applique de même sur pdfonfly.com

Autres services URL -> PDF :
pdfmyurl.com (nombreuses options payantes)
html-to-pdf.net (conversion d’url et de code html)
htmlpdf.com (nombreuses options)
pdf24.org (conversion d’url et d’autres formats)
conv2pdf.com
secure.convert-doc.com
cometdocs.com
surfandbiz.com/article/creer-modifier-pdf.htm…

Modification de fichiers pdf

pdfescape.com
Modifier un fichier pdf : supprimer des pages, effacer (en les masquant) des portions de page…
Utile notamment quand on fait une archive via htm2pdf.co.uk, pour supprimer les pages qui ne contiennent pas l’article lui-même, ou quand joliprint.com rajoute une dernière page avec trois lignes inutiles (voire rajoute une page entièrement vide).
Permet de masquer si nécessaire la mention de date et d’heure de création du fichier pdf qui est parfois rajoutée par certains service de création de pdf.

Pensons aux internautes qui sont de grosses feignasses :
Méthode pour leur composer UN SEUL fichier pdf de 4 pages à partir de plusieurs fichiers pdf, pour qu’ils n’aient qu’à ouvrir et imprimer UN SEUL fichier d’un seul clic :

Supprimer des pages d’un fichier pdf :
http://www.pdfescape.com/account/
Utile notamment quand on fait une archive via htm2pdf.co.uk pour supprimer les pages après l’article archivé, ou quand joliprint.com rajoute une dernière page avec trois lignes inutiles.

Mettre bout à bout des fichiers pdf différents pour en faire UN SEUL fichier pdf :
https://secure.convert-doc.com/converters/merge_pdf.html
http://www.pdfjoin.com/
http://www.pdfmerger.com/
Si un regroupement échoue sur un service, il fonctionnera sur un autre.

Utile donc pour faire un fichier pdf de 4 pages, prêt à être imprimé : l’article justifiant l’action SITA + le (ou les) argumentaire(s) à la suite.

Avantage : les gros paresseux n’auront qu’à cliquer sur UN SEUL fichier pdf pour imprimer LE courrier à envoyer, sans avoir à réfléchir.
Inconvénient : ça fait oublier la simplicité du concept SITA qui n’a absolument pas besoin d’usine à gaz pdf pour fonctionner.
Utile pour « forcer en douceur » une version particulière du courrier contenant un argumentaire (ou une combinaison d’argumentaires) : les internautes auront tendance à privilégier le pdf « tout fait » plutôt que de composer leur propre version.

Attention à ne pas sombrer dans le défaut occidental qui consiste à toujours tout compliquer sous prétexte de simplifier en oubliant les solutions plus simples : le fichier pdf 4 pages « tout cuit » est à utiliser avec modération, en alternance avec la méthode simple.

Fractionner un PDF : http://www.splitpdfonline.com
Déverrouiller un PDF : http://www.pdfunlock.com
Ajouter un mot de passe à un PDF : http://www.pdfprotect.net