Chercher ? Pas si simple ! Pourquoi s'intéresser à la notion de page ?
Après tout, la page n'est que cette face d'un feuillet de papier, de parchemin pouvant recevoir un texte ou des illustrations.

Pourtant, les aventures du papier sont nombreuses. Inventé par les chinois, industrialisé puis diffusé largement grâce à l'imprimerie, le papier a rendu possible la mémoire des faits et « l'immortalité des hommes* »".

Et c'est bien l'extraordinaire histoire de la diffusion du savoir et des pensées qui passe par la page, désormais numérique.
De titre, double, blanche, de garde, Web, support de l'écrit, la notion même de page mérite que l'on s'y attarde quelque peu.

* Pline L'ancien, Histoire naturelle, XIII, 21
Ces modules pourraient également vous intéresser
|
Difficulté
|
DYS DYS

Les supports

La tablette d'argile

Pendant près de 3000 ans, la page se présente sous forme de tablette d'argile employée à Sumer à partir du IVe millénaire av. J.-C.. Entre le Tigre et l’Euphrate, la civilisation mésopotamienne s’est ainsi construite sur l’argile. L’argile fraîche est conservée humide dans des jarres. Le scribe façonne les tablettes sur lesquelles il écrit, puis les laisse sécher au soleil ou, parfois, les fait cuire au four.

Cuneiformes

image lien Fiche BnF : http://classes.bnf.fr/

Le papyrus

Le papyrus poussait en abondance dans les marais du delta du Nil et était employé dans tous les usages de la vie quotidienne. Lié à l’écriture égyptienne, il fut aussi le support des textes araméens, grecs, latins, arabes. Les plus anciens manuscrits retrouvés datent du IIIe millénaire et les plus récents (un texte arabe et une bulle pontificale) du XIe siècle après J.-C.

La structure de la feuille de papyrus imposait la forme du rouleau, avec une colonne de texte qui délimite l'espace de la page.

 

image lien Fiche BnF : http://classes.bnf.fr/

Le parchemin

À partir du IIe siècle, le codex de parchemin remplacera peu à peu le rouleau de papyrus.

parchemin

Le parchemin, peau animale traitée, est le support essentiel du livre jusqu’au IXe siècle au Proche-Orient, et durant tout le Moyen Âge en Occident. Sa fabrication à partir de peaux, le plus souvent de mouton, de veau ou de chèvre, a été mise au point vers le IIe siècle avant J.-C. à Pergame (Asie Mineure) pour remplacer le papyrus, alors monopole de l’Égypte.

L’utilisation du parchemin entraîne un changement fondamental dans l’histoire du livre : le passage du volumen au codex. Cette matière solide, facile à plier, inscriptible des deux côtés donne des feuillets que l’on réunit et assemble en cahiers : le codex ainsi formé contient beaucoup plus de textes que le rouleau antique (volumen), peu à peu abandonné.

source : Bnf, http://classes.bnf.fr/dossisup/jpeg/3/ec095a.jpg

image lien Fiche BnF : http://classes.bnf.fr/

Le papier

Selon la tradition chinoise, le papier fut inventé en Chine par Cai Lun en 105, mais d’après les données archéologiques, il existait déjà deux siècles auparavant. Cai Lun en aurait amélioré la fabrication et développé la production. Au cours du IIIe siècle, l’usage s’en généralise dans toutes les provinces sous domination chinoise, où il remplace la soie, le bambou et les lattes de bois, utilisés depuis la haute Antiquité. Mais le secret de sa fabrication ne sortira de l’Empire qu’en 751, divulgué par des papetiers chinois prisonniers du gouverneur musulman de Samarcande.

image lien Fiche BnF : http://classes.bnf.fr/

Le numérique

La liseuse

La première apparaît en 2007, et n'a cessé d'évoluer dans son petit marché (comparé aux tablettes). Aujourd'hui, une liseuse peut être tactile, éclairée, compacte, capable de lire tous les formats textuels et parfois d'images, connectée en Wi-Fi et/ou 4G… voire tout cela à la fois. Acquérir une liseuse, c'est aussi souvent entrer dans un écomarché, la liseuse elle-même n'étant que la devanture d'une boutique de livres.). S'il est possible d'insérer soit même du contenu (PDF, .txt, .doc…), il se dégage une forme de standard pour les livres acquis en boutiques virtuelles, l'Epub un format ouvert, et mobile format fermé d'Amazon.

La liseuse de Bookeen

Diva : la liseuse de Bookeen qui permet (enfin) de prêter ses livres

Le spécialiste français des liseuses Bookeen propose Diva, une liseuse compatible avec la DRM open-source LCP. Un verrou numérique plus souple qui autorise très prochainement les utilisateurs à partager leurs lectures avec leurs proches.

L'idée est de remplacer à terme la DRM propriétaire d'Adobe actuellement en vigueur, contraignante, parfois compliquée pour l'utilisateur et coûteuse pour les éditeurs. Le point fort de LCP, c'est son interopérabilité. Avec cette DRM, un livre acheté sur une plate-forme lambda pourrait être lu sur n'importe quel terminal. Mieux, avec ce système fonctionnant à partir d'un simple mot de passe, un ouvrage acheté par un utilisateur pourrait être lu sur plusieurs appareils (en nombre limité bien sûr). Soit la possibilité de « prêter » à un proche un roman comme vous le feriez avec n'importe quel ouvrage « papier ».

image lienhttps://www.01net.com/actualites

Depuis la première Amazon Kindle en 2007, le marché de la liseuse n'a de cesse de tenter de faire passer le livre papier dans l'autre monde et si le succès de cette entreprise n'est pas forcément au rendez-vous (seulement 350 000 liseuses vendues en France depuis 2012, concurrence des tablettes), on ne peut ignorer les efforts constants des marques encore actives dans le domaine pour rivaliser d'ergonomie, confort de lecture, polyvalence et connectivités.

image lien Comparatif des principales liseuses : http://www.lesnumeriques.com/

La tablette

Depuis le concept de la tablette qui date des années 1960 en passant par l'improbable prototype de 1983 puis l'appareil ultraplat, tactile, gavé d'applis que l'on s'arrache depuis 2010, le chemin fut long et semé d'innovations.

  • Linus write top

    1987

    linus write topPeut-être la première tablette de reconnaissance d'écriture, le Linus Write-Top vous permet d'écrire directement sur l'écran avec le stylet inclus. Ce n'est pas un écran tactile, c'est un "écran tactile de type résistif dans lequel une tension est appliquée sur les bords de l'écran, et un stylet détecte la tension à l'emplacement touché". Cela permet une très haute résolution et un suivi du stylet reproductible.

  • GridPad 1910

    1990

    GridPad 1910Le GRiDPad 1910 est essentiellement un PC-XT extrêmement portable. Il dispose d'un écran CGA tactile rétro-éclairé de 640x400. Il dispose de 2 Mo de mémoire système et est souvent équipé d'un disque IDE de 2,5 Mo de 20 Mo. Le système de stylet est basé sur la capacité, avec un stylet filaire. Il y a une interface de clavier micro-DIN XT à 6 broches.

    Cette unité a été utilisée principalement à des fins d'inventaire et similaires. Apparemment, il a été utilisé par Chrysler à cette fin et par l'armée américaine.

  • Grid 2260 system

    1992

    Grid 2260 systemLe Grid 2260 system se compose d'un ordinateur personnel avec un stylet attaché. Sorti en 1989, il est considéré comme le premier ordinateur tablette à succès commercial. Il mesurait 9 x 12 x 1,4 pouces et pesait 4,5 livres. Le principal aspect distinctif était son interface à écran tactile avec un stylet, un outil semblable à un stylo pour aider avec précision dans un appareil à écran tactile. Le stylet a pu utiliser un logiciel de reconnaissance de l'écriture manuscrite.

  • SONI Blue ProGear

    2000

    SONI Blue ProGearLe ProGear utilise Embedded Linux comme système d'exploitation interne, comprend un écran TFT 10,4 ″ et obtient son entrée utilisateur via un clavier virtuel ou une reconnaissance d'écriture manuscrite sur son écran tactile. L'appareil est destiné à fournir un appareil d'information facile à utiliser pour un large éventail d'applications spécialisées, sur des marchés tels que les soins de santé, l'immobilier, les restaurants, les hôtels et les navires de croisière.

    Son logiciel comprend Linux 2.4 et Netscape 4.7, ainsi qu'un ensemble complet d'utilitaires et de diagnostics.

  • Samsung Q1

    2006

    Samsung Q1Le Q1 Ultra Mobile PC de Samsung est un petit ordinateur ultra-portable conçu pour les professionnels mobiles. L'ordinateur est doté d'un écran LCD tactile large. Il dispose d'une connexion Wi-Fi 802.11b / g pour se connecter aux réseaux sans fil et aux hotspots standard. La prise en charge Bluetooth est également intégrée à l'appareil.

  • Apple Axiotron Modbook

    2007

    Apple Axiotron ModbookDéveloppé à l'origine par Axiotron, basé à Los Angeles, en Californie, le Modbook a été présenté à la Macworld Conference & Expo 2007 en tant que première tablette Mac compatible avec stylet disponible dans le commerce. Les options de connectivité du Modbook étaient identiques au MacBook sous-jacent et incluent deux ports USB 2.0 et un seul port FireWire. La mise en réseau a été prise en charge avec un port Gigabit Ethernet intégré, une carte Wi-Fi qui prend en charge la spécification 802.11 a / b / g / draft-n et Bluetooth.

  • IPAD 1

    2010

    IPAD 1La première génération IPAD est un ordinateur tablette conçu et commercialisé par Apple Inc. en tant que premier appareil dans l'IPAD gamme de tablettes. L'appareil est doté d'un SoC Apple A4, d'un écran tactile de 9,7 " et, sur certaines variantes, de la capacité d'accéder aux réseaux cellulaires. Le 3 avril 2010, la variante Wi-Fi de l'appareil est sortie aux États-Unis, suivie de la sortie de la variante "Wi-Fi + 3G" le 30 avril.

    Les critiques ont salué l'appareil pour sa large gamme de capacités. Certains aspects ont été critiqués, notamment la nature fermée du système d'exploitation et le manque de prise en charge du format multimédia Adobe Flash. Au cours des 80 premiers jours, 3 millions d'iPad ont été vendus. Au lancement de l'iPad 2, Apple avait vendu plus de 15 millions d'iPad 1.

  • Microsoft Surface 3

    2015

    Microsoft Surface 3Microsoft Surface 3 est équipée d'un processeur Atom et d'un écran de 10,8 pouces au format 3:2. Elle peut s'accompagner d'un clavier avec pavé tactile et d'un stylet, vendus séparément.

  • IPAD Pro 2020

    2020

    Apple Axiotron ModbookL'Apple iPad Pro 11 2020 a été annoncé le 18 mars 2020. Héritier du renouvellement de la gamme iPad Pro introduite avec l'iPad Pro 2018, il est reconnaissable avec son nouveau double capteur photo arrière. Si la première version marquait un véritable changement de paradigme pour la tablette, cette nouvelle version apporte des ajustements, mais sans révolutions.

    Comparatif des tablettes.

Voir également sur Eduscol, Histoire du livre et des supports de l'écrit, bibliographie et sitographie.

image lienhttps://eduscol.education.fr/

Une page ?

La page « papier »

Même lorsqu'elle est numérique, l'affichage de la page est longtemps resté très lié au format papier.
Ses formats font l’objet d'une normalisation internationale ( ISO) ou nationale (DIN , AFNOR , ANSI , etc.).

Il en existe trois principaux : A, B et C.

page format A Les plus connus ce sont les formats A, basés sur le format A0, dont la surface est, par définition, de 1 mètre carré. Ses dimensions, arrondies au millimètre près, sont 841 mm × 1 189 mm. Les formats les plus couramment utilisés sont le format A4, 210 mm × 297 mm, et son double, le format A3, 297 mm × 420 mm


Format B Les formats B sont définis par la norme ISO 216, adoptée par la DIN en Allemagne en 1922, postérieurement aux formats (A2, A3, B3, B4 et B5)…
Chaque dimension de feuille B(n+1) représente la moyenne géométrique des feuilles A(n) et A(n+1), et permet d'élargir les marges du format A.


format C Les formats C sont principalement utilisés pour les enveloppes. La surface d’un format C0 est, par définition, la moyenne géométrique de la surface A0 et de la surface B.

La page Wikipédia

image lienhttp://fr.wikipedia.org/

La Bibliothèque Nationale de France (BNF) consacre un dossier complet sur l'histoire du livre et ses divers supports, dont le papier.

image lienhttp://classes.bnf.fr/

« Moi je n'aime que la bonne vieille odeur du papier »

De fait, tous les papiers sont composés de cellulose et, en plus faibles quantités, de lignine. Toutes deux proviennent du bois dont est issu le papier. La lignine aide à maintenir ensemble les fibres de cellulose, et est aussi responsable du jaunissement du papier avec le temps. L'oxydation la décompose en acides qui décomposent ensuite la cellulose. L’odeur de vieux livres vient de cette dégradation chimique. Et celle des plus récents, des acides qui permettent de retirer la lignine. La bonne odeur des livres est donc le plus souvent celle de l'acide…

La page « Web »

structure La page Web a ceci de particulier qu'elle est quasi infinie. Elle n'est réellement ni limitée en largeur ni en longueur, et la notion de page disparaît le plus souvent.
Sa taille est tributaire de la résolution de l'écran.

Attention !
Ne pas confondre la taille de l'écran, le plus souvent exprimée en pouces et la résolution, exprimée en pixels.

Activité

Déplacez la souris dans le cadre

Déduisez-en le point de référence de la page.

0 / 0

Le point de référence de la page Web est situé en haut à gauche de l'écran.
Copier le lien direct de cette activité dans le presse-papier

resolutions

Un écran de 19 pouces peut afficher une résolution de 600*800 pixels ou 1024*768 pixels la taille moyenne actuelle selon sa qualité.

Astuce ! Pour convertir une taille, saisir 19 pouces en cm dans Google.

La quantité de pixels affichée sur l’écran est exprimée en pixels verticaux X horizontaux.
Par exemple : 1280 x 720, ce qui correspond au 720p ou 1920 x 1080 pour 1080p pour le Full HD et 5120 × 3200 pour le 4k .

A retenir !

Plus la résolution est grande, plus la qualité de l'image augmente moins elle est pixellisée et ce d'autant plus que l'écran est petit. La taille de la page Web dépend des possibilités de résolution de votre écran ou Smartphone et est souvent fixée en fonction du support de visualisation.

Responsive Web

Le Responsive Web Design (RWD) est un ensemble de principes de conception et de technologies qui permettent à un site de s'adapter aux différentes tailles d'écran (ordinateur, tablette, Smartphones…). Cette technique a largement été popularisée notamment par le Time Magazine.

Prenons l'exemple ci-dessous ( www.tahitidocs.com/RSS/rss.php ).

responsive 1

La page est composée d'un en-tête, d'un chapô qui contient une vidéo et du texte.
Le corps de la page est constitué de 3 colonnes de texte.

responsive-2

Le redimensionnement va redistribuer les éléments selon la taille d'écran. L'image du bandeau haut est réduite, le texte passe en 2 colonnes, la vidéo garde sa taille.

responsive-3

Si l'on réduit encore la taille d'écran, l'on passe en simple colonne, le chapô est scindé, le texte passe sous la vidéo, le bandeau haut est encore réduit.

La page est donc de plus en plus souvent adaptée à l'écran de l'utilisateur, à la fois dans sa forme, mais aussi, nous le verrons dans un autre module, son contenu…

Les pages infinies

Avec l’arrivée de designs et d’ergonomies nouvelles, la notion de contenu prend de plus en plus d'importance.
Une première logique s’affirme, celle des articles les plus « dénudés » possibles, c’est à dire sans les colonnes de droite ou de gauche.
Ensuite, deuxième tendance claire, la logique de la page infinie.
Cette navigation permet au lecteur de lire tout le site sans jamais devoir cliquer, les pages s'enchainant en un scroll infini.

De nombreux sites ont mis en place l’Infinite Scroll à la place des paginations à l’ancienne (bouton suivant et précédent). Par exemple, Tumblr utilise ce procédé pour les archives de ses blogs.

Techniquement, une fois arrivé en bas de page, la nouvelle page est chargée automatiquement, ce qui est plutôt pratique puisque cela permet aux utilisateurs d’éviter un certain nombre de clics sur les liens d’une pagination standard.

On améliore ainsi l’expérience utilisateur. Cette technique peut augmenter le temps de visite moyen en réduisant les actions à effectuer des visiteurs pour consulter un contenu.

Nouvelle mode ou nouvelle façon de lire ?

Quelques exemples

image lien http://qz.com/
image lien http://ampp3d.co.uk/

Les métadonnées

Qu'est-ce qu'une métadonnée ?

vidéo
Les métadonnées : pour une meilleure visibilité des contenus culturels

Ministère de la Culture et des Communications du Québec

Penser aux métadonnées avant de diffuser un contenu culturel sur le Web, c’est lui assurer à la fois une meilleure visibilité et une meilleure traçabilité : un atout considérable qui peut contribuer à faire en sorte que les créateurs soient rémunérés à leur juste valeur.
Les métadonnées sont de précieux atouts pour la visibilité des contenus culturels.

Dès l'origine, un document en HTML était structuré en deux parties principales, l'en-tête et le corps du texte. L'en-tête contient des informations qui ne sont pas affichées (à part le titre) mais qui peuvent être utilisées par les moteurs de recherche, les sites etc.

Les métadonnées, ou données sur les données, sont donc des informations au format texte sur le texte qui n'apparaissent pas à l'écran.

 

Exemple d'en-tête
                <title>Comment réaliser un document multimédia</title>
                <meta name="description" content="Bref résumé de la page" />
                <meta name="author" content="Denis Weiss" />
                <meta name="keywords" content="HTML5, css3, tutoriel, EPUB" />
            

Voir l'importance des métadonnées

La notation des métadonnées des documents de type ePUB, est légèrement différente et fait appel à Dublin Core. Le Dublin Core est un standard (et non une norme) né en 1995 dans la ville de Dublin.

Toutes ces métadonnées peuvent être renseignées via un logiciel adapté, mais l'on pourra également les intégrer directement dans la page Web.

Exemples de métadonnées de documents

Il est même possible d'ajouter des données pour des applications spécifiques, par exemple pour Twitter ou Facebook (exemple : <meta name="twitter:card" content="summary">, <meta property="og:title" content="Parcours EMI | Anatomie de la page">

cerner Pour aller plus loin !

image lien https://n.survol.fr/n/de-limportance-des-metadonnees
image lien http://www.cercledelalibrairie.org/Document/show.aspx?id=4
image lien http://www.culture.gouv.fr/

Limite des métadonnées

En 2001, Cory Doctorow a fait une liste des sept obstacles prétendument insurmontables pour obtenir des métadonnées fiables pour faire fonctionner un possible Web sémantique.

Selon lui :

Il inclut également d'autres raisons qui peuvent rendre les métadonnées obsolètes :

source : http://www.well.com/~doctorow/metacrap.htm

Près de 20 ans après, l'auteur de cette page n'est pas loin de considérer que rien n'a changé…