iView MediaPro 2 | Aide - Exportation en Galerie HTML

• Exportation en Galerie HTML

Produit un catalogue iView MediaPro 2 en galerie HTML pour le Web.

Ce document fourni les informations nécessaires à la création de thèmes et descripteurs utilisés par iView MediaPro. Il ne vous apprend pas à écrire en code HTML. Pour cela consultez des livres ou des sites internet traitant ce sujet.

Une galerie HTML, dans sa forme basique, peut avoir un meilleur aspect qu'un catalogue iView MediaPro. Elle contient un index de miniatures qui, quand on les clique depuis un navigateur, ouvre une grande vue de l'image, joue une vidéo QuickTime ou une musique.
Le site créé peut être adapté à votre goût au moyen d'un logiciel dédié au HTML (NVU, BBEdit, Adobe GoLive, Dreamweaver, Microsoft Front Page, etc.).

A propos des Thèmes

iView MediaPro 2 a introduit les thèmes pour faciliter l'organisation des descripteurs. Un thème est un dossier qui porte le nom du thème et qui contient tous les éléments nécessaires au thème. En plaçant tous les éléments dans un même dossier la gestion des thèmes est grandement simplifiée. Chaque dossier de thème contient les fichiers descripteurs "index.html" et "media.html" ainsi qu'un dossier "Assets" et une image "About.jpg" en 200x120 pixels donnant un aperçu du thème. Les thèmes sont placés dans le dossier "HTML Templates" dont l'emplacement diffère selon les système..

Sous Mac OS 9 le chemin est :
System Folder/Application Support/iView/Plug-ins/HTML Templates

Sous Mac OS X vous avez plusieurs endroits possibles :
~User/Library/Application Support/iView/Plug-ins/HTML Templates /Library/Application Support/iView/Plug-ins/HTML Templates Network/Library/Application Support/iView/Plug-ins/HTML Templates

Sous Windows :
C:\Documents and Settings\username\ Application Data\iView\Plug-ins C:\Documents and Settings\All Users\Application Data\iView\Plug-ins

Dans le dossier Example HTML de iView MediaPro 2 il y a le thème 'All Fields'. Copier ce thème dans l'un des emplacements donnés ci-dessus pour pouvoir l'utiliser avec MediaPro 2.

Principe des Descripteurs (Templates)

iView MediaPro utilise des descripteurs pour générer des galeries HTML à partir des catalogues.
Un descripteur est une page HTML ordinaire mais qui contient des variables spéciales reconnues uniquement par MediaPro. Ces variables sont remplacées par des valeurs particulières issuent du catalogue lors de la génération des galeries.
Les descripteurs permettent de définir la couleur ou le motif de fond, le titre, la légende, etc. Pour créer un descripteur vous pouvez utiliser n'importe quel logiciel gérant le HTML. Une fois créé, mettre le dossier du thème dans le dossier "HTML Templates" et il devient disponible dans le menu des thèmes du dialogue d'exportation en galerie HTML.

Types de Descripteurs

iView MediaPro crée deux types de pages HTML. Les pages index affichent des miniatures des éléments du catalogue d'une manière semblable à la vue Miniatures. Les pages média, auxquelles on accède en cliquant une miniature de page index, affichent chacune un unique élément à l'instar de la vue Média du catalogue.

Pages Index

Afin de créer une page index, iView MediaPro examine le descripteur à la recherche de la première table contenant au moins une variable iView. Cette table verra son nombre cellules étendu en lignes et colonnes selon le réglage indiqué dans le dialogue d'exportation.
Il est important de noter que seuls les champs relatifs au média (aperçu, fichier) sont pris en compte pour qualifier une table comme table d'index.

Pages Média

La page média peut contenir une référence à une copie de l'élément original en utilisant (iView:OriginalURL) ou une image JPEG produite par (iView:Media). En utilisant (iView:Media) la taille de l'image produite est définie par les directives (iView:inMediaWidth) et (iView:inMediaHeight), qui doivent être dans le descripteur média. Ces valeurs sont prises par défaut pour le thème mais peuvent toutefois être modifiées dans le dialogue d'exportation.
Par exemple :

limitera la taille de l'image à 640x640 pixels.
Cette directive peut être placée n'importe où dans la page média en respectant son inclusion dans des balises de commentaire "".

Voici un exemple simple de descripteur média.

<HTML> <HEAD> <TITLE>Catalogue : (iView:Catalog)</TITLE> </HEAD> <BODY>  ... <P>Descripteur Media Simple</P> <P>Image :</P> <P>(iView:Media)</P> <P>Fichier :</P> <P>(iView:Filename)</P> ... </BODY> </HTML>

Cet exemple contient trois variables iView MediaPro, (iView:Catalog), (iView:Media) et (iView:FileName). Durant l'exportation chaque variable sera remplacée respectivement par une référence au nom du catalogue, au média et au nom du fichier.
Note : l'image du média sera créée au format JPEG et dimensionnée selon les directives (iView:InMediaWidth) et (iView:InMediaHeight).

Voici un autre exemple qui utilise une copie de l'élément original. Cette copie est strictement identique à l'original et respecte le format, la taille, les annotations, et les profils de couleurs.

<HTML> <HEAD> <TITLE>Page Media utilisant une image non convertie</TITLE> </HEAD> <BODY> ... <P><img src="(iView:OriginalURL)" width="(iView:OriginalWidth)" height="(iView:OriginalHeight)"></P> ... </BODY> </HTML>

Liste des variables

X = Descripteur Média seulement.

Catalogue

(iView:Catalog) Nom du catalogue iView MediaPro

(iView:CatalogComment) Commentaire du catalogue actif

Navigation

(iView:GoIndex) X Lien vers une page index

(iView:GoPrevious) Lien vers la page média ou index précédente

(iView:GoNext) Lien vers la page média ou index suivante

(iView:SourceURL) URL de la page HTML média

(iView:PreviewURL) URL de l'image miniature

(iView:MediaURL) URL de l'image média

(iView:OriginalURL) URL de la copie de l'image originale

(iView:Index) Lien composite vers plusieurs pages index.
ex. : 1-10 | 11-20 | 21-30
Ce champ est vide s'il n'y a qu'une page index

Noms des Fichiers

(iView:PreviewFile) Nom de l'image miniature exportée dans le dossier "Preview"

(iView:SourceFile) Nom de la page HTML média

(iView:OriginalFile) Nom du fichier original exporté du catalogue

(iView:MediaFile) Nom du fichier de l'image média convertie en JPEG

Compteurs

(iView:Running) Numéro de la page courante index ou média

(iView:Total) Nombre total de pages index ou médias

Média

(iView:Media) X Média intégral

(iView:PreloadNext) X Prochain média affiché en 1x1 pixels
(destiné au préchargement).

(iView:PreloadPrevious) X Média précédent affiché en 1x1 pixels
(destiné au préchargement).

Aperçu (Miniature)

(iView:PreviewSize) Taille de l'aperçu JPEG (octets)

(iView:PreviewWidth) Largeur de l'aperçu (pixels)

(iView:PreviewHeight) Hauteur de l'aperçu (pixels)

(iView:PreviewScale) Echelle relative de l'aperçu par rapport à l'original (%)

(iView:Preview) Affichage de l'aperçu avec lien vers la page média

(iView:PreviewNext) X Affichage de l'aperçu du média suivant avec lien vers la page média

(iView:PreviewPrevious) X Affichage de l'aperçu du média précédent avec lien vers la page média

Originaux

(iView:OriginalURL) URL de la copie de l'image originale

(iView:OriginalSize) Taille du fichier de l'image originale

(iView:OriginalWidth) Largeur de l'image originale (pixels)

(iView:OriginalHeight) Hauteur de l'image originale (pixels)

Champs affichés

(iView:Fields) Ensemble des champs affichés dans les vues Liste, Miniatures et Média du catalogue

Note : seulement un sous-ensemble des champs du catalogue est exportable en HTML. La raison est que les médias sont convertis (par exemple les images TIFF sont converties en JPEG). De ce fait, certaines caractéristiques des médias originaux disparaissent du média converti. En revanche, tous les champs des annotations sont exportables.

Informations des Médias

(iView:Filename) Nom du fichier catalogué

(iView:FileSize) Taille du fichier exporté/converti (octets)

(iView:Width) Largeur du fichier exporté/converti (pixels)

(iView:Height) Hauteur du fichier exporté/converti (pixels)

(iView:Dimensions) Largeur et Hauteur du fichier exporté/converti (pixels)

(iView:Duration) Durée des médias jouables (vidéos, sons)

(iView:Created) Date de création du fichier original

(iView:Modified) Date de modification du fichier original

(iView:Added) Date d'archivage du fichier original

(iView:Annotated) Date de la dernière annotation du fichier original

(iView:MediaType) Type du fichier original

(iView:URL) URL incluse dans le fichier original

Champs Standards - IPTC

(iView:Caption)
(iView:Writer)
(iView:EventDate)
(iView:Headline)
(iView:Instructions)
(iView:Keywords)
(iView:Categories)
(iView:Classification)
(iView:Author)
(iView:AuthorTitle)
(iView:Credit)
(iView:Source)
(iView:Product)
(iView:City)
(iView:State)
(iView:Country)
(iView:Transmission)
(iView:Copyright)
(iView:Label)
(iView:Event)
(iView:Location)
(iView:People) Champs d'annotation, remplacés par leurs valeurs

Champs Personnels

(iView:Field_1)
(iView:Field_2)
(iView:Field_3)
(iView:Field_4)
(iView:Field_5)
(iView:Field_6)
(iView:Field_7)
(iView:Field_8)
(iView:Field_9)
(iView:Field_10)
(iView:Field_11)
(iView:Field_12)
(iView:Field_13)
(iView:Field_14)
(iView:Field_15)
(iView:Field_16) Champs personnels, remplacés par leurs valeurs
Note : les expressions "Field_X" (avec X de 1 à 16) doivent être utilisées car les noms de ces champs ne peuvent servir de référence.

Champs EXIF

(iView:Maker)
(iView:Model)
(iView:Software)
(iView:Format)
(iView:ExifVersion)
(iView:FlashPixVersion)
(iView:CaptureDate)
(iView:ShutterSpeed)
(iView:Aperture)
(iView:ExposureBias)
(iView:ExposureProgram)
(iView:FocalLength)
(iView:FocusDistance)
(iView:Sensing)
(iView:LightSource)
(iView:Flash)
(iView:MeteringMode)
(iView:ISOSpeed)
(iView:Ratio)
(iView:Lens)
(iView:Orientation)
(iView:Latitude)
(iView:Longitude)
(iView:Altitude) Champs spécifiques aux images venant d'appareils-photo numériques, remplacés par leurs valeurs

Divers

(iView:Date) Date de création de la galerie HTML

(iView:Time) Heure, minutes, secondes de création de la galerie HTML

(iView:WordIndex) Mot "index" dans la langue locale

(iView:WordNext) Mot "next" dans la langue locale (Fr - suivante)

(iView:WordPrevious) Mot "previous" dans la langue locale (Fr - précédente)

(iView:HTMLCharset) Jeux de caractères utilisé dans les pages HTML

Variables et Descripteurs par l'exemple

La plupart des variables iView sont remplacées par un nombre ou un texte pris dans les données du catalogue.
Mettre simplement les variables (iView:xxx) dans les pages HTML et elles seront remplacées par leur valeurs en catalogue. Certaines variables n'ont pas d'emplacement spécifique. Respectez bien leur orthographe et la syntaxe.

(iView:Running), (iView:Total)
iView MediaPro adapte le résultat de ces variables à la position et au nombre d'éléments exportés.
Exemple :

Elément : (iView:Running) sur (iView:Total)

(iView:Date), (iView:Time)
iView MediaPro utilisera la date et l'heure courantes.
Exemple :

<B>Galerie créée le :</B> (iView:Date) (iView:Time)

Certaines variables doivent être placées dans des balises particulières pour être interprétées correctement. Elles sont décrites ci-dessous :

(iView:Preview)
Remplacée par une référence à une miniature. Dans un descripteur "index" cette variable doit être placée comme texte dans l'unique cellule d'une table. iView MediaPro étendra la table au nombre de cellules nécessaire dépendant du nombre d'éléments exportés.
Exemple :

<TABLE BORDER=10> <TR> <TD><P>(iView:Preview)</P></TD> </TR> </TABLE>

(iView:Index)
Cette variable force iView MediaPro à créer une barre de navigation pour accéder aux différentes pages index.
Par exemple, vous exportez 100 images et définissez une grille de 4 par 5 pour les pages index. Vous aurez alors une galerie avec 5 pages index de chacune 20 miniatures.
Exemple :

<TABLE BORDER=1> <TR> <TD><P>(iView:Index)</P></TD> </TR> </TABLE>

(iView:Media)
Remplacée par le média tel qu'il est dans la vue Média du catalogue.
Exemple :

... <body> ... (iView:Media) ... </body> </html>

(iView:GoPrevious), (iView:GoNext)
Remplacée par le lien vers la page précédente et la page suivante.
Ces variables doivent être placées en paramètre HREF d'une balise <A.
Exemple :

<A HREF="(iView:GoNext)">(iView:WordNext)</A>

(iView:GoIndex)
Remplacée par le lien vers une page index. Cette variable doit être placée en paramètre HREF d'une balise <A.
Exemple :

<A HREF="(iView:GoIndex)">(iView:WordIndex)</A>