9. Bausteine für WebPublisher
Kapitel hinzufügen

  • $$WP_CSS

Beschreibung: Zentrale CSS-Datei des WebPublishers

Titel: WebPublisher CSS

Standard-Text:

<!-- CSS -->
<style type="text/css">
* { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000}
body {margin:.2em;font-size: 1em; background: #fff;}
a:link, a:visited, a:active {color: #000;text-decoration: underline;}
a:hover {color: #cccccc;text-decoration: none;}

#tbl{empty-cells:show;width:95%;}
#meta{width:100%;background:#f0f0f0;padding:2px;margin:1px; border:inset 0px #fff;border-collapse:separate;}
#thumbs{width:80%;background:inherit;padding:2px;margin:1px; border:inset 0px #fff;border-collapse:separate;}
#meta_links{width:100%;background:#fff;border:none;border-collapse:separate;}

#metatd, #thumbstd{background:inherit;padding:.2em;margin:.2em;border: solid 0px #cccccc;vertical-align:top;}
#metatd_links{background:#fff;padding:.2em;margin:.2em; border: solid 0px #cccccc;vertical-align:top;}

#topic{font-weight:bold; letter-spacing:2px;margin:.2em;margin-left:0px;padding-bottom:4px;display:block}
#topic_preview{background: #fff; color:#000;font-weight:bold; letter-spacing:2px;margin:.2em;margin-left:0px;padding-bottom:4px;display:block}
#cont{width:20%; font-weight:bold;border-bottom:dotted 1px #cccccc;padding:4px;padding-right:8px;}
#desc{width:5%; font-weight:normal;padding:4px; padding-right:8px;}
#item{float:left;font-size:.95em;padding:.2em;padding-bottom:.1em;background: #f0f0f0; border-top: solid 1px #cccccc;}

.cont_topic{text-align:left;background:#fff;color:#000;font-weight:bold;border-bottom:dotted 1px #cccccc;padding-left:4px;}
#small{width:1%}
#large{width:20%}
#descr_top{width:1%;color:#000;font-weight:normal;padding-right:2px;}
#centertop{width:100%; text-align:center;font-weight:bold;font-size:1.1em;}

#metatd_top{width:100%;}
#topic_top{font-weight:bold; letter-spacing:.2em;color:#000;}
#meta_top_div{width:75%;padding-left:23px;float:left;}
#image_top_div{width:18%;margin:0px;float:left;}
#meta_top_tbl{width:95%;background:inherit;border-top:2px solid #cccccc;}
#invertcount{float:left;color:#fff; width:1.2em; font-size:.95em;font-weight:bold;text-align:center;padding:.2em;background:#cccccc;}
#recla{float:right;color:#dd0000; font-size:.95em;font-weight:bold;text-align:right;padding:.2em;background:#f0f0f0;border:solid 2px #dd0000;}
</style>

  • $$WP_INDEX 

Beschreibung: Framesetdefinition für WP_MAIN, WP_THUMBS und WP_TOP

Titel: Basistemplate für Index-Seite des WebPublishers

Text:

<html>
<head>
<title>MyBib eDoc - Dokumentlieferung</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="MyBib eDoc - Dokumentlieferung">
<meta name="keywords" content="MyBib eDoc,Dokumentlieferung">
<meta name="author" content="">
<meta name="DC.Date" content="2004-02-15T012:00+01:00">
<meta name="DC.Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<frameset rows="80,*" cols="*" frameborder="NO" border="0">
<frame src="$wp_top_link" name="topFrame" frameborder="NO" border="0" scrolling="NO">
<frameset rows="*" cols="200,*" frameborder="NO" border="0">
<frame src="$wp_thumb_link" name="Thumb Image" frameborder="NO" border="0" scrolling="AUTO" marginwidth="0" marginheight="0" framespacing="0" >
<frame src="$wp_main_link" name="Full Image" frameborder="NO" border="0" marginwidth="0" marginheight="0" framespacing="0" scrolling="AUTO">
</frameset>
</frameset>

  • $$WP_MAIN_METADATA_LINK

Beschreibung: Textbaustein zur Einbindung der Metadatendatei (Link) für die Hauptseite $$WP_MAIN

Titel: wp_main.html, Link zur Metadatendatei

Text:

<br><b>Metadaten über dieses Dokument [$wp_metadata_size] finden Sie <a href="$wp_metadata_name" target="_blank" type="$wp_metadata_type">hier</a>.</b>

  • $$WP_MAIN_MTIFF_LINK

Beschreibung: Textbaustein zum Einbinden des Links  auf das MultiTiff-Dokument in die Hauptseite $$WP_MAIN mit Aufsummierung der enthaltenen Seiten

Titel: wp_main.html, Link zum MultiTiff-Dokument

Text:

<br><b>Alle Seiten in einer Tiff-Datei [$wp_mtiff_size], $wp_count_images Bilder, finden Sie <a href="$wp_mtiff_name" type="application/tiff">hier</a>.</b>

  • $$WP_MAIN_PDF_LINK 

Beschreibung: Textbaustein zum Einbinden des PDF-Dokuments in die Hauptseite $$WP_MAIN mit Summe der enthaltenen Seiten

Titel: wp_main.html, Link zur PDF-Dokument

Text:

<br><b>Alle Bilder in einer PDF-Dokument [$wp_pdf_size],
$wp_count_images Seiten, finden Sie <a href="$wp_pdf_name" target="Full Image" type="application/pdf">hier</a>.</b>

  • $$WP_MAIN_TABLE_COL

Beschreibung: Textbaustein zur Gestaltung der Hauptseite $$WP_MAIN des WebPublishers in Tabellenspalten mit Anzeige von Links auf Bildvorschau und Originalbild (Preview, Original)

Titel: wp_main.html (Tabellenspalte)

Text:

<td nowrap="nowrap" style="background:inherit;">

<a href="$wp_preview_html_name" target="" style="text-decoration:none;"><div id="invertcount">$wp_original_image_nr</div></a>
<div id="item">&nbsp;
<a href="$wp_preview_html_name" target="">Vorschau</a>
&nbsp;|&nbsp;
<a target="Full Image" href="$wp_original_image_name" type="$wp_original_image_mimetype">Original&nbsp;[$wp_original_image_size]</a>
&nbsp;|&nbsp;
<a target="Full Image" type="text/plain" href="$wp_ocr_file">OCR</a>
</div>
</td>

  • $$WP_MAIN_TABLE_COL_NO_PREVIEW

Beschreibung: Textbaustein zur Gestaltung der Hauptseite $$WP_MAIN des WebPublishers in Tabellenspalten mit Anzeige von Links nur auf das Originalbild ohne Vorschau

Titel: wp_main.html (Tabellenspalte, keine Previews selektiert)

Text:

<td valign=top NOWRAP>
<b><a href="$wp_preview_html_name" target="">Vorschau</a>
<br>&nbsp;
<br>
<a target="Full Image" href="$wp_original_image_name" type="$wp_original_image_mimetype">
Image&nbsp;$wp_original_image_nr &nbsp;[$wp_original_image_size KB]
</a></b>
</td>

  • $$WP_MAIN_TABLE_COL_ONLY_PREVIEW

Beschreibung: Textbaustein zur Gestaltung der Hauptseite $$WP_MAIN des WebPublishers in Tabellenspalten mit Anzeige von Links auf die Bildvorschau ohne Anzeige der Originals

Titel: wp_main.html (Tabellenspalte, nur Previews)

Text:

<td valign=top NOWRAP>
<a href="$wp_preview_html_name">
Vorschau Nr. $wp_original_image_nr
</a><br>&nbsp;
</td>

  • $$WP_MAIN_ZIP_LINK

Beschreibung: Textbaustein zur Einbindung des erzeugten ZIP-Archivs in die Hauptseite $$WP_MAIN

Titel: wp_main.html, Link zum ZIP-Archiv

Text:

<br><b>Alle Seiten in einem ZIP-Paket [$wp_zip_size], finden Sie <a href="$wp_zip_name" type="application/zip">hier</a>.</b>

Beschreibung: ZIP-Archiv (Link) Schablone für WP_MAIN

  • $$WP_PREVIEW 

Beschreibung: Textbaustein zur Konfiguration der Bildervorschau-Seite (Preview) des WebPublishers.

Titel: pr_[NUMMER].html, Basistemplate Previewseite

Text:

<html>
<head>
<title>MyBib eDoc - Dokumentenlieferung</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="MyBib eDoc - Dokumentenlieferung">
<meta name="keywords" content="MyBib eDoc,Dokumentenlieferung">
<meta name="author" content="holtkamp, holtkamp@imageware.de">
<meta name="DC.Date" content="2004-02-15T012:00+01:00">
<meta name="DC.Language" content="de">
$$WP_CSS
</head>
<body>
<table id="tbl" cellspacing="1" cellpadding="0">
<tr>
<td id="metatd">
<div id="topic_preview">
Bild <span style="color:#fff; padding-left:.4em;padding-right:.4em;background:#000;">$wp_image_count</span>
&nbsp;&nbsp;&nbsp;
<a href="$wp_main_link" target="Full Image" type="text/html">&Uuml;bersicht</a>
&nbsp;&nbsp;&nbsp;
$$WP_PREVIEW_PREV&nbsp;|&nbsp;$$WP_PREVIEW_NEXT
&nbsp;&nbsp;&nbsp;
<a href="$wp_original_image">$wp_original_image_short &nbsp;[$wp_original_image_size]</a>
</div>
<table id="meta">
<tr>
<td>
<a href="$wp_original_image" target="_blank"><img src="$wp_preview_image"></a>
</td>
<!-- ocr text -->
<td>
<a class="ocrtext" href="$wp_ocr_file" target="_blank">$wp_ocr_page</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

  • $$WP_PREVIEW_NEXT 

Beschreibung: Textbaustein zur Konfiguration einer nachfolgenden Vorschauseite

Titel: Link nächste Previewseite

Text:

<a href="$wp_next_html">n&auml;chste Seite &gt;&gt;</a>

  • $$WP_PREVIEW_PREV

Beschreibung: Textbaustein zur Konfiguration einer vorherigen Bildvorschau-Seite Schablone für Vorgängerseite, WP_MAIN

Titel: Link vorige Previewseite

Text:

<a href="$wp_prev_html">&lt;&lt; vorige Seite</a>

  • $$WP_THUMBS

Beschreibung: Textbaustein zur Konfiguration des Basistemplate für die Thumbnail-Ansicht der Bilder

Titel: Basistemplate wp_thumbs.html (Thumbnails)

Text:

<html>
<head>
<title>MyBib eDoc - Dokumentenlieferung</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="MyBib eDoc - Dokumentenlieferung">
<meta name="keywords" content="MyBib eDoc,Dokumentenlieferung">
<meta name="author" content="holtkamp, holtkamp@imageware.de">
<meta name="DC.Date" content="2004-02-15T012:00+01:00">
<meta name="DC.Language" content="de">
</head>
$$WP_CSS
</head>
<body>
<table id="tbl" cellpadding="0" cellspacing="1">
<tr>
<td>
$WP_THUMBS_PDF_LINK
$WP_THUMBS_METADATA_LINK
</td>
</tr>
<tr>
<td id="thumbstd">
<div id="topic"><a href="$wp_main_link" target="Full Image" type="text/html">&Uuml;bersicht</a></div>
<table id="thumbs">
<tr>
<td>
<!-- next table element (thumbnail image) -->
$WP_THUMBS_IMAGES
</td>
</tr>

</table>
<br>
<div style="font-size:.5em; text-align:center;">&copy; 2010 ImageWare Components GmbH</div>
</body>
</html>

  • $$WP_THUMBS_IMAGES 

Beschreibung: Textbaustein zur Einbindung der Thumbs-Images in das Basis-Template für die Thumbnail-Anzeige $$WP_THUMBS

Titel: wp_thumbs.html, Verlinkung der Originals

Text:

<div style="border:solid 1px #000; width:99%;clear:all;margin-bottom:.5em;">

<div style="background:#fffff5;font-size:.8em;color:#000;font-weight:normal;padding:.2em;">
<a style="color:#000" target="Full Image" href="$wp_original_name" type="$wp_image_mimetype">Bild $wp_image_count / $or_num_pages</a>
</div>
<div style="background:#f0f0f0;padding:.2em;">
<a style="color:#000" href="$wp_preview_link" target="Full Image"><img src="$wp_thumb_image"></a>
</div>
<div style="text-align:right;background:#fffff5;font-size:.8em;color:#000;font-weight:normal;padding:.2em;">
$wp_image_size
</div>

</div>

  • $$WP_THUMBS_IMAGES_PREVIEWS

Beschreibung: Textbaustein zur Einbindung der Verlinkung auf die Thumbnail-Ansicht mit Textlinks

Titel: wp_thumbs.html, Verlinkung der Previews (mit Thumbnail)

Text:

<br>
<a target="Full Image" href="$wp_original_name" type="$wp_image_mimetype">
Preview-Bild $wp_image_count&nbsp;[$wp_image_size KB]
</a>
<br>
<a href="$wp_preview_link" target="Full Image">
<img src="$wp_thumb_image">
</a>
<br>

  • $$WP_THUMBS_IMAGES_THUMBNAILS

Beschreibung: Textbaustein zur Verlinkung auf die Thumbnail-Ansicht innerhalb des Basis-Templates $$WP_THUMBS (nur Thumbnails)

Titel: wp_thumbs.html, Verlinkung der Thumbnails

Text:

<br>Thumbnail-Bild $wp_image_count&nbsp;[$wp_image_size KB]
<br><img src="$wp_thumb_image">

  • $$WP_THUMBS_METADATA_LINK 

Beschreibung: Textbaustein zur Verlinkung der Metadatendatei in $$WP_THUMBS

Titel: wp_thumbs.html, Verlinkung zur Metadatendatei

Text:

<h1>
<a href="$wp_metadata_target" target="_blank" type="$wp_metadata_mimetype">Metatdaten-Datei [$wp_metadata_size]</a>
</h1>
<hr>

  • $$WP_THUMBS_MTIFF_LINK

Beschreibung: Textbaustein zur Verlinkung der MultiTiff-Datei in $$WP_THUMBS

Titel: wp_thumbs.html, Verlinkung zum MultiTiff-Dokument

Text:

<h1>
<a href="$wp_mtiff_target" target="_blank" type="$wp_mtiff_mimetype">MTiff-Format [$wp_mtiff_size], wp_image_count&nbsp;Seiten</a></h1>
<hr>

  • $$WP_THUMBS_PDF_LINK

Beschreibung: Textbaustein zur Verlinkung des PDF-Dokuments in $$WP_THUMBS

Titel: wp_thumbs.html, Verlinkung zum PDF-Dokument

Text:

<h1>
<a href="$wp_pdf_target" target="_blank" type="application/pdf">PDF-Dokument<br>$wp_image_count Seiten [$wp_pdf_size]</a>
</h1>

  • $$WP_THUMBS_PREVIEW

Beschreibung: Textbaustein für die Verlinkung der Previews ohne Thumbnails

Titel: wp_thumbs.html, Verlinkung der Previews (ohne Thumbnail)

Text:

<br>
<a href="$wp_preview_link" target="Full Image">Preview Nr. $wp_image_count</a>
<br>

  • $$WP_THUMBS_ZIP_LINK 

Beschreibung: Textbaustein zur Verlinkung des ZIP-Archivs in $$WP_THUMBS

Titel: wp_thumbs.html, Verlinkung zum ZIP-Archiv

Text:

<h1>
<a href="$wp_zip_target" target="_blank" type="$wp_zip_mimetype">ZIP-Paket [$wp_zip_size], $wp_image_count&nbsp;Seiten</a>
</h1>
<hr>

  • $$WP_TOP 

Beschreibung: Textbaustein zur Konfiguration des Topframes des WebPublishers

Titel: Basistemplate für wp_top.html als Topframe

Text:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>MyBib eDoc-Dokumentlieferung</title>
$$WP_CSS
</head>
<body>
<table id="tbl" cellpadding="0" cellspacing="1" border=0>
<tr>
<td id="metatd_top">
<div id="image_top_div">
<!-- URL Link --!>
<a href="$wp_logo_link" alt="http://www.imageware.de/" target="_blank">
<!-- logo image --!>
<img src="$wp_logo_image" alt="ImageWare Components GmbH" width="134" height="35" border="0">
</a>
</div>
<div id="meta_top_div" align="center">
<span id="topic_top">SMF</span>
<table id="meta_top_tbl">
<tr>
<td id="descr_top">Bibliothek:</td><td class="cont_topic" id="small">$or_del_customer_no</td>
<td id="descr_top">Auftrag:</td><td nowrap=nowrap class="cont_topic" id="large">$or_scan_id</td>
<td id="descr_top">Titel:</td><td nowrap=nowrap class="cont_topic" id="large">$or_item_title</td>
<td id="descr_top">Sprache:</td><td class="cont_topic" id="small">$or_item_language</td>
<td id="descr_top">Seiten:</td><td class="cont_topic" id="small">$wp_count_images</td>
<td width="100%">
<!-- use internal complaint link in case $recla_url is not yet set --!>
<div id="recla"><a href="$recla_url" target="Full Image" type="text/html" style="color: #dd0000;text-decoration:none;">Reklamieren Ext</a></div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>

Zum Inhaltsverzeichnisvorheriges Kapitelnächstes Kapitel
Zur Übersichtvorherige Anleitung