source: trunk/Distribution/SW/FOP/build/site/examples.html

Last change on this file was 2, checked in by jkacer, 18 years ago

Added all DocBook Framework stuff:

  • DocBook DTD
  • Transformation software FOP 0.20.5 and Saxon 6
  • XSL styles
  • Rexx scripts

Also added some WarpIN-related stuff for creation of WarpIN installation packages.
This state corresponds to version 1.0.0 from November 2005, just slightly modified to carry versioning information (Rexx scripts).
File size: 16.7 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html>
3<head>
4<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
5<title>Examples</title>
6<link type="text/css" href="skin/page.css" rel="stylesheet">
7</head>
8<body text="#000000" bgcolor="#FFFFFF">
9<!--================= start Navigation Path ==================-->
10<table summary="navigation path" width="100%" border="0" cellpadding="0" cellspacing="0">
11<tr>
12<td nowrap="nowrap" valign="middle" bgcolor="#CFDCED" height="20"><img height="1" width="5" alt="" border="0" src="skin/images/spacer.gif"><!--===== breadcrumb trail (javascript-generated) ====--><font size="2" face="Arial, Helvetica, Sans-serif"><script src="skin/breadcrumbs.js" language="JavaScript" type="text/javascript"></script></font></td>
13</tr>
14<tr>
15<td bgcolor="#4C6C8F" height="2"><img height="2" width="2" alt="" border="0" src="skin/images/spacer.gif"></td>
16</tr>
17</table>
18<!--================= end Navigation Path ==================-->
19<!--================= start Banner ==================-->
20<table summary="header with logos" width="100%" border="0" cellpadding="0" cellspacing="0">
21<tr>
22<!--================= start Group Logo ==================-->
23<td bgcolor="#294563"><a href="http://xml.apache.org/"><img border="0" class="logoImage" alt="Apache XML" src="images/group-logo.gif"></a></td>
24<!--================= end Group Logo ==================-->
25<!--================= start Project Logo ==================--><td width="100%" align="center" bgcolor="#294563"><a href="http://xml.apache.org/fop/"><img border="0" class="logoImage" alt="FOP" src="images/logo.jpg"></a></td>
26<!--================= end Project Logo ==================-->
27<!--================= start Search ==================--><td valign="top" rowspan="2" bgcolor="#294563">
28<form target="_blank" action="http://www.google.com/search" method="get">
29<table summary="search" border="0" cellspacing="0" cellpadding="0" bgcolor="#4C6C8F">
30<tr>
31<td colspan="3"><img height="10" width="1" alt="" src="skin/images/spacer.gif"></td>
32</tr>
33<tr>
34<td><img height="1" width="1" alt="" src="skin/images/spacer.gif"></td><td nowrap="nowrap"><input value="xml.apache.org" name="sitesearch" type="hidden"><input size="15" name="q" id="query" type="text"><img height="1" width="5" alt="" src="skin/images/spacer.gif"><input name="Search" value="Search" type="submit">
35<br>
36<font face="Arial, Helvetica, Sans-serif" size="2" color="white">
37 the Apache XML site
38
39
40 </font></td><td><img height="1" width="1" alt="" src="skin/images/spacer.gif"></td>
41</tr>
42<tr>
43<td><img alt="" border="0" height="10" width="9" src="skin/images/search-left.gif"></td><td><img height="1" width="1" alt="" src="skin/images/spacer.gif"></td><td><img alt="" border="0" height="10" width="9" src="skin/images/search-right.gif"></td>
44</tr>
45</table>
46</form>
47</td>
48<!--================= start Search ==================--><td bgcolor="#294563"><img height="10" width="10" alt="" src="skin/images/spacer.gif"></td>
49</tr>
50<tr>
51<td valign="bottom" bgcolor="#294563" colspan="2">
52<!--================= start Tabs ==================-->
53<div class="tab">
54<table summary="tab bar" border="0" cellpadding="0" cellspacing="0">
55<tr>
56<td width="8"><img alt="" height="8" width="8" src="skin/images/spacer.gif"></td><td valign="bottom">
57<table summary="selected tab" style="height: 1.7em" border="0" cellpadding="0" cellspacing="0">
58<tr>
59<td valign="top" width="5" bgcolor="#4C6C8F"><img height="5" width="5" alt="" src="skin/images/tabSel-left.gif"></td><td valign="middle" bgcolor="#4C6C8F"><font color="#ffffff" size="2" face="Arial, Helvetica, Sans-serif"><b><a href="index.html"><font color="#000000">Home</font></a></b></font></td><td valign="top" width="5" bgcolor="#4C6C8F"><img height="5" width="5" alt="" src="skin/images/tabSel-right.gif"></td>
60</tr>
61</table>
62</td><td width="8"><img alt="" height="8" width="8" src="skin/images/spacer.gif"></td><td valign="bottom">
63<table summary="non selected tab" style="height: 1.6em" border="0" cellpadding="0" cellspacing="0">
64<tr>
65<td valign="top" width="5" bgcolor="#B2C4E0"><img height="5" width="5" alt="" src="skin/images/tab-left.gif"></td><td valign="middle" bgcolor="#B2C4E0"><a href="dev/index.html"><font face="Arial, Helvetica, Sans-serif">Development</font></a></td><td valign="top" width="5" bgcolor="#B2C4E0"><img height="5" width="5" alt="" src="skin/images/tab-right.gif"></td>
66</tr>
67</table>
68</td>
69</tr>
70</table>
71</div>
72<!--================= end Tabs ==================-->
73</td><td bgcolor="#294563"><img alt="" width="1" height="1" src="skin/images/spacer.gif"></td>
74</tr>
75<tr>
76<td bgcolor="#4C6C8F" colspan="4"><img width="1" height="10" alt="" src="skin/images/spacer.gif"></td>
77</tr>
78</table>
79<!--================= end Banner ==================-->
80<!--================= start Menu, NavBar, Content ==================-->
81<table summary="page content" bgcolor="#ffffff" width="100%" border="0" cellpadding="0" cellspacing="0">
82<tr>
83<td valign="top">
84<table summary="menu" border="0" cellspacing="0" cellpadding="0">
85<tr>
86<!--================= start left top NavBar ==================-->
87<td rowspan="3" valign="top">
88<table summary="blue line" border="0" cellpadding="0" cellspacing="0">
89<tr>
90<td bgcolor="#294563"><img width="10" height="1" alt="" src="skin/images/spacer.gif"></td>
91</tr>
92<tr>
93<td bgcolor="#CFDCED"><font color="#4C6C8F" size="4" face="Arial, Helvetica, Sans-serif">&nbsp;</font></td>
94</tr>
95<tr>
96<td bgcolor="#294563"><img width="10" height="1" alt="" src="skin/images/spacer.gif"></td>
97</tr>
98</table>
99</td>
100<!--================= end left top NavBar ==================--><td bgcolor="#294563"><img width="1" height="1" alt="" src="skin/images/spacer.gif"></td><td valign="bottom" bgcolor="#4C6C8F"><img width="10" height="10" alt="" src="skin/images/spacer.gif"></td><td nowrap="nowrap" valign="top" bgcolor="#4C6C8F">
101<!--================= start Menu items ==================-->
102<div class="menu">
103<ul>
104<li>
105<font color="#CFDCED">Home</font>
106<ul>
107
108<li>
109<a href="index.html">Introduction</a>
110</li>
111
112</ul>
113</li>
114<li>
115<font color="#CFDCED">Using FOP</font>
116<ul>
117
118<li>
119<a href="relnotes.html">Release Notes</a>
120</li>
121
122<li>
123<a href="download.html">Download</a>
124</li>
125
126<li>
127<a href="compiling.html">Build</a>
128</li>
129
130<li>
131<a href="configuration.html">Configure</a>
132</li>
133
134<li>
135<a href="running.html">Run</a>
136</li>
137
138<li>
139<a href="embedding.html">Embed</a>
140</li>
141
142<li>
143<a href="servlets.html">Servlets</a>
144</li>
145
146<li>
147<a href="anttask.html">Ant task</a>
148</li>
149
150</ul>
151</li>
152<li>
153<font color="#CFDCED">Features</font>
154<ul>
155
156<li>
157<a href="compliance.html">Compliance</a>
158</li>
159
160<li>
161<a href="output.html">Output Targets</a>
162</li>
163
164<li>
165<a href="pdfencryption.html">PDF encryption</a>
166</li>
167
168<li>
169<a href="graphics.html">Graphics</a>
170</li>
171
172<li>
173<a href="fonts.html">Fonts</a>
174</li>
175
176<li>
177<a href="hyphenation.html">Hyphenation</a>
178</li>
179
180<li>
181<a href="extensions.html">Extensions</a>
182</li>
183
184</ul>
185</li>
186<li>
187<font color="#CFDCED">Resources</font>
188<ul>
189
190<li>
191<a href="gethelp.html">Getting Help</a>
192</li>
193
194<li>
195<a href="faq.html">FAQs</a>
196</li>
197
198<li>
199<a href="fo.html">XSL-FO</a>
200</li>
201
202<li>
203<span class="sel"><font color="#ffcc00">Examples</font></span>
204</li>
205
206<li>
207<a href="maillist.html">Mailing Lists</a>
208</li>
209
210<li>
211<a href="bugs.html">Bugs</a>
212</li>
213
214<li>
215<a href="license.html">License</a>
216</li>
217
218<li>
219<a href="resources.html">Other</a>
220</li>
221
222</ul>
223</li>
224<li>
225<font color="#CFDCED">Project</font>
226<ul>
227
228<li>
229<a href="news.html">News</a>
230</li>
231
232<li>
233<a href="logocontest.html">Logo contest</a>
234</li>
235
236<li>
237<a href="status.html">Status</a>
238</li>
239
240
241<li>
242<a href="team.html">Team</a>
243</li>
244
245</ul>
246</li>
247</ul>
248</div>
249<!--================= end Menu items ==================-->
250</td><td valign="bottom" bgcolor="#4C6C8F"><img width="10" height="10" alt="" src="skin/images/spacer.gif"></td><td bgcolor="#294563"><img width="1" height="1" alt="" src="skin/images/spacer.gif"></td>
251</tr>
252<tr>
253<td valign="bottom" align="left" colspan="2" rowspan="2" bgcolor="#4C6C8F"><img height="10" width="10" border="0" alt="" src="skin/images/menu-left.gif"></td><td bgcolor="#4C6C8F"><img height="10" width="10" border="0" alt="" src="skin/images/spacer.gif"></td><td valign="bottom" align="right" colspan="2" rowspan="2" bgcolor="#4C6C8F"><img height="10" width="10" border="0" alt="" src="skin/images/menu-right.gif"></td>
254</tr>
255<tr>
256<td height="1" bgcolor="#294563"><img width="1" height="1" alt="" src="skin/images/spacer.gif"></td>
257</tr>
258</table>
259</td><td valign="top" width="100%">
260<table summary="content" width="100%" border="0" cellpadding="0" cellspacing="0">
261<!--================= start middle NavBar ==================-->
262<tr>
263<td colspan="4" bgcolor="#294563"><img width="10" height="1" alt="" src="skin/images/spacer.gif"></td>
264</tr>
265<tr>
266<td align="left" width="10" bgcolor="#CFDCED"><img width="10" height="1" alt="" src="skin/images/spacer.gif"></td><td align="left" width="50%" bgcolor="#CFDCED"><font color="#4C6C8F" size="3" face="Arial, Helvetica, Sans-serif">
267 &nbsp;
268
269 </font><img width="10" height="8" alt="" src="skin/images/spacer.gif"></td><td align="right" width="50%" bgcolor="#CFDCED"><font color="#4C6C8F" size="3" face="Arial, Helvetica, Sans-serif">
270 &nbsp;
271
272 </font><img width="10" height="8" alt="" src="skin/images/spacer.gif"></td><td width="10" bgcolor="#CFDCED"><img width="10" height="1" alt="" src="skin/images/spacer.gif"></td>
273</tr>
274<tr>
275<td colspan="4" bgcolor="#294563"><img width="10" height="1" alt="" src="skin/images/spacer.gif"></td>
276</tr>
277<!--================= end middle NavBar ==================-->
278<!--================= start Content==================-->
279<tr>
280<td align="left" width="10"><img width="10" height="1" alt="" src="skin/images/spacer.gif"></td><td align="left" width="100%">
281<div class="content">
282<table class="title" summary="">
283<tr>
284<td valign="middle">
285<h1>Examples</h1>
286</td><td nowrap="nowrap" width="80" align="center"><a class="dida" href="examples.pdf"><img alt="printer" src="skin/images/printer.gif" border="0"><br>
287 print-friendly<br>
288 PDF</a></td>
289</tr>
290</table>
291<ul class="minitoc">
292<li>
293<a href="#Example+Documents+Using+FOP">Example Documents Using FOP</a>
294</li>
295<li>
296<a href="#Images+Examples">Images Examples</a>
297</li>
298<li>
299<a href="#Instream+Foreign+Object+Examples">Instream Foreign Object Examples</a>
300</li>
301</ul>
302
303<a name="N101BE"></a><a name="Example+Documents+Using+FOP"></a>
304<h3>Example Documents Using FOP</h3>
305<div style="margin-left: 0 ; border: 2px">
306<p>
307 These examples have been rendered using FOP:
308 </p>
309<table class="ForrestTable" cellspacing="1" cellpadding="4">
310
311<caption>Generated examples</caption>
312
313<tr>
314
315<th colspan="1" rowspan="1">Description</th>
316 <th colspan="1" rowspan="1">XSL-FO file</th>
317 <th colspan="1" rowspan="1">PDF result</th>
318
319</tr>
320
321<tr>
322
323<td colspan="1" rowspan="1">default font characters</td>
324 <td colspan="1" rowspan="1"><a href="fo/fonts.fo.xml">fonts.fo</a></td>
325 <td colspan="1" rowspan="1"><a href="fo/fonts.fo.pdf">fonts.fo.pdf</a></td>
326
327</tr>
328
329</table>
330<p>Other basic examples on the use of XSL-FO can be found in the FOP distribution in
331 the subdirectory xml-fop/examples/fo. You can start transformation of all fo files into pdf
332 files by starting xml-fop/examples/fo/runtests (only source distribution). The resulting test
333 files can be found in xml-fop/examples/fo/tests
334 </p>
335<p>At the moment the following files are part of the distribution:</p>
336<ul>
337
338<li>simple.fo - a very simple file which gives use a first impression of the structure of an XSL-FO file
339 </li>
340
341<li>normal.fo - a simple file showing the use of a 2 level of headings, normal text and a header.
342 </li>
343
344<li>table.fo - some table examples
345 </li>
346
347<li>list.fo - a short tutorial how to use list fo's and properties
348 </li>
349
350<li>images.fo - shows how to embed GIF and JPEG images into the XSL-FO file using external-graphic.
351 </li>
352
353<li>border.fo - a not so simple example how to use borders in tables
354 </li>
355
356<li>extensive.fo - a longer test file containing a lot of different flow objects and properties.
357 A good candidate to test your bugfix or new FOP code.
358 </li>
359
360<li>leader.fo - shows different uses of fo:leader, p.e. as rule or in a table of content
361 </li>
362
363<li>normalex.fo - shows the use of computed property values
364 </li>
365
366<li>inhprop.fo - shows the use of inherited property values
367 </li>
368
369<li>instream.fo - shows the use of fo:instream-foreign-object together with SVG
370 </li>
371
372<li>textdeko.fo - shows the use of the property text-decoration
373 </li>
374
375<li>readme.fo - uses an old version of FOP documentation for a longer example
376 </li>
377
378</ul>
379<p>Also, in the directory examples/fo/pagination you will find a suite of examples showing the use
380 of XSL-FO pagination.
381 </p>
382<p>
383Developers will find the first steps to a test suite for all implemented
384formatting objects and properties in xml-fop/test/xml/.
385 </p>
386</div>
387
388<a name="N1022C"></a><a name="Images+Examples"></a>
389<h3>Images Examples</h3>
390<div style="margin-left: 0 ; border: 2px">
391<p>
392Embedding images in FO:
393 </p>
394<table class="ForrestTable" cellspacing="1" cellpadding="4">
395
396<caption>Images in FO</caption>
397
398<tr>
399
400<th colspan="1" rowspan="1">description</th>
401 <th colspan="1" rowspan="1">fo file</th>
402 <th colspan="1" rowspan="1">pdf result</th>
403
404</tr>
405
406<tr>
407
408<td colspan="1" rowspan="1">align in larger viewport</td>
409 <td colspan="1" rowspan="1"><a href="fo/align.fo.xml">align.fo</a></td>
410 <td colspan="1" rowspan="1"><a href="fo/align.fo.pdf">align.fo.pdf</a></td>
411
412</tr>
413
414<tr>
415
416<td colspan="1" rowspan="1">align in smaller viewport</td>
417 <td colspan="1" rowspan="1"><a href="fo/align2.fo.xml">align2.fo</a></td>
418 <td colspan="1" rowspan="1"><a href="fo/align2.fo.pdf">align2.fo.pdf</a></td>
419
420</tr>
421
422<tr>
423
424<td colspan="1" rowspan="1">scaling image</td>
425 <td colspan="1" rowspan="1"><a href="fo/size.fo.xml">size.fo</a></td>
426 <td colspan="1" rowspan="1"><a href="fo/size.fo.pdf">size.fo.pdf</a></td>
427
428</tr>
429
430</table>
431<p>Look also into the directory examples/fo/svg. There you find some very extensive SVG examples.
432 </p>
433</div>
434
435<a name="N10293"></a><a name="Instream+Foreign+Object+Examples"></a>
436<h3>Instream Foreign Object Examples</h3>
437<div style="margin-left: 0 ; border: 2px">
438<p>
439Instream Foreign Object images in FO, there are more on the
440<a href="dev/svg.html">SVG Page</a>:
441 </p>
442<table class="ForrestTable" cellspacing="1" cellpadding="4">
443
444<caption>Embedding instream-foreign-object</caption>
445
446<tr>
447
448<th colspan="1" rowspan="1">description</th>
449 <th colspan="1" rowspan="1">fo file</th>
450 <th colspan="1" rowspan="1">pdf result</th>
451
452</tr>
453
454<tr>
455
456<td colspan="1" rowspan="1">embedding svg in viewport</td>
457 <td colspan="1" rowspan="1"><a href="fo/embed.fo.xml">embed.fo</a></td>
458 <td colspan="1" rowspan="1"><a href="fo/embed.fo.pdf">embed.fo.pdf</a></td>
459
460</tr>
461
462</table>
463</div>
464
465</div>
466</td><td width="10"><img width="10" height="1" alt="" src="skin/images/spacer.gif"></td>
467</tr>
468<!--================= end Content==================-->
469</table>
470</td>
471</tr>
472</table>
473<!--================= end Menu, NavBar, Content ==================-->
474<!--================= start Footer ==================-->
475<table summary="footer" cellspacing="0" cellpadding="0" width="100%" border="0">
476<tr>
477<td colspan="2" height="1" bgcolor="#4C6C8F"><img height="1" width="1" alt="" src="skin/images/spacer.gif"><a href="skin/images/label.gif"></a><a href="skin/images/page.gif"></a><a href="skin/images/chapter.gif"></a><a href="skin/images/chapter_open.gif"></a><a href="skin/images/current.gif"></a><a href="/favicon.ico"></a></td>
478</tr>
479<tr>
480<td colspan="2" bgcolor="#CFDCED" class="copyright" align="center"><font size="2" face="Arial, Helvetica, Sans-Serif">Copyright &copy;
481 1999-2003&nbsp;The Apache Software Foundation. All rights reserved.<script type="text/javascript" language="JavaScript"><!--
482 document.write(" - "+"Last Published: " + document.lastModified);
483 // --></script></font></td>
484</tr>
485<tr>
486<td colspan="2" align="left" bgcolor="#CFDCED" class="logos"></td>
487</tr>
488</table>
489<!--================= end Footer ==================-->
490</body>
491</html>
Note: See TracBrowser for help on using the repository browser.