<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<!-- *** Created by pp2html, build 1.21 from PerlPoint-Converters 1.01 -->
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rel="start" href="slide0020.htm">
<link rel="prev" href="slide0019.htm">
<link rel="next" href="slide0021.htm">
<link rel="up" href="slide0019.htm">
<link rel="last" href="slide0021.htm">
<link rel="contents" href="slide0000.htm">
<link rel="index" href="slide_idx.htm">
<meta name="author" content="cd@conference.org">
<meta name="description" content="PerlPointCD Demo">
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW">
<meta name="MSSmartTagsPreventParsing" content="true">
<TITLE>Layout configuration</TITLE>
<LINK REL="stylesheet" TYPE="text/css" HREF="pstyle.css">
<style type="text/css" media="all">
@import "ahem.css";
@import "pstyle.css";
</style>
</HEAD>
<p>
Check:
<a href="http://validator.w3.org/check/referer">HTML validity</a>,
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS validity</a>,
<a href="http://validator.w3.org/checklink?uri=http://www.perl-workshop.de/slide0020.htm">links</a>.
</p>
<!-- ************************************************************** -->
<BODY bgcolor="#FFFFFF" text="#000000" link="#0000CC" vlink="#AAAAAA" alink="#FF0000">
<div id=top>
<table border="0" cellspacing="2" cellpadding="0" width="100%">
<tbody>
<tr>
<td width="200">
<a href="http://www.sourceforce.net/projects/perlpoint"><img src="images/PPL13s5b-o.jpg" border=0 alt="PerlPoint"></a>
</td>
<td align=center>PerlPointCD<br><i><A HREF="/index.html" TARGET=_top>Start</A> / <a href="slide0009.htm">Long Talks</a> / <a href="slide0018.htm">The editor</a> / <a href="slide0019.htm">Layouts</a></i></td>
</tr>
</tbody>
</table>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr valign="bottom">
<td></td>
<td></td>
</tr>
<tr valign="top">
<td></td>
<td></td>
</tr>
<tr valign="bottom">
</tr>
<tr valign="top">
<td></td>
<td></td>
<td id=nav width="10%">
<table width=200>
<tr><td> </td></tr>
<tr><td>> <a href="slide0021.htm">Startup page</a></td></tr>
<tr><td>< <a href="slide0019.htm">Layouts</a></td></tr>
<tr><td>= <a href="slide0000.htm">TOC</a></td></tr>
<tr><td> </td></tr>
</table>
<p class="ahem">You are using an old browser which doesn't fully support
Cascading Style Sheets. This page will look <em>much</em> better in a browser that
supports <a href="http://www.webstandards.org/upgrade/"target="_top"
title="The Web Standards Project's BROWSER UPGRADE initiative.">web
standards</a>.</p>
<p class="ahem"> </p>
</td>
<td></td>
<td></td>
<td width="100%" colspan="4">
<div id=content>
<a name="Layout configuration">
<center>
<H1>Layout configuration
</H1></center>
<P>
When installed initially, PerlPointCD comes with two demo layouts: <CODE><A name="index_20_126"></A>demo-cd</CODE> builds <A name="index_20_127"></A>frame based HTML pages with <A name="index_20_128"></A>Java navigation, while <CODE><A name="index_20_129"></A>demo-cd-css</CODE> constructs CSS based slides. Prefering one or the other is a matter of personal taste, so the initial <CODE><A name="index_20_130"></A>makefile</CODE> uses <I>both</I> of them to offer alternatives.
</P>
<P>
Feel free to modify the demo layouts. To use your own, just store them in the <CODE>style</CODE> directory as well. (While it is possible to store them anywhere in the PerlPoint include path, integration with the tool directories makes it easier to share a CD package with a team.)
</P>
<P>
Layout integration is controlled by various files. First, replace the config files with your own ones, or just edit the original files (which can be found as <CODE>prepare/demo-cd.cfg</CODE> and <CODE>prepare/demo-cd-css.cfg</CODE>). In any case, adapting these configurations is the next step. I recommend to stay with the frame
</P>
<P>
<center>
</P>
<TABLE BORDER=0 CELLPADDING=5 WIDTH=80%><TR><TD bgcolor="#e5e5e5"><PRE>
<FONT COLOR="#000000">
<FONT COLOR=green># base configuration</FONT>
@demo-cd-base.cfg
<FONT COLOR=green># style</FONT>
<FONT COLOR=red>-style demo-cd</FONT>
<FONT COLOR=green># use your own filenames</FONT>
<FONT COLOR=red>-start_page jindex.htm
-slide_prefix jslide</FONT>
<FONT COLOR=green># activate browser navigation</FONT>
-linknavigation</FONT></PRE></TD></TR></TABLE>
<P>
</center>
</P>
<P>
and to adapt just the <CODE><A name="index_20_131"></A>-style</CODE>, <CODE><A name="index_20_132"></A>-start_page</CODE> and <CODE><A name="index_20_133"></A>-slide_prefix</CODE> options.
</P>
<P>
Second, the following lines in the <CODE><A name="index_20_134"></A>makefile</CODE> need to be <A HREF="slide0034.htm#Configure the make call">adapted</A> to integrate your layouts:
</P>
<P>
<center>
</P>
<TABLE BORDER=0 CELLPADDING=5 WIDTH=80%><TR><TD bgcolor="#e5e5e5"><PRE>
<FONT COLOR="#000000">
html: explode
<FONT COLOR=green># design 1</FONT>
${PPCD}/pp2html @<FONT COLOR=red>${PREPARE}/$PROJECT.cfg</FONT> ...
<FONT COLOR=green># design 2</FONT>
${PPCD}/pp2html @<FONT COLOR=red>${PREPARE}/$PROJECT-css.cfg</FONT> ...</FONT></PRE></TD></TR></TABLE>
<P>
</center>
</P>
<P>
If you prefer to have even more layouts or just one, add or delete lines appropriately.
</P>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td id=nav>
<span class=copy>
Copyright © <a
href="mailto:perl@jochen-stenzel.de">Jochen Stenzel, 2001-2004</a>.
<br>
<span class=rights>All rights reserved.</span>
</span>
</td>
</tr>
<tr>
<td></td>
<td></td>
<td id=nav>
<span class=pp>
<br><a href="http://www.sourceforge.net/projects/perlpoint">PerlPoint</a> powered.
</span>
</td>
<td></td>
<td></td>
<td width="100%" colspan="4"></td>
<td></td>
</tr>
</tbody>
</table>
</div><!-- content -->
</BODY>
</HTML>