Anonymous avatar Anonymous committed 3fc242b

Removed some auto-generated files for the WML lecture.

Comments (0)

Files changed (53)

Add a comment to this file

vipe/lecture/WebMetaLecture/WebMetaLecture-examples.tar.gz

Binary file removed.

vipe/lecture/WebMetaLecture/WebMetaLecture-summary.txt

-Introduction:
-    WebMetaLanguage - a tool for generating static HTML files out of templates.
-
-    Orignally written by Ralf S. Engelschall and now maintained by
-    Denis Barbier
-
-The WML Methodology:
-    - WML processes the input files through 9 passes:
-    1. Include Preprocessor (similar to the C preprocessor)
-    2. Macro Preprocessor for HTML documents (custom tags, simple
-        conditionals, etc.)
-    3. Embedded Perl 5 Language
-    4. A GNU m4 pass.
-    5. Diversion - places text in different places.
-    6. Area Substitution - substitutes patterns within areas with something
-    else (a la Perl 5 s/// and tr///)
-    7. HTML Fixing.
-    8. Stripping Redundant HTML code.
-    9. Slicing - Outputs different code with different options.
-
-Example 1: A Common Look and Feel <common_look>
-----------------------------------
-
-1. Prepare a template file: template.wml 
-
-<<< Insert code >>>
-
-2. Prepare three pages : index.html.wml, download.html.wml, and links.html.wml
-
-3. Prepare a Makefile:
-
-<<< Insert code >>>
-
-Render!
-
-Voila! A fully functional site.
-
-    Explanation:
-    ------------
-
-    #include 'myfile.wml' - includes a files from the current directory.
-
-    {#NAME#} - puts the text defined by NAME in its place.
-
-    $(ROOT) is a preprocessor variable that is defined in the makefile
-    and is expanded whenever it appears. (Note: it will stick to the current
-    directory regardless of the directory of the filename, by virtue of 
-    being defined with ~ instead of =)
-
-    {#NAME#:TEXT:##} assigns TEXT to the diversion NAME
-
-    <define-tag> defines a custom tag. %0 is its first parameter. (%1 is the
-    second, etc.)
-
-
-Example 2: Bolding the existing page
--------------------------------------
-
-Let's cancel the link and bold their text when we are present in the page
-linked to:
-
-<<< Show the modified template >>>
-
-    Explanation:
-    ------------
-
-    <ifneq ...> compares its first two arguments - if they are not equal, 
-    it expands to its third argumnent, else it expands to its forth. There's
-    also <ifeq ... >
-
-Example 3: Creating a Meta-Tag
-------------------------------
-
-The previous example contained a lot of duplicate functionality. Let's 
-abstract it in a meta-tag.
-
-    Explanation:
-
-    <if ... /> is a conditional
-
-    %0 and %1 are the arguments to the tag.
-
-Example 4: Frames-Enabled and Non-Frames Version of the Same Site:
-------------------------------------------------------------------
-
-[SLICE: Put text here :] denotes a slice, that takes effect only if the
-slice SLICE was defined. In this example we use it to generate a frame
-and non-frame enabled version of the same site.
-
-<<< Show code >>>
-
-Example 5: A FAQ List with a Table of Contents
-----------------------------------------------
-
-We have learned enough about creating a site layout. Now let's do something
-different for a change: create a list of frequently asked questions, with
-a separate page that contains a brief table of contents.
-
-To do so we'll create a meta-tag:
-
-<question "Anchor" "My Title">
-
-Body of answer
-
-</question>
-
-This tag will expand to the title with the body if a global variable is set 
-to a non-empty string, and to the hyperlinked title if it is empty.
-
-We'll also create two meta tags <promote /> and <demote /> which will enable
-creating sections and sub-sections.
-
-For the sake of keeping our sanity - we will program some of the tags
-in Perl.
-

vipe/lecture/WebMetaLecture/rendered/bolding/download.html

-<html>
-<head>
-<title>Downloads</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-<table width="99%" summary="">
-<tr>
-<td valign="top" width="20%" class="navbar">
-<a href="./">Main</a>
-<br />
-<b>Download</b>
-<br />
-<a href="./links.html">Links</a>
-<br />
-<br />
-<a href="mailto:webmaster@mysite.org">Webmaster</a><br />
-</td>
-<td valign="top">
-<h1>Downloads</h1>
-<p>
-<a href="my-non-existent-archive.tar.gz">A polynomial solution for the
-travelling salesman problem.</a>
-</p>
-<p>
-<a href="my-document.pdf">Proof of the Goldbach Conjecture</a>
-</p>
-</td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/bolding/index.html

-<html>
-<head>
-<title>Foo Site</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-<table width="99%" summary="">
-<tr>
-<td valign="top" width="20%" class="navbar">
-<b>Main</b>
-<br />
-<a href="./download.html">Download</a>
-<br />
-<a href="./links.html">Links</a>
-<br />
-<br />
-<a href="mailto:webmaster@mysite.org">Webmaster</a><br />
-</td>
-<td valign="top">
-<h1>Foo Site</h1>
-<p>
-Welcome visitors to my humble site. You can find downloads in the
-<a href="./download.html"> downloads section</a> and links in the
-<a href="./links.html">links section</a>.
-</p>
-</td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/bolding/links.html

-<html>
-<head>
-<title>Links</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-<table width="99%" summary="">
-<tr>
-<td valign="top" width="20%" class="navbar">
-<a href="./">Main</a>
-<br />
-<a href="./download.html">Download</a>
-<br />
-<b>Links</b>
-<br />
-<br />
-<a href="mailto:webmaster@mysite.org">Webmaster</a><br />
-</td>
-<td valign="top">
-<h1>Links</h1>
-<p>
-<a href="http://linuxclub.il.eu.org/">The Haifa Linux Club</a>
-</p>
-<p>
-<a href="http://www.google.com/">Google</a>
-</p>
-<p>
-<a href="http://thewml.org/">The Website Meta Language</a>
-</p>
-</td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/bolding/style.css

-td.navbar { background-color : pink }

vipe/lecture/WebMetaLecture/rendered/common_look/download.html

-<html>
-<head>
-<title>Downloads</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-<table width="99%" summary="">
-<tr>
-<td valign="top" width="20%" class="navbar">
-<a href="./">Main</a><br />
-<a href="./download.html">Download</a><br />
-<a href="./links.html">Links</a><br />
-<br />
-<a href="mailto:webmaster@mysite.org">Webmaster</a><br />
-</td>
-<td valign="top">
-<h1>Downloads</h1>
-<p>
-<a href="my-non-existent-archive.tar.gz">A polynomial solution for the
-travelling salesman problem.</a>
-</p>
-<p>
-<a href="my-document.pdf">Proof of the Goldbach Conjecture</a>
-</p>
-</td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/common_look/index.html

-<html>
-<head>
-<title>Foo Site</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-<table width="99%" summary="">
-<tr>
-<td valign="top" width="20%" class="navbar">
-<a href="./">Main</a><br />
-<a href="./download.html">Download</a><br />
-<a href="./links.html">Links</a><br />
-<br />
-<a href="mailto:webmaster@mysite.org">Webmaster</a><br />
-</td>
-<td valign="top">
-<h1>Foo Site</h1>
-<p>
-Welcome visitors to my humble site. You can find downloads in the
-<a href="./download.html"> downloads section</a> and links in the
-<a href="./links.html">links section</a>.
-</p>
-</td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/common_look/links.html

-<html>
-<head>
-<title>Links</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-<table width="99%" summary="">
-<tr>
-<td valign="top" width="20%" class="navbar">
-<a href="./">Main</a><br />
-<a href="./download.html">Download</a><br />
-<a href="./links.html">Links</a><br />
-<br />
-<a href="mailto:webmaster@mysite.org">Webmaster</a><br />
-</td>
-<td valign="top">
-<h1>Links</h1>
-<p>
-<a href="http://linuxclub.il.eu.org/">The Haifa Linux Club</a>
-</p>
-<p>
-<a href="http://www.google.com/">Google</a>
-</p>
-<p>
-<a href="http://thewml.org/">The Website Meta Language</a>
-</p>
-</td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/common_look/style.css

-td.navbar { background-color : pink }

vipe/lecture/WebMetaLecture/rendered/frames/download.html

-<html>
-<head>
-<title>Downloads</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-
-
-<table width="99%" summary="">
-<tr>
-<td valign="top" width="20%" class="navbar">
-<a href="./">Main</a><br />
-<b>Downloads</b><br />
-<a href="./links.html">Links</a><br />
-<br />
-<a href="mailto:webmaster@mysite.org">Webmaster</a><br />
-<br />
-<a href="./frames.html">Frames Enabled Site</a><br />
-</td>
-<td valign="top">
-
-<h1>Downloads</h1>
-<p>
-<a href="my-non-existent-archive.tar.gz">A polynomial solution for the
-travelling salesman problem.</a>
-</p>
-<p>
-<a href="my-document.pdf">Proof of the Goldbach Conjecture</a>
-</p>
-
-
-</td>
-</tr>
-</table>
-
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/frames/download.html.frames.html

-<html>
-<head>
-<title>Downloads</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-
-
-<h1>Downloads</h1>
-<p>
-<a href="my-non-existent-archive.tar.gz">A polynomial solution for the
-travelling salesman problem.</a>
-</p>
-<p>
-<a href="my-document.pdf">Proof of the Goldbach Conjecture</a>
-</p>
-
-
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/frames/frames.html

-<html>
-    <head>
-        <title>Foo Site - Frames Enabled Version</title>
-    </head>
-    <frameset cols="20%,80%">
-        <frame name="menu" src="navbar-frame.html" />
-        <frame name="view" src="index.html.frames.html" />
-    </frameset>
-</html>

vipe/lecture/WebMetaLecture/rendered/frames/index.html

-<html>
-<head>
-<title>Foo Site</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-
-
-<table width="99%" summary="">
-<tr>
-<td valign="top" width="20%" class="navbar">
-<b>Main</b><br />
-<a href="./download.html">Downloads</a><br />
-<a href="./links.html">Links</a><br />
-<br />
-<a href="mailto:webmaster@mysite.org">Webmaster</a><br />
-<br />
-<a href="./frames.html">Frames Enabled Site</a><br />
-</td>
-<td valign="top">
-
-<h1>Foo Site</h1>
-<p>
-Welcome visitors to my humble site. You can find downloads in the
-<a href="./download.html"> downloads section</a> and links in the
-<a href="./links.html">links section</a>.
-</p>
-
-
-</td>
-</tr>
-</table>
-
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/frames/index.html.frames.html

-<html>
-<head>
-<title>Foo Site</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-
-
-<h1>Foo Site</h1>
-<p>
-Welcome visitors to my humble site. You can find downloads in the
-<a href="./download.html"> downloads section</a> and links in the
-<a href="./links.html">links section</a>.
-</p>
-
-
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/frames/links.html

-<html>
-<head>
-<title>Links</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-
-
-<table width="99%" summary="">
-<tr>
-<td valign="top" width="20%" class="navbar">
-<a href="./">Main</a><br />
-<a href="./download.html">Downloads</a><br />
-<b>Links</b><br />
-<br />
-<a href="mailto:webmaster@mysite.org">Webmaster</a><br />
-<br />
-<a href="./frames.html">Frames Enabled Site</a><br />
-</td>
-<td valign="top">
-
-<h1>Links</h1>
-<p>
-<a href="http://linuxclub.il.eu.org/">The Haifa Linux Club</a>
-</p>
-<p>
-<a href="http://www.google.com/">Google</a>
-</p>
-<p>
-<a href="http://thewml.org/">The Website Meta Language</a>
-</p>
-
-
-</td>
-</tr>
-</table>
-
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/frames/links.html.frames.html

-<html>
-<head>
-<title>Links</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-
-
-<h1>Links</h1>
-<p>
-<a href="http://linuxclub.il.eu.org/">The Haifa Linux Club</a>
-</p>
-<p>
-<a href="http://www.google.com/">Google</a>
-</p>
-<p>
-<a href="http://thewml.org/">The Website Meta Language</a>
-</p>
-
-
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/frames/navbar-frame.html

-<html>
-<head>
-<title>Navigation Bar</title>
-</head>
-<body bgcolor="pink">
-<a href="index.html.frames.html" target="view">Main</a>
-<br />
-<a href="download.html.frames.html" target="view">Downloads</a>
-<br />
-<a href="links.html.frames.html" target="view">Links</a>
-<br />
-<br />
-<a href="mailto:webmaster@mysite.org">Webmaster</a><br />
-<br />
-<a href="." target="_top">No Frames Version</a><br />
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/frames/style.css

-td.navbar { background-color : pink }

vipe/lecture/WebMetaLecture/rendered/meta-tag/download.html

-<html>
-<head>
-<title>Downloads</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-<table width="99%" summary="">
-<tr>
-<td valign="top" width="20%" class="navbar">
-<a href="./">Main</a><br />
-<b>Downloads</b><br />
-<a href="./links.html">Links</a><br />
-<br />
-<a href="mailto:webmaster@mysite.org">Webmaster</a><br />
-</td>
-<td valign="top">
-<h1>Downloads</h1>
-<p>
-<a href="my-non-existent-archive.tar.gz">A polynomial solution for the
-travelling salesman problem.</a>
-</p>
-<p>
-<a href="my-document.pdf">Proof of the Goldbach Conjecture</a>
-</p>
-</td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/meta-tag/index.html

-<html>
-<head>
-<title>Foo Site</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-<table width="99%" summary="">
-<tr>
-<td valign="top" width="20%" class="navbar">
-<b>Main</b><br />
-<a href="./download.html">Downloads</a><br />
-<a href="./links.html">Links</a><br />
-<br />
-<a href="mailto:webmaster@mysite.org">Webmaster</a><br />
-</td>
-<td valign="top">
-<h1>Foo Site</h1>
-<p>
-Welcome visitors to my humble site. You can find downloads in the
-<a href="./download.html"> downloads section</a> and links in the
-<a href="./links.html">links section</a>.
-</p>
-</td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/meta-tag/links.html

-<html>
-<head>
-<title>Links</title>
-<link rel="StyleSheet" href="./style.css" type="text/css" />
-</head>
-<body>
-<table width="99%" summary="">
-<tr>
-<td valign="top" width="20%" class="navbar">
-<a href="./">Main</a><br />
-<a href="./download.html">Downloads</a><br />
-<b>Links</b><br />
-<br />
-<a href="mailto:webmaster@mysite.org">Webmaster</a><br />
-</td>
-<td valign="top">
-<h1>Links</h1>
-<p>
-<a href="http://linuxclub.il.eu.org/">The Haifa Linux Club</a>
-</p>
-<p>
-<a href="http://www.google.com/">Google</a>
-</p>
-<p>
-<a href="http://thewml.org/">The Website Meta Language</a>
-</p>
-</td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/rendered/meta-tag/style.css

-td.navbar { background-color : pink }

vipe/lecture/WebMetaLecture/slides/apis/grid.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-grid
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./" class="nav">Previous</a></td>
-<td>
-<a href="./toc.html" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-9.1 grid
-</h1>
-<h3 class="notbold">
-<ul>
-<li>
-<tt>grid</tt> is an abstraction around the HTML table.
-</li>
-</ul>
-</h3>
-<p>
-<table class="mycode" summary="">
-<tr class="mycode">
-<td class="mycode">
-<pre class="mycode">
-<font color="#a020f0">#use</font><font color="#ff00ff"> wml::std::grid</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>grid</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>layout</b></font><font color="#008b8b">=</font><font color="#ff00ff">2x3</font><font color="#008b8b"> </font><font color="#2e8b57"><b>align</b></font><font color="#008b8b">=</font><font color="#ff00ff">lr</font><font color="#008b8b"> </font><font color="#2e8b57"><b>valign</b></font><font color="#008b8b">=</font><font color="#ff00ff">tbb</font><font color="#008b8b"> </font><font color="#2e8b57"><b>border</b></font><font color="#008b8b">=</font><font color="#ff00ff">1</font><font color="#008b8b">&gt;</font>
-    <font color="#008b8b">&lt;</font><font color="#a52a2a"><b>cell</b></font><font color="#008b8b">&gt;</font>Header 1<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>cell</b></font><font color="#008b8b">&gt;</font> <font color="#008b8b">&lt;</font><font color="#a52a2a"><b>cell</b></font><font color="#008b8b">&gt;</font>Header 2<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>cell</b></font><font color="#008b8b">&gt;</font>
-    <font color="#008b8b">&lt;</font><font color="#a52a2a"><b>cell</b></font><font color="#008b8b">&gt;</font>Cell-A<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>cell</b></font><font color="#008b8b">&gt;</font>   <font color="#008b8b">&lt;</font><font color="#a52a2a"><b>cell</b></font><font color="#008b8b">&gt;</font>Cell-B<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>cell</b></font><font color="#008b8b">&gt;</font>
-    <font color="#008b8b">&lt;</font><font color="#a52a2a"><b>cell</b></font><font color="#008b8b">&gt;</font>Cell-C<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>cell</b></font><font color="#008b8b">&gt;</font>   <font color="#008b8b">&lt;</font><font color="#a52a2a"><b>cell</b></font><font color="#008b8b">&gt;</font>Cell-D<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>cell</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>grid</b></font><font color="#008b8b">&gt;</font>
-
-</pre>
-</td>
-</tr>
-</table>
-</p>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./" class="nav">Previous</a></td>
-<td>
-<a href="./toc.html" class="nav">Next</a></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/apis/index.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-Demonstrating Some APIs
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="../" class="nav">Contents</a></td>
-<td>
-<a href="../" class="nav">Up</a></td>
-<td>
-<a href="../faq-l/index_answers.html" class="nav">Previous</a></td>
-<td>
-<a href="grid.html" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-9 Demonstrating Some APIs
-</h1>
-<h3 class="notbold">
-<ul>
-<li>
-WML ships with many built-in APIs that can be used to simplify some web-design
-tasks.
-</li>
-<li>
-This section will demonstrate two of them.
-</li>
-</ul>
-</h3>
-<ul class="contentsmain">
-<li><a href="./grid.html" class="contents">9.1 grid</a>
-</li><li><a href="./toc.html" class="contents">9.2 toc</a>
-</li></ul>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="../" class="nav">Contents</a></td>
-<td>
-<a href="../" class="nav">Up</a></td>
-<td>
-<a href="../faq-l/index_answers.html" class="nav">Previous</a></td>
-<td>
-<a href="grid.html" class="nav">Next</a></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/apis/toc.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-toc
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./grid.html" class="nav">Previous</a></td>
-<td>
-<b class="nav">Next</b></td>
-</tr>
-</table>
-<h1>
-9.2 toc
-</h1>
-<h3 class="notbold">
-<ul>
-<li>
-<tt>toc</tt> automatically creates a table of contents from the
-<tt>&lt;h1&gt;</tt>, <tt>&lt;h2&gt;</tt>, etc. headers found in the HTML.
-</li>
-</ul>
-</h3>
-<p>
-<table class="mycode" summary="">
-<tr class="mycode">
-<td class="mycode">
-<pre class="mycode">
-<font color="#a020f0">#use</font><font color="#ff00ff"> wml::std::toc</font>
-<font color="#a020f0">#use</font><font color="#ff00ff"> wml::std::page</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>page</b></font><font color="#008b8b"> /&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>h1</b></font><font color="#008b8b">&gt;</font>My Page<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>h1</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-This is my page
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>h2</b></font><font color="#008b8b">&gt;</font>Section 1<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>h2</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-This is section 1
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>h2</b></font><font color="#008b8b">&gt;</font>Section 2<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>h2</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-This is section 2
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>h3</b></font><font color="#008b8b">&gt;</font>Sub-section 2.1<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>h3</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-This is a subsection
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>toc</b></font><font color="#008b8b"> /&gt;</font>
-
-</pre>
-</td>
-</tr>
-</table>
-</p>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./grid.html" class="nav">Previous</a></td>
-<td>
-<b class="nav">Next</b></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/bolding/final.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-The New Final Site
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./template.html" class="nav">Previous</a></td>
-<td>
-<a href="./../meta-tag/" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-5.2 The New Final Site
-</h1>
-<p>
-Check
-<a href="http://vipe.technion.ac.il/~shlomif/lecture/WebMetaLecture/rendered/bolding/">here</a>
-.
-</p>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./template.html" class="nav">Previous</a></td>
-<td>
-<a href="./../meta-tag/" class="nav">Next</a></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/bolding/index.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-Example 2 : Bolding the NavBar entry of the Existing Page
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="../" class="nav">Contents</a></td>
-<td>
-<a href="../" class="nav">Up</a></td>
-<td>
-<a href="../common_look/final.html" class="nav">Previous</a></td>
-<td>
-<a href="template.html" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-5 Example 2 : Bolding the NavBar entry of the Existing Page
-</h1>
-<h3 class="notbold">
-<ul>
-<li>
-In this example we will cause the navigation bar entry of the currently
-viewed page to be bolded, and its link disabled.
-</li>
-<li>
-All the source files remain the same except for <tt>template.wml</tt>.
-</li>
-</ul>
-</h3>
-<ul class="contentsmain">
-<li><a href="./template.html" class="contents">5.1 The New Template File</a>
-</li><li><a href="./final.html" class="contents">5.2 The New Final Site</a>
-</li></ul>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="../" class="nav">Contents</a></td>
-<td>
-<a href="../" class="nav">Up</a></td>
-<td>
-<a href="../common_look/final.html" class="nav">Previous</a></td>
-<td>
-<a href="template.html" class="nav">Next</a></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/bolding/template.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-The New Template File
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./" class="nav">Previous</a></td>
-<td>
-<a href="./final.html" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-5.1 The New Template File
-</h1>
-<p>
-<table class="mycode" summary="">
-<tr class="mycode">
-<td class="mycode">
-<pre class="mycode">
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>html</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>head</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>title</b></font><font color="#008b8b">&gt;</font>&#123;#SUBJECT_LOC#&#125;<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>title</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>link</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>rel</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;StyleSheet&quot;</font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;&#036;(ROOT)/style.css&quot;</font><font color="#008b8b"> </font><font color="#2e8b57"><b>type</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;text/css&quot;</font><font color="#008b8b"> /&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>head</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>body</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>table</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>width</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;99%&quot;</font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>tr</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>td</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>valign</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;top&quot;</font><font color="#008b8b"> </font><font color="#2e8b57"><b>width</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;20%&quot;</font><font color="#008b8b"> </font><font color="#2e8b57"><b>class</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;navbar&quot;</font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font>ifneq<font color="#008b8b"> </font><font color="#ff00ff">&quot;&#036;(FILENAME)&quot;</font><font color="#008b8b"> </font><font color="#ff00ff">&quot;index.html&quot;</font><font color="#008b8b"> </font>
-<font color="#008b8b">    </font><font color="#ff00ff">&quot;&lt;a href=&quot;</font><font color="#008b8b">&#036;(ROOT)/</font><font color="#ff00ff">&quot;&gt;Main&lt;/a&gt;&quot;</font><font color="#008b8b"> </font>
-<font color="#008b8b">    </font><font color="#ff00ff">&quot;&lt;b&gt;Main&lt;/b&gt;&quot;</font><font color="#008b8b"> </font>
-<font color="#008b8b">    /&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>br</b></font><font color="#008b8b"> /&gt;</font>
-<font color="#008b8b">&lt;</font>ifneq<font color="#008b8b"> </font><font color="#ff00ff">&quot;&#036;(FILENAME)&quot;</font><font color="#008b8b"> </font><font color="#ff00ff">&quot;download.html&quot;</font><font color="#008b8b"> </font>
-<font color="#008b8b">    </font><font color="#ff00ff">&quot;&lt;a href=&quot;</font><font color="#008b8b">&#036;(ROOT)/download.html</font><font color="#ff00ff">&quot;&gt;Download&lt;/a&gt;&quot;</font><font color="#008b8b"> </font>
-<font color="#008b8b">    </font><font color="#ff00ff">&quot;&lt;b&gt;Download&lt;/b&gt;&quot;</font><font color="#008b8b"> </font>
-<font color="#008b8b">    /&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>br</b></font><font color="#008b8b"> /&gt;</font>
-<font color="#008b8b">&lt;</font>ifneq<font color="#008b8b"> </font><font color="#ff00ff">&quot;&#036;(FILENAME)&quot;</font><font color="#008b8b"> </font><font color="#ff00ff">&quot;links.html&quot;</font><font color="#008b8b"> </font>
-<font color="#008b8b">    </font><font color="#ff00ff">&quot;&lt;a href=&quot;</font><font color="#008b8b">&#036;(ROOT)/links.html</font><font color="#ff00ff">&quot;&gt;Links&lt;/a&gt;&quot;</font><font color="#008b8b"> </font>
-<font color="#008b8b">    </font><font color="#ff00ff">&quot;&lt;b&gt;Links&lt;/b&gt;&quot;</font><font color="#008b8b"> </font>
-<font color="#008b8b">    /&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>br</b></font><font color="#008b8b"> /&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>br</b></font><font color="#008b8b"> /&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;mailto:webmaster@mysite.org&quot;</font><font color="#008b8b">&gt;</font>Webmaster<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font><font color="#008b8b">&lt;</font><font color="#a52a2a"><b>br</b></font><font color="#008b8b"> /&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>td</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>td</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>valign</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;top&quot;</font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>h1</b></font><font color="#008b8b">&gt;</font>&#123;#SUBJECT_LOC#&#125;<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>h1</b></font><font color="#008b8b">&gt;</font>
-&#123;#BODY#&#125;
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>td</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>tr</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>table</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>body</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>html</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b"> subject&gt;</font>
-&#123;#SUBJECT_LOC#:%0:##&#125;
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#0000ff">#   per default we are in body</font>
-&#123;#BODY#:
-</pre>
-</td>
-</tr>
-</table>
-</p>
-<h2>Explanation</h2>
-<p>
-<tt>&lt;ifneq ...&gt;</tt> compares its first two arguments - if they are
-not equal, it expands to its third argument, else it expands to its fourth.
-There's also <tt>&lt;ifeq ... &gt;</tt>.
-</p>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./" class="nav">Previous</a></td>
-<td>
-<a href="./final.html" class="nav">Next</a></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/common_look/final.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-The Final Site
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./makefile.html" class="nav">Previous</a></td>
-<td>
-<a href="./../bolding/" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-4.4 The Final Site
-</h1>
-<p>
-Check
-<a href="http://vipe.technion.ac.il/~shlomif/lecture/WebMetaLecture/rendered/common_look/">here</a>
-.
-</p>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./makefile.html" class="nav">Previous</a></td>
-<td>
-<a href="./../bolding/" class="nav">Next</a></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/common_look/index.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-Example 1 : Common Look and Feel
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="../" class="nav">Contents</a></td>
-<td>
-<a href="../" class="nav">Up</a></td>
-<td>
-<a href="../html_is_wml.html" class="nav">Previous</a></td>
-<td>
-<a href="template.html" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-4 Example 1 : Common Look and Feel
-</h1>
-<h3 class="notbold">
-<ul>
-<li>
-In this example we will build a sample site with all the pages having
-a common look and feel.
-</li>
-<li>
-We will use WML to generate the pages and GNU Make as the glue
-to generate them.
-</li>
-</ul>
-</h3>
-<ul class="contentsmain">
-<li><a href="./template.html" class="contents">4.1 The Template File</a>
-</li><li><a href="./pages.html" class="contents">4.2 The Individual Pages</a>
-</li><li><a href="./makefile.html" class="contents">4.3 The Makefile</a>
-</li><li><a href="./final.html" class="contents">4.4 The Final Site</a>
-</li></ul>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="../" class="nav">Contents</a></td>
-<td>
-<a href="../" class="nav">Up</a></td>
-<td>
-<a href="../html_is_wml.html" class="nav">Previous</a></td>
-<td>
-<a href="template.html" class="nav">Next</a></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/common_look/makefile.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-The Makefile
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./pages.html" class="nav">Previous</a></td>
-<td>
-<a href="./final.html" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-4.3 The Makefile
-</h1>
-<p>
-<table class="mycode" summary="">
-<tr class="mycode">
-<td class="mycode">
-<pre class="mycode">
-<font color="#008b8b">D </font>= dest
-
-<font color="#008b8b">TARGETS </font>= <font color="#008b8b">&#036;(D)</font>/index.html <font color="#008b8b">&#036;(D)</font>/links.html <font color="#008b8b">&#036;(D)</font>/download.html
-<font color="#008b8b">IMAGES </font>= <font color="#008b8b">&#036;(D)</font>/style.css
-
-<font color="#008b8b">all</font>: <font color="#008b8b">&#036;(TARGETS)</font> <font color="#008b8b">&#036;(IMAGES)</font>
-
-<font color="#0000ff"># This flag makes sure WML generates XHTML output</font>
-<font color="#008b8b">WML_FLAGS </font>= --passoption=2,-X
-
-<font color="#0000ff"># This flag sets ROOT to be the current directory</font>
-<font color="#008b8b">WML_FLAGS </font>+= -D ROOT~.
-
-<font color="#008b8b">&#036;(TARGETS)</font><font color="#008b8b"> </font>:: <font color="#008b8b">&#036;(D)</font>/<font color="#008b8b">%</font> : <font color="#008b8b">%</font>.wml template.wml
-    wml <font color="#008b8b">&#036;(WML_FLAGS)</font> -DFILENAME=<font color="#ff00ff">&quot;</font><font color="#008b8b">&#036;(</font><font color="#a52a2a"><b>notdir</b></font><font color="#008b8b"> &#036;@)</font><font color="#ff00ff">&quot;</font> <font color="#008b8b">&#036;&lt;</font> &gt; <font color="#008b8b">&#036;@</font>
-
-<font color="#008b8b">&#036;(IMAGES)</font><font color="#008b8b"> </font>:: <font color="#008b8b">&#036;(D)</font>/<font color="#008b8b">%</font> : <font color="#008b8b">%</font>
-    cp -f <font color="#008b8b">&#036;&lt;</font> <font color="#008b8b">&#036;@</font>
-</pre>
-</td>
-</tr>
-</table>
-</p>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./pages.html" class="nav">Previous</a></td>
-<td>
-<a href="./final.html" class="nav">Next</a></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/common_look/pages.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-The Individual Pages
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./template.html" class="nav">Previous</a></td>
-<td>
-<a href="./makefile.html" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-4.2 The Individual Pages
-</h1>
-<h2>index.html.wml</h2>
-<p>
-<table class="mycode" summary="">
-<tr class="mycode">
-<td class="mycode">
-<pre class="mycode">
-<font color="#0000ff">#include 'template.wml'</font>
-
-<font color="#008b8b">&lt;</font>subject<font color="#008b8b"> </font><font color="#ff00ff">&quot;Foo Site&quot;</font><font color="#008b8b"> /&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-Welcome visitors to my humble site. You can find downloads in the
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;&#036;(ROOT)/download.html&quot;</font><font color="#008b8b">&gt;</font> downloads section<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font> and links in the
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;&#036;(ROOT)/links.html&quot;</font><font color="#008b8b">&gt;</font>links section<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font>.
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-
-
-</pre>
-</td>
-</tr>
-</table>
-</p>
-<h2>links.html.wml</h2>
-<p>
-<table class="mycode" summary="">
-<tr class="mycode">
-<td class="mycode">
-<pre class="mycode">
-<font color="#0000ff">#include 'template.wml'</font>
-
-<font color="#008b8b">&lt;</font>subject<font color="#008b8b"> </font><font color="#ff00ff">&quot;Links&quot;</font><font color="#008b8b"> /&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;http://linuxclub.il.eu.org/&quot;</font><font color="#008b8b">&gt;</font>The Haifa Linux Club<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;http://www.google.com/&quot;</font><font color="#008b8b">&gt;</font>Google<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;http://thewml.org/&quot;</font><font color="#008b8b">&gt;</font>The Website Meta Language<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-
-</pre>
-</td>
-</tr>
-</table>
-</p>
-<h2>download.html.wml</h2>
-<p>
-<table class="mycode" summary="">
-<tr class="mycode">
-<td class="mycode">
-<pre class="mycode">
-<font color="#0000ff">#include 'template.wml'</font>
-
-<font color="#008b8b">&lt;</font>subject<font color="#008b8b"> </font><font color="#ff00ff">&quot;Downloads&quot;</font><font color="#008b8b"> /&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;my-non-existent-archive.tar.gz&quot;</font><font color="#008b8b">&gt;</font>A polynomial solution for the
-travelling salesman problem.<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;my-document.pdf&quot;</font><font color="#008b8b">&gt;</font>Proof of the Goldbach Cojecture<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-
-</pre>
-</td>
-</tr>
-</table>
-</p>
-<h2>Explanation</h2>
-<p>
-<ul>
-<li>
-The <tt>#include 'template.wml'</tt> directive instructs ipp to
-include the template.wml file (a la C's #include directive)
-</li>
-<li>
-The <tt>&lt;subject "My Subject" /&gt;</tt> meta-tag was declared in
-the template file.
-</li>
-</ul>
-</p>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./template.html" class="nav">Previous</a></td>
-<td>
-<a href="./makefile.html" class="nav">Next</a></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/common_look/template.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-The Template File
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./" class="nav">Previous</a></td>
-<td>
-<a href="./pages.html" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-4.1 The Template File
-</h1>
-<table class="mycode" summary="">
-<tr class="mycode">
-<td class="mycode">
-<pre class="mycode">
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>html</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>head</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>title</b></font><font color="#008b8b">&gt;</font>&#123;#SUBJECT_LOC#&#125;<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>title</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>link</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>rel</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;StyleSheet&quot;</font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;&#036;(ROOT)/style.css&quot;</font><font color="#008b8b"> </font><font color="#2e8b57"><b>type</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;text/css&quot;</font><font color="#008b8b"> /&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>head</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>body</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>table</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>width</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;99%&quot;</font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>tr</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>td</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>valign</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;top&quot;</font><font color="#008b8b"> </font><font color="#2e8b57"><b>width</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;20%&quot;</font><font color="#008b8b"> </font><font color="#2e8b57"><b>class</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;navbar&quot;</font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;&#036;(ROOT)/&quot;</font><font color="#008b8b">&gt;</font>Main<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font><font color="#008b8b">&lt;</font><font color="#a52a2a"><b>br</b></font><font color="#008b8b"> /&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;&#036;(ROOT)/download.html&quot;</font><font color="#008b8b">&gt;</font>Download<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font><font color="#008b8b">&lt;</font><font color="#a52a2a"><b>br</b></font><font color="#008b8b"> /&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;&#036;(ROOT)/links.html&quot;</font><font color="#008b8b">&gt;</font>Links<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font><font color="#008b8b">&lt;</font><font color="#a52a2a"><b>br</b></font><font color="#008b8b"> /&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>br</b></font><font color="#008b8b"> /&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;mailto:webmaster@mysite.org&quot;</font><font color="#008b8b">&gt;</font>Webmaster<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font><font color="#008b8b">&lt;</font><font color="#a52a2a"><b>br</b></font><font color="#008b8b"> /&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>td</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>td</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>valign</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;top&quot;</font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>h1</b></font><font color="#008b8b">&gt;</font>&#123;#SUBJECT_LOC#&#125;<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>h1</b></font><font color="#008b8b">&gt;</font>
-&#123;#BODY#&#125;
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>td</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>tr</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>table</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>body</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>html</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b"> subject&gt;</font>
-&#123;#SUBJECT_LOC#:&#037;0:##&#125;
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#0000ff">&#035;   per default we are in body</font>
-&#123;#BODY#:
-</pre>
-</td>
-</tr>
-</table>
-<p>
-<h3 class="notbold">
-<ul>
-<li>
-&#123;# ... #&#125; are the mechanisms used to define and place diverted texts.
-</li>
-<li>
-%0 is the first parameter given to the <tt>subject</tt> meta-tag.
-</li>
-<li>
-&#036;(ROOT) is an ipp variable used to define the path to the base directory
-of the site.
-</li>
-</ul>
-</h3>
-</p>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./" class="nav">Previous</a></td>
-<td>
-<a href="./pages.html" class="nav">Next</a></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/faq-l/api.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-api.wml - the code
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./questions.html" class="nav">Previous</a></td>
-<td>
-<a href="./index_answers.html" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-8.2 api.wml - the code
-</h1>
-<p>
-<table class="mycode" summary="">
-<tr class="mycode">
-<td class="mycode">
-<pre class="mycode">
-&lt;:&#123;
-<font color="#008b8b">use</font> <font color="#008b8b">vars</font> <font color="#008b8b">qw</font>(<font color="#008b8b">@question_number</font>);
-
-<font color="#008b8b">@question_number</font>=(<font color="#ff00ff">0</font>);
-&#125;:&gt;
-
-&#059;&#059;&#059; Perl code here:
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b"> next-question&gt;</font>&lt;:&#123;
-    <font color="#a52a2a"><b>my</b></font> <font color="#008b8b">&#036;temp</font> = <font color="#a52a2a"><b>pop</b></font>(<font color="#008b8b">@question_number</font>)<font color="#ff00ff">+1</font>;
-    <font color="#a52a2a"><b>push</b></font> <font color="#008b8b">@question_number</font>, <font color="#008b8b">&#036;temp</font>;
-    <font color="#a52a2a"><b>my</b></font> <font color="#008b8b">&#036;qn_text</font> = <font color="#a52a2a"><b>join</b></font>(<font color="#ff00ff">&quot;</font><font color="#ff00ff">.</font><font color="#ff00ff">&quot;</font>, <font color="#008b8b">@question_number</font>);
-    <font color="#a52a2a"><b>print</b></font> <font color="#008b8b">&#036;qn_text</font>;
-&#125;:&gt;<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b">&gt;</font>
-
-&#059;&#059;&#059; Perl code here:
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b"> promote&gt;</font>&lt;:&#123;
-    <font color="#a52a2a"><b>push</b></font> <font color="#008b8b">@question_number</font>, <font color="#ff00ff">0</font>;
-    <font color="#a52a2a"><b>my</b></font> <font color="#008b8b">&#036;qn_text</font> = <font color="#a52a2a"><b>join</b></font>(<font color="#ff00ff">&quot;</font><font color="#ff00ff">.</font><font color="#ff00ff">&quot;</font>, <font color="#008b8b">@question_number</font>);
-&#125;:&gt;<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b">&gt;</font>
-
-&#059;&#059;&#059; Perl code here:
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b"> demote&gt;</font>&lt;:&#123;
-    <font color="#a52a2a"><b>pop</b></font>(<font color="#008b8b">@question_number</font>);
-    <font color="#a52a2a"><b>my</b></font> <font color="#008b8b">&#036;qn_text</font> = <font color="#a52a2a"><b>join</b></font>(<font color="#ff00ff">&quot;</font><font color="#ff00ff">.</font><font color="#ff00ff">&quot;</font>, <font color="#008b8b">@question_number</font>);
-&#125;:&gt;<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b">&gt;</font>
-
-
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b"> question endtag=</font><font color="#ff00ff">&quot;required&quot;</font><font color="#008b8b">&gt;</font>
-&#059;&#059;&#059; Define anchor to be the first argument
-<font color="#008b8b">&lt;</font>preserve<font color="#008b8b"> anchor /&gt;</font>
-&#059;&#059;&#059; Define title to be the second argument
-<font color="#008b8b">&lt;</font>preserve<font color="#008b8b"> title /&gt;</font>
-
-&#059;&#059;&#059; This statement is required to actually set
-&#059;&#059;&#059; anchor and title to a proper value
-<font color="#008b8b">&lt;</font>set-<font color="#a52a2a"><b>var</b></font><font color="#008b8b"> %attributes /&gt;</font>
-
-&#059;&#059;&#059; next-question is defined above
-<font color="#008b8b">&lt;</font>set-<font color="#a52a2a"><b>var</b></font><font color="#008b8b"> question-number=</font><font color="#ff00ff">&quot;&lt;next-question /&gt;&quot;</font><font color="#008b8b"> /&gt;</font>
-
-<font color="#008b8b">&lt;</font>if<font color="#008b8b"> </font><span style="background-color: #ff0000"><font color="#ffffff">&lt;</font></span><font color="#008b8b">get-var render-body /&gt;</font>
-&#059;&#059;&#059; If the question should be rendered.
-    &quot;<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>name</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;&lt;get-var anchor /&gt;&quot;</font><font color="#008b8b">&gt;</font><font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font>
-        <font color="#008b8b">&lt;</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;&lt;</font><font color="#a52a2a"><b>b</b></font><font color="#008b8b">&gt;&lt;</font>get-<font color="#a52a2a"><b>var</b></font><font color="#008b8b"> question-number /&gt;</font>. <font color="#008b8b">&lt;</font>get-<font color="#a52a2a"><b>var</b></font><font color="#008b8b"> title /&gt;</font><font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>b</b></font><font color="#008b8b">&gt;&lt;/</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-        %body
-        &quot;
-&#059;&#059;&#059; If not
-    &quot;<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b"> </font><font color="#2e8b57"><b>href</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;answers.html#&lt;get-var anchor /&gt;&quot;</font><font color="#008b8b">&gt;&lt;</font>get-<font color="#a52a2a"><b>var</b></font><font color="#008b8b"> question-number /&gt;</font>. <font color="#008b8b">&lt;</font>get-<font color="#a52a2a"><b>var</b></font><font color="#008b8b"> title /&gt;</font><font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>a</b></font><font color="#008b8b">&gt;</font><font color="#008b8b">&lt;</font><font color="#a52a2a"><b>br</b></font><font color="#008b8b"> /&gt;</font>&quot;
-    /<span style="background-color: #ff0000"><font color="#ffffff">&gt;</font></span>
-&#059;&#059;&#059; Restore their previous values
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>restore</b></font><font color="#008b8b"> title /&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>restore</b></font><font color="#008b8b"> anchor /&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b">&gt;</font>
-</pre>
-</td>
-</tr>
-</table>
-</p>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./questions.html" class="nav">Previous</a></td>
-<td>
-<a href="./index_answers.html" class="nav">Next</a></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/faq-l/index.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-Example 5 : An FAQ List
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="../" class="nav">Contents</a></td>
-<td>
-<a href="../" class="nav">Up</a></td>
-<td>
-<a href="../frames/final.html" class="nav">Previous</a></td>
-<td>
-<a href="questions.html" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-8 Example 5 : An FAQ List
-</h1>
-<h3 class="notbold">
-<ul>
-<li>
-In this example (which is not related to the previous ones) we will create a
-list of frequently-asked questions with a separate page for the questions
-and a separate one for the answers.
-</li>
-<li>
-This time we will use Perl to program the tags.
-</li>
-</ul>
-</h3>
-<ul class="contentsmain">
-<li><a href="./questions.html" class="contents">8.1 questions.wml - the data</a>
-</li><li><a href="./api.html" class="contents">8.2 api.wml - the code</a>
-</li><li><a href="./index_answers.html" class="contents">8.3 index.html.wml and answers.html.wml</a>
-</li></ul>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="../" class="nav">Contents</a></td>
-<td>
-<a href="../" class="nav">Up</a></td>
-<td>
-<a href="../frames/final.html" class="nav">Previous</a></td>
-<td>
-<a href="questions.html" class="nav">Next</a></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/faq-l/index_answers.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-index.html.wml and answers.html.wml
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./api.html" class="nav">Previous</a></td>
-<td>
-<a href="./../apis/" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-8.3 index.html.wml and answers.html.wml
-</h1>
-<h2>index.html.wml</h2>
-<p>
-<table class="mycode" summary="">
-<tr class="mycode">
-<td class="mycode">
-<pre class="mycode">
-<font color="#0000ff">#include &quot;api.wml&quot;</font>
-
-<font color="#0000ff">#include &quot;questions.wml&quot;</font>
-</pre>
-</td>
-</tr>
-</table>
-</p>
-<h2>answers.html.wml</h2>
-<p>
-<table class="mycode" summary="">
-<tr class="mycode">
-<td class="mycode">
-<pre class="mycode">
-<font color="#0000ff">#include &quot;api.wml&quot;</font>
-
-<font color="#008b8b">&lt;</font>set-<font color="#a52a2a"><b>var</b></font><font color="#008b8b"> render-body=</font><font color="#ff00ff">&quot;yes&quot;</font><font color="#008b8b"> /&gt;</font>
-
-<font color="#0000ff">#include &quot;questions.wml&quot;</font>
-</pre>
-</td>
-</tr>
-</table>
-</p>
-<hr />
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./api.html" class="nav">Previous</a></td>
-<td>
-<a href="./../apis/" class="nav">Next</a></td>
-</tr>
-</table>
-</body>
-</html>

vipe/lecture/WebMetaLecture/slides/faq-l/questions.html

-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
-     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-     "DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="StyleSheet" href="../style.css" type="text/css" />
-<title>
-questions.wml - the data
-</title>
-</head>
-<body>
-<table summary="">
-<tr>
-<td>
-<a href="./../" class="nav">Contents</a></td>
-<td>
-<a href="./" class="nav">Up</a></td>
-<td>
-<a href="./" class="nav">Previous</a></td>
-<td>
-<a href="./api.html" class="nav">Next</a></td>
-</tr>
-</table>
-<h1>
-8.1 questions.wml - the data
-</h1>
-<p>
-<table class="mycode" summary="">
-<tr class="mycode">
-<td class="mycode">
-<pre class="mycode">
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b"> mytitle&gt;</font>
-The Pi FAQ - <font color="#008b8b">&lt;</font>if<font color="#008b8b"> </font><span style="background-color: #ff0000"><font color="#ffffff">&lt;</font></span><font color="#008b8b">get-var render-body /&gt;</font> &quot;Answers&quot; &quot;Table of Contents&quot; /<span style="background-color: #ff0000"><font color="#ffffff">&gt;</font></span>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>define-tag</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>html</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>head</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>title</b></font><font color="#008b8b">&gt;&lt;</font>mytitle<font color="#008b8b"> /&gt;</font><font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>title</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>head</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>h1</b></font><font color="#008b8b">&gt;&lt;</font>mytitle<font color="#008b8b"> /&gt;</font><font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>h1</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font>question<font color="#008b8b"> anchor=</font><font color="#ff00ff">&quot;what_is&quot;</font><font color="#008b8b"> </font><font color="#2e8b57"><b>title</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;What is Pi?&quot;</font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-Pi is the sum of the infinite series 1 - 1/3 + 1/5 - 1/7 + 1/9 - 1/11...
-multiplied by 4.
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;/</font>question<font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font>question<font color="#008b8b"> anchor=</font><font color="#ff00ff">&quot;how_much&quot;</font><font color="#008b8b"> </font><font color="#2e8b57"><b>title</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;How much is Pi, approximately?&quot;</font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-The value of Pi varies according to the radius of the circle, so it's
-hard to tell.
-<font color="#008b8b">&lt;/</font><font color="#a52a2a"><b>p</b></font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font>question<font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font>question<font color="#008b8b"> anchor=</font><font color="#ff00ff">&quot;approx&quot;</font><font color="#008b8b"> </font><font color="#2e8b57"><b>title</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;Approximating Pi&quot;</font><font color="#008b8b">&gt;</font>
-<font color="#008b8b">&lt;/</font>question<font color="#008b8b">&gt;</font>
-
-<font color="#008b8b">&lt;</font>promote<font color="#008b8b"> /&gt;</font>
-
-<font color="#008b8b">&lt;</font>question<font color="#008b8b"> anchor=</font><font color="#ff00ff">&quot;when_zeroes&quot;</font><font color="#008b8b"> </font>
-<font color="#008b8b">          </font><font color="#2e8b57"><b>title</b></font><font color="#008b8b">=</font><font color="#ff00ff">&quot;How many digits will I have to produce to reach a state of all-zeroes?&quot;</font><font color="#008b8b">&gt;</font>