Archives  « WebDesign »

Publier un catalogue interactif avec « Page Flip » grâce à la solution gratuite et professionnelle « Issuu »

Depuis quelques semaines, nous cherchions une solution gratuite pour publier en ligne des Page Flip, c’est-à-dire des catalogues feuilletables et interactifs en ligne au format Flash, souvent au format au Pdf à l’origine. Nos catalogues devaient pouvoir s’intégrer à des sites Internet haut de gamme. Nous voulions trouver une solution esthétique (sans les vilaines reliures des doubles pages qui servent de cache-misère !) et stable, qui permettent notamment de zoomer sans perte de qualité textes et images : le choix était donc plus restreint. Après avoir testé plusieurs (dizaines de) solutions en ligne ou Open Source décevantes, nous avons finalement décidé de nous plonger dans Issuu. Cet outil est bluffant, comme nous allons le montrer. Simple à utiliser pour des publications basiques, ses fonctionnalités étendues et son Api riche le rend très performant et hautement personnalisable : ajout de son propre logo, publication exclusive du catalogue dans ses propres pages, zoome y compris en mode plein écran, création automatique de miniatures cliquables, conversion des liens hypertextes…

Lire la suite »

Afficher un site Internet sur un téléphone mobile en pratique

Nous allons présenter ici un moyen rudimentaire de servir un contenu alternatif, sémantique, sans altérer le contenu principal. L’objectif est didactique. Si notre exemple ne sera évidemment pas utilisable en production (!), il constituera, le cas échéant, une piste de réflexion sur un développement. Nous utiliserons Php par commodité, mais le raisonnement pourra être repris avec d’autres langages de programmation.

Lire la suite »

Servir un contenu alternatif pour favoriser le référencement

Servir un contenu alternatif destiné aux téléphones mobiles peut sembler constituer une contrainte. Pour autant, cette possibilité peut constituer un avantage pour la Seo, comme nous allons le voir.

Lire la suite »

Concevoir une feuille de style pour les périphériques mobiles

Pour les périphériques de poche, c’est-à-dire les téléphones mobiles, Smartphones et autres Pda, la gestion des feuilles de style est complexe : les modèles sont très nombreux, et n’interprètent pas toujours correctement les directives Html.

Lire la suite »

Concevoir une feuille de style pour l’impression

Les feuilles de style pour les imprimantes ne peuvent convenir à celles utilisées pour les écrans : un Design harmonieux sur un moniteur se révèle désastreux à l’impression, comme les fonds colorés. En outre, les imprimantes utilisent une résolution plus élevée, et la notion de pixel est difficilement transposable pour le papier. Enfin, il impossible de prévoir les caractéristiques de l’imprimante et les préférences de l’utilisateur : impression en noir et blanc ? impression en mode portrait ou paysage ?… taille de la feuille ?…

Lire la suite »

Varier l’apparence des liens hypertextes selon le contenu

Le soulignement des liens hypertextes dans un document est considéré comme intrusif et inesthétique. Voilà pourquoi, certains auteurs préconisent de renvoyer les hyerliens après le texte : cette solution manque pourtant d’ergonomie pour les lecteurs, et est coûteuse en ressources.

Lire la suite »

Centrer parfaitement une galerie d’images

Nous nous sommes longtemps interrogé sur la manière de centrer parfaitement la dernière ligne d’une galerie, quel que soit le nombre d’images. En effet, sur la plupart des sites n’utilisant pas des effets dynamiques comme JavaScript ou Flash, les images restantes d’une dernière ligne incomplète sont inexorablement alignées à gauche : les exemples sont nombreux.

Lire la suite »

Les listes en Html

Plutôt que recourir à des tirets, Html ou Xhtml permet de gérer harmonieusement les listes. Ainsi, la présentation est améliorée, et les listes prennent une valeur sémantique. On distingue trois catégories :

Lire la suite »