<!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="jslide0020.htm">
<link rel="prev" href="jslide0019.htm">
<link rel="next" href="jslide0021.htm">
<link rel="up" href="jslide0019.htm">
<link rel="last" href="jslide0021.htm">
<link rel="contents" href="jslide0000.htm">
<link rel="index" href="jslide_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="style.css">
<style type="text/css" media="all">
@import "ahem.css";
@import "style.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/jslide0020.htm">links</a>.
</p>
<!-- ************************************************************** -->
<BODY bgcolor="#FFFFFF" text="#000000" link="#0000CC" vlink="#AAAAAA" alink="#FF0000">
<!--
*** NAVIGATION BAR =================================================
$Revision: 1.1 $
$Date: 2001/06/14 12:00:56 $
-->
<CENTER>
<TABLE>
<TR>
<TD colspan=3>
<CENTER>
<SMALL>
<I><A HREF="/index.html" TARGET=_top>Start</A> / <a href="jslide0009.htm">Long Talks</a> / <a href="jslide0018.htm">The editor</a> / <a href="jslide0019.htm">Layouts</a></I><BR>
Next: <a href="jslide0021.htm">Startup page</a>
Previous: <a href="jslide0019.htm">Layouts</a>
<a href="jslide0000.htm" target="Index">TOC</a>
</SMALL>
</CENTER>
</TD>
</TR>
</TABLE>
</CENTER>
<hr>
<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="jslide0034.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>
<!--
*** BOTTOM NAVIGATION BAR =================================================
-->
<hr>
<CENTER>
<TABLE>
<TR>
<TD colspan=3>
<CENTER>
<SMALL>
Next: <a href="jslide0021.htm">Startup page</a>
Previous: <a href="jslide0019.htm">Layouts</a>
<a href="jslide0000.htm" target="Index">TOC</a>
<BR><I><A HREF="/index.html" TARGET=_top>Start</A> / <a href="jslide0009.htm">Long Talks</a> / <a href="jslide0018.htm">The editor</a> / <a href="jslide0019.htm">Layouts</a></I><BR>
</SMALL>
</CENTER>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>