The making of this website

<body background="../images/top.png" bgcolor="#FFFFFF"> <table width="100%" cellspacing="0" cellpadding="0" summary=""> <tr> <td align="left" valign="top" rowspan="2" width="99%"><img src="../images/toptext_jfranken.de.png" alt="jfranken.de" width="187" height="53" /></td> <td rowspan="2" align="center" valign="bottom"><img src="../images/dieseseite.en.png" alt="This page:" width="59" height="19" /></td> <td rowspan="2"><img src="../images/transparentpixel.png" alt="  " width="20" height="1" align="bottom" border="0" /></td> <td align="center" valign="top"><a href="herstellung_inhalt.en.html" target="_parent"><img src="../images/empty.png" alt="no frames" border="0" width="23" height="30" /></a></td> <td rowspan="2"><img src="../images/transparentpixel.png" alt="  " width="20" height="1" align="bottom" border="0" /></td> <td align="center" valign="top"> <div title="Size: 11 kB"><a href="herstellung.en.pdf" target="_blank"><img src="../images/pdffile.png" alt="-->" border="0" width="30" height="30" /></a></div> </td> <td rowspan="2"><img src="../images/transparentpixel.png" alt="  " width="20" height="1" align="bottom" border="0" /></td> <td align="center" valign="top"><a href="herstellung.de.html" target="_top"><img src="../images/germanflag.png" alt= "-->" border="0" width="27" height="23" /></a></td> </tr> <tr> <td align="center" valign="bottom"><script type="text/javascript" language="JavaScript"> //<![CDATA[  //]]> </script> <script type="text/javascript" language="JavaScript"> //<![CDATA[  //]]> </script> <a href="herstellung_inhalt.en.html" target="_parent" onmouseover= "ro_imgOver('ro_img_unknown1', 'without frameset'); return true" onmouseout= "ro_imgNormal('ro_img_unknown1'); return true" onfocus="ro_imgOver('ro_img_unknown1', 'without frameset'); return true" onblur="ro_imgNormal('ro_img_unknown1'); return true"><img name="ro_img_unknown1" src="../images/noframes-std.en.png" alt="without frameset" width="95" height="19" border="0" /></a></td> <td align="center" valign="bottom"> <div title="Size: 11 kB"><script type="text/javascript" language="JavaScript"> //<![CDATA[  //]]> </script> <a href="herstellung.en.pdf" target="_blank" onmouseover= "ro_imgOver('ro_img_unknown2', 'save as PDF'); return true" onmouseout="ro_imgNormal('ro_img_unknown2'); return true" onfocus="ro_imgOver('ro_img_unknown2', 'save as PDF'); return true" onblur= "ro_imgNormal('ro_img_unknown2'); return true"><img name="ro_img_unknown2" src="../images/PDF-std.en.png" alt= "save as PDF" width="71" height="19" border="0" /></a></div> </td> <td align="center" valign="bottom"><script type="text/javascript" language="JavaScript"> //<![CDATA[  //]]> </script> <a href="herstellung.de.html" target="_top" onmouseover= "ro_imgOver('ro_img_unknown3', 'auf Deutsch'); return true" onmouseout="ro_imgNormal('ro_img_unknown3'); return true" onfocus="ro_imgOver('ro_img_unknown3', 'auf Deutsch'); return true" onblur= "ro_imgNormal('ro_img_unknown3'); return true"><img name="ro_img_unknown3" src="../images/Sprache-std.en.png" alt= "auf Deutsch" width="69" height="19" border="0" /></a></td> </tr> </table> <h1 class="subject">The making of this website</h1> <br /> On this page we show you the tools we used to setup these pages. <ul> <li><strong>wml</strong> (See <a href="http://www.engelschall.com/sw/wml/" target= "_blank">http://www.engelschall.com/sw/wml/</a>) <blockquote><em>is a free and extensible Webdesigner's off-line HTML generation toolkit for Unix. It consists of a control frontend driving up to nine backends in a sequential pass-oriented filtering scheme. Each backend provides one particular core language. For maximum power WML additionally ships with a well-suited set of include files which provide higher-level features built on top of the backends core languages.</em></blockquote> </li>  <li><strong>debian</strong> (See <a href="http://www.debian.org/" target="_blank">http://www.debian.org/</a>) <blockquote><em>is a free operating system (OS). It comes with more than 4000 packages precompiled software and is available for almost any architecture.</em></blockquote> </li>  <li><strong>vim</strong> (See <a href="http://www.vim.org/" target="_blank">http://www.vim.org/</a>) <blockquote><em>is an improved version of the editor vi, one of the standard text editors on UNIX systems. VIM adds many of the features that you would expect in an editor: Unlimited undo, syntax coloring, split windows, visual selection, graphical user interface (read: menus, mouse control, scrollbars, text selection), and much much more.</em></blockquote> </li>  <li><strong>perl</strong> (See <a href="http://www.cpan.org/" target="_blank">http://www.cpan.org/</a>) <blockquote><em>is an interpreted language optimized for scanning arbitrary text files, extracting information from those text files, and printing reports based on that information. The language is intended to be practical rather than beautiful. It combines some of the best features of C, sed, awk, and sh.</em></blockquote> </li>  <li><strong>html2ps</strong> (See <a href="http://user.it.uu.se/~jan/html2ps.html" target= "_blank">http://user.it.uu.se/~jan/html2ps.html</a>) <blockquote><em>is an HTML to PostScript converter written in Perl. It also uses TeX.</em></blockquote> </li>  <li><strong>ghostscript</strong> (See <a href="http://www.ghostscript.com/" target= "_blank">http://www.ghostscript.com/</a>) <blockquote><em>is an interpreter for postscript files. It converts the postscript files that have been generated <kbd>html2ps</kbd> into PDF.</em></blockquote> </li>  <li><strong>TeX</strong> (See <a href="http://www.tug.org/" target="_blank">http://www.tug.org/</a>) <blockquote><em>is a text-setting-system with builtin macro language, which has been developed by Donald E. Knuth since 1977. On this website, it is used to generate the PDF-files and the navigation bar.</em></blockquote> </li>  <li><strong>HTML Tidy</strong> (See <a href="http://tidy.sourceforge.net/" target= "_blank">http://tidy.sourceforge.net/</a>) <blockquote><em>is an utility to validate SGML codes against the <a href="http://w3c.org/" target="_blank">W3C</a> specifications for HTML/XHTML/XML. Additionally it can convert, clean and pretty print those streams. We use it to convert WML's HTML4.01 output to well-formed XHTML1.0, which is a subset of XML.</em></blockquote> </li>  <li><strong>rsync</strong> (See <a href="http://rsync.samba.org/" target="_blank">http://rsync.samba.org/</a>) <blockquote><em>is a file transfer program for Unix systems which provides a fast (incremental) method for bringing remote files into sync. We use it to upload this website though a ssh tunnel to the webserver.</em></blockquote> </li>  <li><strong>openssh</strong> (See <a href="http://www.openssh.com/" target="_blank">http://www.openssh.com/</a>) <blockquote><em>is a free version of the SSH protocol suite of network connectivity tools that increasing numbers of people on the Internet are coming to rely on.</em></blockquote> </li>  <li>Software from Free Software Foundation's GNU project: <ul> <li><strong>make</strong> (See <a href="http://www.gnu.org/software/make/make.html" target= "_blank">http://www.gnu.org/software/make/make.html</a>) <blockquote><em>automatically determines which pieces of the website need to be recompiled by wml, and issues commands to recompile them.</em></blockquote> </li>  <li><strong>cvs</strong> (See <a href="http://www.gnu.org/software/cvs/cvs.html" target= "_blank">http://www.gnu.org/software/cvs/cvs.html</a>) <blockquote><em>is a version control system. It allows multiple users to concurrently edit the project files, and records the history of changes done to the sources files.</em></blockquote> </li>  <li><strong>screen</strong> (See <a href="http://www.gnu.org/software/screen/screen.html" target= "_blank">http://www.gnu.org/software/screen/screen.html</a>) <blockquote><em>is a full-screen window manager that multiplexes a physical terminal between several processes, typically interactive shells. Programs continue to run when their window is currently not visible and even when the whole screen session is detached from the users terminal.</em></blockquote> </li>  <li><strong>bash</strong> (See <a href="http://www.gnu.org/software/bash/bash.html" target= "_blank">http://www.gnu.org/software/bash/bash.html</a>) <blockquote><em>is an sh-compatible shell that incorporates useful features from the Korn shell (ksh) and C shell (csh). It offers functional improvements over sh for both programming and interactive use.</em></blockquote> </li>  <li><strong>gimp</strong> (See <a href="http://www.gimp.org/" target="_blank">http://www.gimp.org/</a>) <blockquote><em>is the GNU Image Manipulation Program. It's great for doing and automating tasks as photo retouching, image composition and image authoring.</em></blockquote> </li> </ul> </li> </ul> <div class="noprint"> <hr /> <table width="100%" summary=""> <tr> <td align="left" valign="middle"><font size="-2">$Id: herstellung.wml,v 1.19 2006/02/15 21:42:29 jfranken Exp $ <a href="herstellung.log.html">[ChangeLog]</a><br /> $Id: template.inc,v 1.82 2010-09-04 12:58:17 jfranken Exp $ <a href="../template.log.html">[ChangeLog]</a><br /> © Johannes Franken. <a href="../impressum/rechtliches.en.html" target="_parent">Imprint and disclaimer</a></font></td> <td align="right" valign="middle"><a href="http://validator.w3.org/check/referer" target="w3c"><img border="0" src= "../images/valid-xhtml10.png" alt="Valid XHTML 1.0!" width="88" height="31" /></a></td> </tr> </table> </div> <hr /> <h1>Navigation:</h1> <font size="1"><script type="text/javascript" language="JavaScript"> //<![CDATA[  //]]> </script> <script type="text/javascript" language="JavaScript"> //<![CDATA[  //]]> </script> <a href="../startseite.en.html" target="_top" onmouseover= "nb_imgOver('nb_img1_startseite', 0, ''); return true" onmouseout="nb_imgNormal('nb_img1_startseite'); return true" onfocus="nb_imgOver('nb_img1_startseite', 0, ''); return true" onblur= "nb_imgNormal('nb_img1_startseite'); return true"><img name="nb_img1_startseite" src="../images/startseite-std.en.png" border="0" alt="Home" width="52" height="26" /></a><br /> <a href="../unternehmen.en.html" target="_top" onmouseover="nb_imgOver('nb_img1_unternehmen', 0, ''); return true" onmouseout="nb_imgNormal('nb_img1_unternehmen'); return true" onfocus= "nb_imgOver('nb_img1_unternehmen', 0, ''); return true" onblur= "nb_imgNormal('nb_img1_unternehmen'); return true"><img name="nb_img1_unternehmen" src= "../images/unternehmen-std.en.png" border="0" alt="Company" width="80" height="26" /></a><br /> <a href="../homepages.en.html" target="_top" onmouseover="nb_imgOver('nb_img1_homepages', 0, ''); return true" onmouseout="nb_imgNormal('nb_img1_homepages'); return true" onfocus= "nb_imgOver('nb_img1_homepages', 0, ''); return true" onblur= "nb_imgNormal('nb_img1_homepages'); return true"><img name="nb_img1_homepages" src="../images/homepages-std.en.png" border="0" alt="Homepages" width="98" height="26" /></a><br /> <a href="../gaestebuch.en.html" target="_top" onmouseover="nb_imgOver('nb_img1_gaestebuch', 0, ''); return true" onmouseout="nb_imgNormal('nb_img1_gaestebuch'); return true" onfocus= "nb_imgOver('nb_img1_gaestebuch', 0, ''); return true" onblur= "nb_imgNormal('nb_img1_gaestebuch'); return true"><img name="nb_img1_gaestebuch" src="../images/gaestebuch-std.en.png" border="0" alt="Guestbook" width="91" height="26" /></a><br /> <a href="../impressum.en.html" target="_top" onmouseover="nb_imgOver('nb_img1_impressum', 0, ''); return true" onmouseout="nb_imgNormal('nb_img1_impressum'); return true" onfocus= "nb_imgOver('nb_img1_impressum', 0, ''); return true" onblur= "nb_imgNormal('nb_img1_impressum'); return true"><img name="nb_img1_impressum" src="../images/impressum-std.en.png" border="0" alt="About" width="54" height="26" /></a> <script type="text/javascript" language="JavaScript"> //<![CDATA[  //]]> </script> <script type="text/javascript" language="JavaScript"> //<![CDATA[  //]]> </script><br /> <img src="../images/transparentpixel.png" alt=" " width="10" height="1" align="bottom" border="0" /><a href= "../impressum/webalizer.en.html" target="_top" onmouseover="nb_imgOver('nb_img1_webalizer', 0, ''); return true" onmouseout="nb_imgNormal('nb_img1_webalizer'); return true" onfocus= "nb_imgOver('nb_img1_webalizer', 0, ''); return true" onblur= "nb_imgNormal('nb_img1_webalizer'); return true"><img name="nb_img1_webalizer" src="../images/webalizer-std.en.png" border="0" alt="Stats" width="45" height="26" /></a><br /> <img src="../images/transparentpixel.png" alt=" " width="10" height="1" align="bottom" border="0" /><a href= "../impressum/features.en.html" target="_top" onmouseover="nb_imgOver('nb_img1_features', 0, ''); return true" onmouseout="nb_imgNormal('nb_img1_features'); return true" onfocus="nb_imgOver('nb_img1_features', 0, ''); return true" onblur="nb_imgNormal('nb_img1_features'); return true"><img name="nb_img1_features" src="../images/features-std.en.png" border="0" alt="Features" width="73" height="26" /></a><br /> <img src="../images/transparentpixel.png" alt=" " width="10" height="1" align="bottom" border="0" /><img src= "../images/herstellung-sel.en.png" alt="Making*" width="64" height="26" /><br /> <img src="../images/transparentpixel.png" alt=" " width="10" height="1" align="bottom" border="0" /><a href= "../impressum/rechtliches.en.html" target="_top" onmouseover="nb_imgOver('nb_img1_rechtliches', 0, ''); return true" onmouseout="nb_imgNormal('nb_img1_rechtliches'); return true" onfocus= "nb_imgOver('nb_img1_rechtliches', 0, ''); return true" onblur= "nb_imgNormal('nb_img1_rechtliches'); return true"><img name="nb_img1_rechtliches" src= "../images/rechtliches-std.en.png" border="0" alt="Regulations" width="95" height="26" /></a><br /> <img src="../images/transparentpixel.png" alt=" " width="10" height="1" align="bottom" border="0" /><a href= "../impressum/feeds.en.html" target="_top" onmouseover="nb_imgOver('nb_img1_feeds', 0, ''); return true" onmouseout= "nb_imgNormal('nb_img1_feeds'); return true" onfocus="nb_imgOver('nb_img1_feeds', 0, ''); return true" onblur= "nb_imgNormal('nb_img1_feeds'); return true"><img name="nb_img1_feeds" src="../images/feeds-std.en.png" border="0" alt= "XML-Feeds" width="98" height="26" /></a></font><br /> <br /> <br /> <form method="get" action="http://www.google.com/custom" target="jfrankeninhalt"><img src= "../images/transparentpixel.png" alt=" " width="190" height="2" align="bottom" border="0" /><br /> <img src="../images/transparentpixel.png" alt=" " width="8" height="1" align="bottom" border="0" /><img src= "../images/google16x16.png" alt="" width="16" height="19" /><img src="../images/transparentpixel.png" alt=" " width="8" height="1" align="bottom" border="0" /><input type="image" name="sa" value="Search" src="../images/Suche.en.png" alt= "Search:" /><br /> <img src="../images/transparentpixel.png" alt=" " width="32" height="1" align="bottom" border="0" /><input type="text" name="q" size="10" maxlength="255" value="" style= "color:#ddddff;border-color:#ddddff;background:#112277" /><input type="hidden" name="cof" value= "T:000000;LW:540;ALC:112277;L:http://www.jfranken.de/images/toptext_FRANKEN--IT-CONCEPTS.png;LC:112277;LH:53;BGC:ffffff;AH:left;VLC:112277;AWFID:ec81011eb1f53f99;" /><input type="hidden" name="domains" value="www.jfranken.de" /><br /> <input type="hidden" name="sitesearch" value="www.jfranken.de" /></form> <script type="text/javascript" language="JavaScript"> //<![CDATA[ function ro_imgNormal(imgName) { if (document.images) { document[imgName].src = eval(imgName + '_n.src'); self.status = ''; } } function ro_imgOver(imgName, descript) { if (document.images) { document[imgName].src = eval(imgName + '_o.src'); self.status = descript; } } //]]> </script><br /> <img src="../images/transparentpixel.png" alt=" " width="190" height="2" align="bottom" border="0" /><br /> <img src="../images/transparentpixel.png" alt=" " width="8" height="1" align="bottom" border="0" /><img src= "../images/feed-icon-16x16.png" alt="" width="16" height="19" /><img src="../images/transparentpixel.png" alt=" " width="8" height="1" align="bottom" border="0" /><img src="../images/NewsFeeds.png" alt="NewsFeeds" width="67" height= "19" /><br /> <img src="../images/transparentpixel.png" alt=" " width="32" height="1" align="bottom" border="0" /> <script type= "text/javascript" language="JavaScript"> //<![CDATA[  //]]> </script><a href="http://www.jfranken.de/feed-rss2.en.xml" target="_blank" onmouseover= "ro_imgOver('ro_img_unknown4', 'RSS2-Feed'); return true" onmouseout="ro_imgNormal('ro_img_unknown4'); return true" onfocus="ro_imgOver('ro_img_unknown4', 'RSS2-Feed'); return true" onblur= "ro_imgNormal('ro_img_unknown4'); return true"><img name="ro_img_unknown4" src="../images/feed-rss2.png" alt= "RSS2-Feed" width="70" height="15" border="0" /></a><br /> <img src="../images/transparentpixel.png" alt=" " width="32" height="1" align="bottom" border="0" /> <script type= "text/javascript" language="JavaScript"> //<![CDATA[  //]]> </script><a href="http://www.jfranken.de/feed-atom1.en.xml" target="_blank" onmouseover= "ro_imgOver('ro_img_unknown5', 'ATOM1-Feed'); return true" onmouseout="ro_imgNormal('ro_img_unknown5'); return true" onfocus="ro_imgOver('ro_img_unknown5', 'ATOM1-Feed'); return true" onblur= "ro_imgNormal('ro_img_unknown5'); return true"><img name="ro_img_unknown5" src="../images/feed-atom1.png" alt= "ATOM1-Feed" width="70" height="15" border="0" /></a><br /> <img src="../images/transparentpixel.png" alt=" " width="32" height="1" align="bottom" border="0" /> <script type= "text/javascript" language="JavaScript"> //<![CDATA[  //]]> </script><a href="../impressum/feeds.en.html" target="_parent" onmouseover= "ro_imgOver('ro_img_unknown6', 'Subscribe'); return true" onmouseout="ro_imgNormal('ro_img_unknown6'); return true" onfocus="ro_imgOver('ro_img_unknown6', 'Subscribe'); return true" onblur= "ro_imgNormal('ro_img_unknown6'); return true"><img name="ro_img_unknown6" src="../images/Subscribe.en.png" alt= "Subscribe" width="65" height="19" border="0" /></a> </body>