20.08.2005

<P>

###############################################################################
Link (auf einer Inhalt-Seite):
<p>
<a href=baustelle.htm>Mögliche Themen</a>
<br>Mögliche Themen für weitere Diplomarbeiten

Absatz (mit vorangehender Leerzeile)
Der Text 'Mögliche Themen' wird angezeigt, er ist ein Link
Der Text 'Mögliche Themen für weitere Diplomarbeiten' wird darunter angezeigt


###############################################################################
Link (auf einer Menu-Seite):
<a href=../inhalt/ablaufbe.htm target=inhalt>&#62 Ablaufbeschreibungen</a>
<br>
<a href=menu-bilder.htm>&#62 Bilder</a>

Als Text wird '> Ablaufbeschreibungen' angezeigt, 
im Ziel (Frame) 'inhalt' wird die Seite '../inhalt/ablaufbe.htm' angezeigt

Als Text wird '> Bilder' angezeigt,
als Menu wird die Seite 'menu-bilder.htm' angezeigt


###############################################################################
Wenn ein Link noch nicht realisiert ist, gibt es drei Möglichkeiten:
1. Es wird gar keinen Hinweis angezeigt
2. Es gibt einen Ersatz-Link, der als Hinweis z. B. eine Baustelle anzeigt
3. Statt einem Link wird nur der Text angezeigt:
<aa href=menu-bilder.htm>&#62 Bilder</a>
'<aa' ist ein nicht existierender Befehl (es funktioniert natuerlich mit jedem
unzulaessigen Befehl), der demzufolge auch nicht ausgefuehrt wird, es existiert
also kein ausfuehrbarer Link.
Aber der Text '> Bilder' wuerde dennoch angezeigt als Hinweis, dass hier etwas
noch nicht existiert.

Als weiteren Hinweis koennte die Farbe des Links auf weiss geaendert werden:
<aa href=menu-bilder.htm><font color=#ffffff>&#62 Bilder</font></a>

Besser ist aber ein hellgrauer Wert:
<aa href=menu-bilder.htm><font color=#cccccc>&#62 Bilder</font></a>


###############################################################################
Font angeben (Farbe, Groesse)
<font color=#ffffff>weiss </font>
<font color=#000000>schwarz</font>

<font size=1>klein</font>
<font size=8>gross</font>
Das Attribut size bestimmt die Schriftgröße. Der Wertebereich ist 1 bis 7, die
Voreinstellung ist 3. 
Wenn "+" oder "-" als Werte für die Schriftgröße angegeben werden, wird die neue
Schriftgröße relativ zur Voreinstellung berechnet. 


###############################################################################
Text fetten:
Dieser Teil wird <b>fett</b> ausgegeben


###############################################################################
Tabellen:
Hinweis: Ob die Zellenrahmen sichtbar werden haengt von 'main.css' ab.
------- Am Besten wird <td class="mitr"> verwendet

<h2>Tabelle mit Gitternetzlinien</h2>
<table border="1">
<tr>
<td>1. Zelle in der 1. Zeile</td>
<td>2. Zelle in der 1. Zeile</td>
</tr>
<tr>
<td>1. Zelle in der 2. Zeile</td>
<td>2. Zelle in der 2. Zeile</td>
</tr>
</table>

<h2>Tabelle ohne Gitternetzlinien</h2>
<table border="0">
<tr>
<td>1. Zelle in der 1. Zeile</td>
<td>2. Zelle in der 1. Zeile</td>
</tr>
<tr>
<td>1. Zelle in der 2. Zeile</td>
<td>2. Zelle in der 2. Zeile</td>
</tr>
</table>

Der Aufbau einer Tabelle ist immer gleich. Die gesamte Tabellendefinition wird 
mit dem <table>- und </table>-Tag eingeschlossen. Danach folgt mit <tr> und 
</tr> die erste Zeile. Innerhalb des <tr>-Tags werden mit dem <td>- und 
</td>-Tag die einzelnen Zellen festgelegt. Das <td>-Tag enthält auch den Inhalt 
einer Zelle. Dies kann alles sein, was Du auf der Seite darstellen möchtest: 
Text, Grafik, Hyperlinks, Flash-Animation, ... . Hast Du alle Zellen der ersten 
Zeile festgelegt, folgt die zweite Zeile, falls eine vorhanden ist. Diese 
schließt Du wieder mit dem <tr>- und </tr>-Tag ein. Denke daran, dass die Anzahl 
der Zellen in jeder Zeile gleich sein sollte, um ein korrektes Layout zu 
erhalten.


###############################################################################
Groesse eines Bildes
Ohne Einheiten: Groesse wird in Pixel angegeben
Mit Pozent: Die Groesse wird in % skaliert, aber NICHT von der Ausgangsgroesse,
sondern von der Framegroesse!
Deshalb kann das Bild verzerrt werden, auch bzw. gerade wenn man beide
Abmessungen skaliert! Deshalb nur einen Wert angeben!
<! Dieses Bild wird angezeigt>
<! ! Hoehe auf 80 % des Frames skalieren
<! ! ! Dieser Text wird angezeigt,
<! ! ! wenn der Cursor auf dem Bild steht
<! ! ! !
<img src=../bilder/mad.gif height="80%" alt="Madymo-Bild">


###############################################################################
Preformatierter Text (vorformatiert, Formatierung wird uebernommen
<pre>pre formatierter T e x t</pre> wird genauso dargestellt, wie er hier
angegeben wurde. Deshalb wird auch ein Monospacefont verwendet!


###############################################################################
Kontakt mit Mail-Adresse:
<a href="mailto:hans.dipper@dcx.com <http://www51.gmx.net/de/cgi/mailnew?CUSTOMERNO=-1&t=&FOLDER=outbox&TO=hans%2Edipper%40dcx%2Ecom>">hans.dipper@dcx.com <http://www51.gmx.net/de/cgi/mailnew?CUSTOMERNO=-1&t=&FOLDER=outbox&TO=hans%2Edipper%40dcx%2Ecom></a>
Der Link zeigt den text 'hans.dipper@dcx.com' und ruft dann das Mail-Programm
auf, wobei die Adresse 'hans.dipper@dcx.com' als Empfaenger eingetragen wird.

Aus Sicherheitsgruenden (Web-Seiten werden nach eMail-Adressen durchsucht und
dann zugespamt) waere es besser, die eMail-Adresse nicht als scanbaren Text
anzugeben (auch wenn dies fuer den Anwender unkomfortabel ist), sondern die
eMail-Adresse als Grafik anzuzeigen.
<a href=\\HOST/VERZEICHNISSE/adresse.jpg>
<img src=\\HOST/VERZEICHNISSE/adresse.jpg></a>

Wie kann man erreichen, dass mit
<a href="mailto:vorname.nachname@dummy.com <http://www51.gmx.net/de/cgi/mailnew?CUSTOMERNO=-1&t=&FOLDER=outbox&TO=vorname%2Enachname%40dummy%2Ecom>"</a>
einerseits das Mailprogramm aufgerufen wird, andererseits statt dem Text
'hans.dipper@dcx.com' die Grafik '@.gif' <http://www51.gmx.net/de/cgi/mailnew?CUSTOMERNO=-1&t=&FOLDER=outbox&TO=%40%2Egif> mit der Adresse angezeigt wird?

So z. B.
<p>
<a href="mailto:Bitte tragen Sie hier die Adresse aus der Grafik ein">
<img src=../bilder/@.gif <http://www51.gmx.net/de/cgi/mailnew?CUSTOMERNO=-1&t=&FOLDER=outbox&TO=src%3D%2E%2E%2Fbilder%2F%40%2Egif>></a>

Alternativ dazu koennte auch die Mailadresse verfremdet werden
<p>
<a href="mailto:hans.dipperXdcx.com Bitte X durch @ ersetzen">
hans.dipperXdcx.com</a>


###############################################################################
Tabelle, einfach
In diesem Fall besteht die Tabelle nur aus einer einzigen Zelle, in der die
Texte untereinander angeordnet werden
<left>
<table><tr><td>
<br>
<a href=../inhalt/ablaufbe.htm target=inhalt>&#62 Ablaufbeschreib.</a>
<br>
<a href=../inhalt/allgdat.htm target=inhalt>&#62 Allgemeine Daten</a>
</td></tr></table>
</center>


###############################################################################
Links auf Sprungmarken innerhalb des selben Dokuments
<!Anker zum Anspringen des Seitenanfangs>
<a name="seitenanfang"></a>

<!Ruecksprunglinks>
<p>
<a href=#seitenanfang>&#060; Zurück zum Seitenanfang </a>
<br>
<a href=bilder.htm >&#060; Zurück zur Auswahl der Bilder</a>
<br>
<!Die Sprungmarke kann auch in einem anderen Dokument stehen>
<a href=bilder.htm#Dort>&#060; Weiter bei bilder.htm#Dort </a>


###############################################################################
Wenn man einen Link auf ein Winword-Dokument legt, dann kann es bearbeitet
und gesichert werden ('Strg+s' aufrufen!).
Ein Excel-Dokument kann dagegen nicht gesichert werden.
Der Grund ist unklar.


###############################################################################
PBE/DAM-Server auf Winica, scheint auch für PBE/DA-Server zu gelten

Anzeige in Explorer:
Estr_pbe_dam auf "Sstr102f\Estr_shr002"

Eigenschaften-Bezeichnung:
Estr_pbe_dam auf "Sstr102f\Estr_

Eigenschaften-Verteiltes Dateisystem:
\\SSTR037F\ESTR_G04206

Auf Homepage:
\\sstr037f/estr_g04206/


###############################################################################
Sonderzeichen (Ascii-Zeichen)
Wenn ein Zeichen nicht verwendet werden kann, weil es anderweitig benutzt
wird (z. B. < und > in HTML-Befehlen oder ein blank in Dateinamen), dann muss
es durch den entsprechenden Ascii-Code ersetzt werden
< &#060
> &#062
blank %20 Warum diese Schreibweise????????

Weitere Zeichen koennen mit
'/home/xxx/html/crashteam-entwicklung/test/sonderz.ht'
dargestellt werden.


###############################################################################
Geschütztes Leerzeichen darstellen
Das könnte genutzt werden um ein Leerzeichen innerhalb eines Strings 
darzustellen, das nicht umbrochen (getrennt) werden darf.
Beispielsweisse '100 mm' sollte immer zusammenbleiben.

Ausserdem kann es erwünscht sein, Texte mit mehr als einer Leerzeile abzusetzen:
<P> kann zwar mehrfach angegeben werden, wirkt abe rnur, wenn auch ein Text
angegeben wird.

<P> &nbsp;

würde zwei Leerzeilen anzeigen.

Die Zeichenfolge 
&nbsp; 
erzeugt ein geschütztes Leerzeichen (nbsp =nonbreaking space = nicht 
umbrechbares Leerzeichen). Es wird ein normales Leerzeichen angezeigt, doch an 
dieser Stelle kann kein Zeilenumbruch erfolgen. Notieren Sie die Zeichenfolge 
inclusive dem kaufmännischen Und am Beginn und dem Strichpunkt am Ende.

Die gleiche Wirkung erzielen Sie durch Notieren der Zeichenfolge &#160;.


###############################################################################
Mehrere Leerzeilen darstellen
Normalerweise geht das gar nicht, zumindest ist die Wiederholung von <P> 
wirkungslos.
Dagegen funktioniert die Kombination
<P>
<BR>
<P>
<BR>
<P>
<BR>


###############################################################################
Link (auf einer Inhalt-Seite):
<P>
<A HREF=baustelle.htm>Mögliche Themen</A>
<BR>Mögliche Themen für weitere Diplomarbeiten

Absatz (mit vorangehender Leerzeile)
Der Text 'Mögliche Themen' wird angezeigt, er ist ein Link
Der Text 'Mögliche Themen für weitere Diplomarbeiten' wird darunter angezeigt


###############################################################################
Link (auf einer Menu-Seite):
<A HREF=../inhalt/ablaufbe.htm TARGET=inhalt>&#62 Ablaufbeschreibungen</A>
<BR>
<A HREF=menu-bilder.htm>&#62 Bilder</A>

Als Text wird '> Ablaufbeschreibungen' angezeigt, 
im Ziel (Frame) 'inhalt' wird die Seite '../inhalt/ablaufbe.htm' angezeigt

Als Text wird '> Bilder' angezeigt,
als Menu wird die Seite 'menu-bilder.htm' angezeigt


###############################################################################
Wenn ein Link noch nicht realisiert ist, gibt es drei Möglichkeiten:
1. Es wird gar keinen Hinweis angezeigt
2. Es gibt einen Ersatz-Link, der als Hinweis z. B. eine Baustelle anzeigt
3. Statt einem Link wird nur der Text angezeigt:
<Aa HREF=menu-bilder.htm>&#62 Bilder</A>
'<Aa' ist ein nicht existierender Befehl (es funktioniert natuerlich mit jedem
unzulaessigen Befehl), der demzufolge auch nicht ausgefuehrt wird, es existiert
also kein ausfuehrbarer Link.
Aber der Text '> Bilder' wuerde dennoch angezeigt als Hinweis, dass hier etwas
noch nicht existiert.

Als weiteren Hinweis koennte die Farbe des Links geaendert werden:
<Aa HREF=menu-bilder.htm><FONT COLOR=#ffffff>&#62 Bilder</FONT></A>


###############################################################################
Font angeben (Farbe, Groesse)
<FONT COLOR=#ffffff>weiss </FONT>
<FONT COLOR=#000000>schwarz</FONT>

<FONT size=1>klein</FONT>
<FONT size=8>gross</FONT>
Dabei ist unklar, welche Einheiten die Zahlenwerte haben, Punkte sind es 
jedenfalls nicht


###############################################################################
Text fetten:
Dieser Teil wird <B>fett</B> ausgegeben


###############################################################################
Tabellen:
<H2>Tabelle mit Gitternetzlinien</H2>
<TABLE BORDER="1">
<TR>
<TD>1. Zelle in der 1. Zeile</TD>
<TD>2. Zelle in der 1. Zeile</TD>
</TR>
<TR>
<TD>1. Zelle in der 2. Zeile</TD>
<TD>2. Zelle in der 2. Zeile</TD>
</TR>
</TABLE>

<H2>Tabelle ohne Gitternetzlinien</H2>
<TABLE BORDER="0">
<TR>
<TD>1. Zelle in der 1. Zeile</TD>
<TD>2. Zelle in der 1. Zeile</TD>
</TR>
<TR>
<TD>1. Zelle in der 2. Zeile</TD>
<TD>2. Zelle in der 2. Zeile</TD>
</TR>
</TABLE>

Der Aufbau einer Tabelle ist immer gleich. Die gesamte Tabellendefinition wird 
mit dem <TABLE>- und </TABLE>-Tag eingeschlossen. Danach folgt mit <TR> und 
</TR> die erste Zeile. Innerhalb des <TR>-Tags werden mit dem <TD>- und 
</TD>-Tag die einzelnen Zellen festgelegt. Das <TD>-Tag enthält auch den Inhalt 
einer Zelle. Dies kann alles sein, was Du auf der Seite darstellen möchtest: 
Text, Grafik, Hyperlinks, Flash-Animation, ... . Hast Du alle Zellen der ersten 
Zeile festgelegt, folgt die zweite Zeile, falls eine vorhanden ist. Diese 
schließt Du wieder mit dem <TR>- und </TR>-Tag ein. Denke daran, dass die Anzahl 
der Zellen in jeder Zeile gleich sein sollte, um ein korrektes Layout zu 
erhalten.


###############################################################################
<!Hier wird ein Formular angezeigt:>
<!Eingabefeld 8 byte lang, 8 byte koennen eingegeben werden,>
<!die Eingabe wird nicht angezeigt, nach Druecken des Knopfes "abschicken">
<!wird "test1.htm" aufgerufen>
<FORM ACTION="test1.htm" METHOD="get">
<P>
AAA: <INPUT TYPE="password" SIZE="8"
MAXLENGTH="8" NAME="fAAA">
<INPUT TYPE="submit" NAME="fSenden" VALUE="abschicken">

<P>
BBB: <INPUT SIZE="8" MAXLENGTH="8" NAME="fBBB"> 
</FORM>

<BR> Nach dem Abschicken wird die Seite "test1.htm" angezeigt


###############################################################################
Tabelle
<!Tabelle mit Überschriften und 5 Spalten und 6 Zeilen, mit Rand,>
<!über die gesamte Breite des Frames>
<P>
<B>Überschrift ausserhalb der Tabelle</B>
<TABLE BORDER="1" WIDTH="100%">
<!'TR' beginnt eine neue Zeile: 1>
<TR>
<!'TH' beginnt eine neue Spalte als Spaltenüberschrift>
<TH CLASS="mitr">Überschrift1 </TH> 
<TH CLASS="mitr">Überschrift2 </TH> 
<TH CLASS="mitr">Überschrift3 </TH> 
<TH CLASS="mitr">Überschrift4 </TH> 
<TH CLASS="mitr">Überschrift5 </TH> 
</TR>

<!'TR' beginnt eine neue Zeile: 2>
<TR>
<!'TD' beginnt eine neue Spalte>
<TD CLASS="mitr">Zeile1, Spalte1 </TD> 
<TD CLASS="mitr">Zeile1, Spalte2 </TD> 
<TD CLASS="mitr">Zeile1, Spalte3 </TD> 
<TD CLASS="mitr">Zeile1, Spalte4 </TD> 
<TD CLASS="mitr">Zeile1, Spalte5 </TD> 
</TR>

<!'TR' beginnt eine neue Zeile: 3>
<TR>
<!'TD' beginnt eine neue Spalte>
<TD CLASS="mitr">Zeile2, Spalte1 </TD> 
<TD CLASS="mitr">Zeile2, Spalte2 </TD> 
<TD CLASS="mitr">Zeile2, Spalte3 </TD> 
<TD CLASS="mitr">Zeile2, Spalte4 </TD> 
<TD CLASS="mitr">Zeile2, Spalte5 </TD> 
</TR>

<!'TR' beginnt eine neue Zeile: 3>
<TR>
<!'TD' beginnt eine neue Spalte>
<TD CLASS="mitr">Zeile3, Spalte1 </TD> 
<TD CLASS="mitr">Zeile3, Spalte2 </TD> 
<TD CLASS="mitr">Zeile3, Spalte3 </TD> 
<TD CLASS="mitr">Zeile3, Spalte4 </TD> 
<TD CLASS="mitr">Zeile3, Spalte5 </TD> 
</TR>

<!'TR' beginnt eine neue Zeile: 4>
<TR>
<!'TD' beginnt eine neue Spalte>
<TD CLASS="mitr">Zeile4, Spalte1 </TD> 
<TD CLASS="mitr">Zeile4, Spalte2 </TD> 
<TD CLASS="mitr">Zeile4, Spalte3 </TD> 
<TD CLASS="mitr">Zeile4, Spalte4 </TD> 
<TD CLASS="mitr">Zeile4, Spalte5 </TD> 
</TR>

<!'TR' beginnt eine neue Zeile: 5>
<TR>
<!'TD' beginnt eine neue Spalte>
<TD CLASS="mitr">Zeile5, Spalte1 </TD> 
<TD CLASS="mitr">Zeile5, Spalte2 </TD> 
<TD CLASS="mitr">Zeile5, Spalte3 </TD> 
<TD CLASS="mitr">Zeile5, Spalte4 </TD> 
<TD CLASS="mitr">Zeile5, Spalte5 </TD> 
</TR>

<!'TR' beginnt eine neue Zeile: 6>
<TR>
<!'TD' beginnt eine neue Spalte>
<TD CLASS="mitr">Zeile6, Spalte1 </TD> 
<TD CLASS="mitr">Zeile6, Spalte2 </TD> 
<TD CLASS="mitr">Zeile6, Spalte3 </TD> 
<TD CLASS="mitr">Zeile6, Spalte4 </TD> 
<TD CLASS="mitr">Zeile6, Spalte5 </TD> 
</TR>
</TABLE>


###############################################################################
Tabelle mit Farbe
Hier bekommt die Tabellenzelle eine Hintergrundfarbe
<TD CLASS="mitr" bgcolor="#ff7f00">ff7f00
Hier bekommt die Schrift eine (Vordergrund)-Farbe 
<TD bgcolor="#000000"> <FONT COLOR="#ffffff"> 000000 </FONT>


###############################################################################
Ganze Seite mit Hintergrundfarbe
Mit HTML-Anweisungen
<BODY BGCOLOR="#123456" TEXT="#654321">

Mit eingebetteten CSS-Anweisungen
<BODY STYLE="background: #777777">
Style ist hier ein Parameter von Body

<BODY>
<H1>Headline is blue</H1>
<P STYLE="color: green">While the paragraph is green.
</BODY>
Style ist hier ein Parameter des Absatzes

Mit CSS-Klasse
<BODY CLASS="hintergrund">
Dabei muss in der main.css folgende Klasse definiert sein:
body.hintergrund{background-color:#123456;}


###############################################################################
Links zu einzelnen Abschnitten einer Seite
<!Links zu den einzelnen Abschnitten dieser Seite>
<TABLE WIDTH="100%">
<TR>
<TD>
<A HREF=#werksarzt > <FONT SIZE="-1"> v zu Werksarzt </FONT> </A>
</TD>
<TD>
<A HREF=#ausweisstellen> <FONT SIZE="-1"> v zu Ausweisstellen </FONT> </A>
</TD>
</TR>
</TABLE>
<!Links zu den einzelnen Abschnitten dieser Seite>


<!Anker zum Anspringen von werksarzt>
<A name="werksarzt"></A>

<!Tabelle: Werksarzt>


###############################################################################
"Versteckte" Homepage

1. Sie kann aufgerufen werden ueber einen unsichtbaren Menu-Punkt (er hat die
selbe Farbe wie der Hintergrund). 
Wenn der Cursor darauf positioniert wird, kannn man aber dennoch sehen, wie die
Adresse des Links lautet.

<!Fusszeile, abgesetzt mit HR (horizontaler Linie)>
<HR>
<FONT SIZE="-2">
<ADDRESS>
&copy TPC/PCF-Crashteam
<BR> 30.04.2004
URL=http://enbxxxw/homepage/ <http://www51.gmx.net/de/cgi/derefer?TYPE=1&DEST=http%3A%2F%2Fenbxxxw%2Fhomepage%2F>
<BR> crashteam.htm/fix/menu.htm

<!Hinweis: Dieser Link funktioniert, wird aber nicht angezeigt, weil der>
<!------- Text die Hintergrundfarbe hat. Er zeigt eine Testseite an>
<P>
<A HREF=../test/test.htm TARGET=inhalt> <FONT COLOR=#ff7f00>&#62 Tests </FONT> </A>
</ADDRESS>
</FONT>

2. Alternativ dazu kann man natuerlich ein Dokument erstellen, für das auf der
Homepage kein Link besteht, so dass es explizit mit dem Namen aufgerufen werden
muss

Am Besten erstellt man eine komplette neue Anwendung, also quasi eine neue
Index-Datei mit neuen Logo-, Titel-, Menu- und Start-Seite


###############################################################################
04.05.2004 main.css
/*/home/xxx/html/bsp2/main.css*/
/*Globale Einstellungen fuer die gesamte Anwendung*/
/*03.05.2004 Neu strukturiert*/
/*29.03.2004 Hintergrundfarbe fuer Entwicklungsumgebung auf gelb gestellt*/


/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/*Hinweis: FALLS die Datei in die Produktions-Umgebung kopiert werden soll, */
/*------- MUSS die Hintergrundfarbe wieder auf den Standard-Wert #ff7f00 */
/* crash-orange zurueckgeaendert werden (um die Entwicklungsumgebung*/
/* zu markieren, wird hier #ffff00 (gelb) eingestellt) */
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/


/*Einstellung von Hintergrundfarbe und Schrift fuer den Fliesstext-----------*/

/*Font Arial, Groesse 12pt, Farbe schwarz, */
/*Hintergrundfarbe: 9999ff = mittleres Blau*/
/*Hintergrundfarbe: ff8000 = orange */
/*Hintergrundfarbe: ff4500 = orangered */
/*Hintergrundfarbe: ff8c00 = darkorange */
/*Hintergrundfarbe: ff8600 = xt-orange */
/*Hintergrundfarbe: ff7f00 = crash-orange */
body {font-family: "Arial"; 
font-size: 12pt;
color: #000000;
background-color: #ffff00;}
/*background-color: #ff7f00;}*/


/*Einstellung von Sonderschriften--------------------------------------------*/

/*Font fuer den Titel (Arial black (fett), schwarz, Groesse 20 pt)*/
font.titel {font-family: "Arial Black";
color: #000000;
font-size: 20pt;}

/*Font 'gross' (Arial black (fett), schwarz, Groesse 30 pt)*/
font.gross {font-family: "Arial Black";
color: #000000;
font-size: 30pt;}


/*Einstellung der Linkeigenschaften------------------------------------------*/

/*Link zu Beginn und nachdem er einmal angewaehlt wurde (schwarz)*/
/*A:link, A:visited {color: #000000;*/ 
/*Link zu Beginn und nachdem er einmal angewaehlt wurde (blau)*/
A:link, A:visited {color: #0000ff; 
text-decoration: none}


/*Link wenn die Maus darauf steht (weiss), oben und unten liniert)*/
A:hover {color: #ffffff;
text-decoration: underline overline;}

/*Link nachdem er angeklickt wurde (schwarz)*/
A:active {color: #000000;
text-decoration: none;}

/*Bilder bekommen keinen Rand, wenn sie als link benutzt werden*/
img {border: 0;}


/*Einstellung der Tabelleneigenschaften--------------------------------------*/

/*Tabelle: border-width: 0px = Linienbreite 0)*/
/*border-style: solid = durchgezogene Linie*/
/*border-color: #555555 = dunkelgrau*/
/*padding: 2 = 2 px Abstand zwischen Linien und Text*/
/*vertical-align: top = Text wird nach oben ausgerichtet*/
/*font-size: 12pt = 12pt-Groesse*/
table, td {border-width: 0px;
border-style: solid;
border-color: #555555;
border-collapse: collapse;
padding: 2;
vertical-align: top;
font-size: 12pt;}


/*Definition von Tabellen-Klassen (TD)---------------------------------------*/

/*Klasse fuer hoehen-zentrierten Text in einer Tabellenzelle*/
/*td.zentr {vertical-align: middle;}*/
td.hzentr {vertical-align: middle;}

/*Klasse fuer Tabellenzelle mit Rand*/
td.mitr {border-width: 2px;}

/*Klasse fuer Tabellenzelle mit Hintergrundfarbe*/
td.bgrt {background-color:#ff0000;}
td.bggn {background-color:#00ff00;}
td.bgbl {background-color:#0000ff;}


/*Definition von Body-Klassen (BODY)-----------------------------------------*/

/*Klasse fuer Hintergrundfarbe des gesamten Dokuments*/
body.hintergrund{background-color:#123456;}


###############################################################################
Hintergrundfarbe eines Textes bzw. eines Absatzes
<!Hintergrund des Absatzes gruen einfaerben>
<P STYLE="background: green"> testttttttttt

<!Schriftfarbe rot>
<P STYLE="color: red"> testttttttttt


###############################################################################
Hinweis: 
Kommentare kommentieren nicht immer alles aus!

So bewirkt z. B.
<!Hinweise: Word-Dokumente im Hochformat koennen auf der HTML-Seite direkt >
<!-------- angezeigt werden. >
einen Fehler!

Waehrend das hier funktioniert.

<!Hinweise: Word-Dokumente im Hochformat koennen auf der HTML-Seite direkt >
<! ------- angezeigt werden. >


###############################################################################
Bilder auf der Homepage

Die Bilder sind normalerweise viel zu gross, sie muessen deshalb verkleinert 
werden. Ausserdem sollen zwei Bilder im Querformat nebeneinander angeordnet
werden.
Deshalb werden die Bilder auf 436 Pixel Breite skaliert. Damit sie nicht
dennoch automatisch formatfuellend dargestellt werden, werden sie mit 
WIDTH="49%" auf knapp der Haelfte des Frames gehalten. 

Zum Verkleinern und Rotieren der Bilder wird dmontage benutzt:
dmontage *.jpg p="-geometry 436"
Mit diesem Aufruf werden alle Bilder auf 436 Pixel Breite verkleinert und
mit dem Namen neu-* abgelegt.

dmontage bowling2004-0006.jpg p="-geometry 436 -rotate -90">
Mit diesem Aufruf wird bowling2004-0006.jpg auf 436 Pixel Breite verkleinert
und um 90 Grad entgegen des Uhrzeigersinns rotiert und als 
neu-bowling2004-0006.jpg abgelegt.

Theoretisch muesste montage dazu gebracht werden koennen, dass es automatisch
nur die Bilder rotiert, die im 'falschen' Format vorliegen:
montage -geometry 436 -rotate -90> bowling2004-0006.jpg neu-bowling2004-0006.jpg
sollte alle Bilder skalieren und dazu noch diejenigen rotieren, die im
Hochformat vorliegen.
Aber das hat bis jetzt noch nicht funktioniert.
Ob das daran liegt, dass '>' ein Sonderzeichen fuer die Shell ist und deshalb
nicht richtig uebergeben bzw. erkannt wird und deshalb dmontage geaendert
werden muss oder ob das grundsaetzlich nicht funktioniert (weil jedes Bild
breiter als hoch ist) ist unklar.


###############################################################################
Tabellen fuer Bild und Unterschrift (nur ausnahmsweise verwenden!)

<P>
<!Tabelle mit 2 Zeilen (TR) und 1 Spalte (TD) fuer Bild und Unterschrift>
<TABLE WIDTH="100%">
<!Zeile 1 (Bild)>
<TR>
<TD CLASS="mitr" WIDTH="100%">
<CENTER><IMG SRC=hugo WIDTH="100%" ALT="hugo"></CENTER>
</TD>
</TR>

<!Zeile 2 (Bildunterschrift)>
<TR>
<TD WIDTH="100%">
<FONT SIZE="-1">hugo</FONT>
</TD>
</TR>
</TABLE>
<!Tabelle mit 2 Zeilen (TR) und 1 Spalte (TD) fuer Bild und Unterschrift>


<P>
<!Tabelle mit 2 Zeilen (TR) und 2 Spalten (TD) fuer Bilder und Unterschriften>
<TABLE WIDTH="100%">
<!Zeile 1 (Bilder)>
<TR>
<!Linke Spalte>
<TD CLASS="mitr" WIDTH="50%">
<CENTER><IMG SRC=hugo WIDTH="100%" ALT="hugo"></CENTER>
</TD>

<!Rechte Spalte>
<TD CLASS="mitr" WIDTH="50%">
<CENTER><IMG SRC=egon WIDTH="100%" ALT="egon"></CENTER>
</TD>
</TR>

<!Zeile 2 (Bildunterschriften)>
<TR>
<!Linke Bildunterschrift>
<TD WIDTH="50%">
<FONT SIZE="-1">hugo</FONT>
</TD>

<!Rechte Bildunterschrift>
<TD WIDTH="50%">
<FONT SIZE="-1">egon</FONT>
</TD>
</TR>
</TABLE>
<!Tabelle mit 2 Zeilen (TR) und 2 Spalten (TD) fuer Bilder und Unterschriften>


###############################################################################
Offizielle Farben, Corporate Colors (s. a. doc0405.doc)

DCAG-Farben 

Corporate Blue=#00247e 70%=#4f66a0 30%=#afbfd2 White=fffff 

Beschreibung der Unternehmensfarben im Einzelnen 
Corporate Blue ist der Grundton der DaimlerChrysler Blueworld. Die Abstufungen 
70% und 30% bieten zusätzlichen Gestaltungsfreiraum. Auch bei der Darstellung 
von Diagrammen und Illustrationen kann Corporate Blue eingesetzt werden.

Weiß ist wesentlicher Bestandteil der Gestaltung und erscheint als Hintergrund 
für die Darstellung umfangreicher Fließtexte sowie für ausgesparte Texte auf 
Farbflächen.


Sunset orange =#ffc73b 70%=#ffd876 30%=#ffeec4
Optimistic Green=#43c700 70%=#7bd84c 30%=#c7eeb2 
Attention Red =#ff3932

Sunset Orange ist als Schriftfarbe für Untertitel auf der DaimlerChrysler 
Blueworld oder auf Corporate Blue besonders geeignet. Um nicht zu grell zu 
wirken, sollte sie jedoch auf großen Flächen sparsam eingesetzt werden.

Optimistic Green dient neben Sunset Orange der Hervorhebung von Untertiteln oder 
typografischen Illustrationen auf der DaimlerChrysler Blueworld. Die 
Farbintensität von Optimistic Green lässt jedoch nur eine punktuelle, sparsame 
Verwendung zu.

Attention Red ist aufgrund seiner Signalwirkung besonders zur grafischen 
Auszeichnung geeignet.


Echo Blue=#89a2b3 70%=#acbeca 30%=#dbe3e8 
Warm Sand=#a2a180 70%=#bebda6 30%=#e3e3d9 

Echo Blue trägt als Hintergrund für Fotografien und Typografie zu einer 
ausgewogenen Tonalität bei. Es dient der Stärkung des Zusammenhaltes der 
Design-Elemente und eignet sich besonders als Fond für Diagramme und Grafiken.

Warm Sand kommt bei DaimlerChrysler als Fläche für Fotografien, Illustrationen 
und Typografie zum Einsatz.


Noble Gray=#66676a 70%=#8e8f94 30%=#cdcdcf 

Noble Gray ist die dominierende Schriftfarbe bei DaimlerChrysler, wird aber auch 
als Fond genutzt. Die entsprechenden Aufrasterungen von 70% und 30% bieten 
zusätzliche Variationsmöglichkeiten in der flächigen Gestaltung.

Metallic Pearl ist ein metallisch beschichteter Farbton, der nicht aufgerastert 
wird. Er eignet sich sowohl für die Darstellung großer Flächen als auch für 
Typografie oder feine Linien.

Der Arbeitsfarbraum der RGB-Farben ist im Bereich sRGB festgelegt, der 
Arbeitsraum der CMYK-Farben entspricht dem Bereich Euroscale Coated v2.


###############################################################################
<!Auf der Homepage (Bildschirmeinstellung 1240x960) und der Berücksichtigung
>
<!der 200 Pixel für das Menü sowie der senkrechten Bildlaufleiste können im
>
<!Frame 'inhalt' Bilder dargestellt werden mit folgender Breite:
>
<! >
<!Bildschirmeinstellung 1240x960 (Winica) >
<!Ohne Tabelle : 1 x 994, 2 x 495, 3 x 328, 4 x 245 >
<!Mit Tabelle, ohne Rand: 1 x 990, 2 x 491, 3 x 324, 4 x 241 >
<!Wegen der Vereinheitlichung sollte benutzt werden: >
<! 1 x 990, 2 x 491, 3 x 324, 4 x 241 >
<! >
<!Bildschirmeinstellung 1024x768 (Mein PC) >
<!Ohne Tabelle : 1 x 778, 2 x 387, 3 x 256, 4 x 191(ungeprüft) >
<!Mit Tabelle, ohne Rand: 1 x 774, 2 x 383, 3 x 252, 4 x 187(ungeprüft) >
<!Wegen der Vereinheitlichung sollte benutzt werden: >
<! 1 x 774, 2 x 383, 3 x 252, 4 x 187(ungeprüft) >

<!Ausnahme: Bei wenigen Bildern oder wenn jedes eine eigene Bildunterschrift >
<! benötigt kann bzw. muss die Tabellenform eingesetzt werden. >
<!Normalfall: In allen anderen Fällen sollte die einfache Listenform >
<! verwendet werden. >


<!Hinweis: Die 383 sind noch nicht überprüft!>

<!Bilder der Veranstaltung 01 (einfache Listenform)>
<! Dateiname des Bildes> 
<! ! Breite des Bildes (nicht nötig, wenn passend)>
<! ! ! Alternative Bezeichnung>
<! ! ! !>
<IMG SRC=ver-01 WIDTH="383" ALT="ver-01">
<IMG SRC=ver-01 WIDTH="383" ALT="ver-01">
<IMG SRC=ver-01 WIDTH="383" ALT="ver-01">
<IMG SRC=ver-01 WIDTH="383" ALT="ver-01">
<BR>Reichgedeckte Tische<P>

<IMG SRC=ver-01 WIDTH="383" ALT="ver-01">
<IMG SRC=ver-01 WIDTH="383" ALT="ver-01">
<BR>Jürgen und Besucher<P>

<IMG SRC=ver-01 WIDTH="383" ALT="ver-01">
<IMG SRC=ver-01 WIDTH="383" ALT="ver-01">
<BR>In der Kneipe<P>


###############################################################################
Maximale Bildgrössen:
    <P>
    <B>Untersuchung der maximalen Bildbreite auf einer html-Seite bei einer
    Bildschirmeinstellung 1240x960 (Winica) und einer Menubreite von
    200 Pixel</B>
 
    <P>
    <BR>
    <B>Zusammenfassung</B>
 
    <P>
    <UL>
      <LI>Vermutlich liegt der beste Kompromiss darin, dass zunächst eine
      Bildschirmauflösung als die meistgebrauchte (nicht unbedingt die eigene)
      festgelegt und das Layout darauf optimiert wird.
       
      <LI>Damit liegt die Breite des Frames fest, in dem die Bilder
      angezeigt werden und damit deren maximale Breite.
       
      <LI>Die Bilder sollten nun auf diese Breite zugeschnitten werden.
       
      <LI>Gibt es wenige Bilder oder muss jedes eine individuelle
      Bildunterschrift erhalten, kann <B>ausnahmsweise</B> die Tabellenform
      (ohne Rahmen, s. 2.) gewählt werden.
      <BR>Die Tabelle kann mit 100%, die Spalten mit 100%, 50%, 33%, 25% 
      festgelegt werden. Wenn die Bilder bereits die passende Breite haben,
      braucht überhaupt nichts parametrisiert zu werden, da sich die Zellen
      an die Bildbreite anpassen.
      <BR>Wenn die Bilder neu angeordnet werden sollen, ändert man am besten
      die Reihenfolge der Bilder in der Bildnamendatei und generiert die 
      Tabelle neu mit htm-gen.
       
      <LI>Im <B>Normalfall</B> sollte die einfache Form (ohne Tabelle,
      s. 1.) gewählt werden.
      <BR>Da die Bilder die passende Breite haben sollten, brauchen sie nicht
      parametrisiert zu werden, das Layout ergibt sich automatisch mit einem 
      oder mehreren Bildern pro Zeile.
      <BR>Bildunterschriften sind so jedoch nur für die gesamte Bilderzeile
      möglich!
       
      <LI>Zum Testen des Layouts muss die Optimierungs-Auflösung verwendet
      werden!
    </UL>
 
 
    <P>
    Auf der Homepage (Bildschirmeinstellung 1240x960) und der Berücksichtigung
    der 200 Pixel für das Menü sowie der senkrechten Bildlaufleiste können im
    Frame 'inhalt' Bilder dargestellt werden mit folgender Breite:
 
    <P>
    <BR>
    <B>1. Ohne Tabelle: 1 x 994, 2 x 495, 3 x 328, 4 x 245</B>
     
    <!Ohne senkrechte Laufleiste könnte ein Einzelbild 1014 breit sein>
    <BR>Diese Form wird empfohlen, wenn es sich um eine einfache Darstellung
    der Bilder handelt oder um eine grosse Zahl von Bildern.
    <BR>Vorteilhaft ist die flexible Positionierung wie Verschieben, Einfügen 
    oder Löschen von Bildern.
    <BR>Nachteilig ist, dass Texte wie Bildunterschriften nur für die gesamte
    Zeile dargestellt werden können.
    <BR>Um zu verhindern, dass die Bildunterschriften neben den Bildern
    positioniert werden, müssen sie mit (BR) begonnen und mit (P) beendet 
    werden.
     
    <P>
    Werden die Bilder mit WIDTH="100%" auf die maximale Zellenbreite
    skaliert, dann werden sie bei jeder Bildschirmauflösung formatfüllend
    dargestellt: 
    <BR>Bei grösseren Auflösungen werden die Bilder in ihrer Pixelzahl 
    vergrössert, worunter die Darstellungsqualität leidet. 
    <BR>Bei kleineren Auflösungen werden die Bilder in ihrer Pixelzahl 
    verkleinert.
    <BR><B>Diese Form wird nicht empfohlen!</B>
     
    <P>
    Wenn die Bilder mit WIDTH="xxx" (bzw. ohne den Parameter, wenn sie schon
    die richtige Breite haben) angezeigt werden, sind sie absolut (in ihrer
    Pixelzahl) immer gleich gross:
    <BR>Bei grösseren Auflösungen hat sich die Umgebung vergrössert, die gleich
    gross gebliebenen Bilder wirken nun relativ kleiner. 
    <BR>Bei kleineren Auflösungen hat sich die Umgebung verkleinert, die gleich
    gross gebliebenen Bilder wirken nun relativ groesser und wenn sie nicht 
    mehr nebeneinander angezeigt werdne können, werden sie untereinander
    angezeigt.
    <BR><B>Diese Form wird empfohlen!</B>
 
    <!Wichtiger Hinweis: In diesen Beispielen wird das Bild mit dem Parameter>
    <!WIDTH="xxx", also xxx Pixel Breite skaliert. Dies ist hier nur deshalb> 
    <!nötig, um mit dem selben Bild Bilder verschiedener Grössen zu simulieren.>
    <!Er wäre unnötig, wenn das Bild die jeweilige Grösse besässe.>
 
    <P>
    <IMG SRC=ver-02-img_0166a.jpg WIDTH="994">
    <BR>1 x 994 (statt 998)<P>
     
    <IMG SRC=ver-02-img_0166a.jpg WIDTH="495">
    <IMG SRC=ver-02-img_0166a.jpg WIDTH="495">
    <BR>2 x 495 (statt 497)<P>
    <IMG SRC=ver-02-img_0166a.jpg WIDTH="49.6%">
    <IMG SRC=ver-02-img_0166a.jpg WIDTH="49.6%">
    <BR>2 x 49.6%<P>
 
    <IMG SRC=ver-02-img_0166a.jpg WIDTH="328">
    <IMG SRC=ver-02-img_0166a.jpg WIDTH="328">
    <IMG SRC=ver-02-img_0166a.jpg WIDTH="328">
    <BR>3 x 328 (statt 330)<P>
 
    <IMG SRC=ver-02-img_0166a.jpg WIDTH="245">
    <IMG SRC=ver-02-img_0166a.jpg WIDTH="245">
    <IMG SRC=ver-02-img_0166a.jpg WIDTH="245">
    <IMG SRC=ver-02-img_0166a.jpg WIDTH="245">
    <BR>4 x 245 (statt 246)<P>
 
 
    <P>
    <BR>
    <B>2. Mit Tabelle, ohne Zellenrand: 1 x 990, 2 x 491, 3 x 324, 4 x 241</B>
 
    <BR>Diese Form wird nur ausnahmsweise empfohlen, wenn es sich um wenige 
    Bilder handelt, oder alle mit Bildunterschriften versehen werden sollen
    oder wenn sich das Layout durch Bildschirmauflösungen nicht ändern darf.
    <BR>Nachteilig ist, dass das Layout sehr unflexibel ist und Bilder nur mit
    grossem Aufwand eingefügt, verschoben oder gelöscht werden können.
     
    <P>
    Werden die Bilder mit WIDTH="100%" auf die maximale Zellenbreite
    skaliert, dann werden sie bei jeder Bildschirmauflösung formatfüllend
    dargestellt: 
    <BR>Bei grösseren Auflösungen werden die Bilder in ihrer Pixelzahl vergrössert,
    worunter die Darstellungsqualität leidet.
    <BR>Bei kleineren Auflösungen werden die Bilder in ihrer Pixelzahl verkleinert.
    <BR><B>Diese Form wird nicht empfohlen!</B>
     
    <P>
    Wenn die Bilder mit WIDTH="xxx" (bzw. ohne den Parameter, wenn sie schon
    die richtige Breite haben) angezeigt werden, sind sie absolut (in ihrer
    Pixelzahl) immer gleich gross:
    <BR>Bei grösseren Auflösungen hat sich die Umgebung vergrössert, die gleich
    gross gebliebenen Bilder wirken nun relativ kleiner. 
    <BR>Bei kleineren Auflösungen hat sich die Umgebung verkleinert, die gleich
    gross gebliebenen Bilder wirken nun relativ grösser, sie müssen
    waagerecht gescrollt werden.
    <BR><B>Diese Form wird empfohlen!</B>
     
    <P>
    <!Tabelle mit 1 Zeile (TR) und 1 Spalte (TD)>
    <TABLE WIDTH="100%">
      <TR>
        <TD WIDTH="100%">
          <IMG SRC=ver-02-img_0166a.jpg WIDTH="990">
          <BR>1 x 990 (statt 994): Bildunterschrift direkt unter dem Bild<P>
        </TD>
      </TR>
    </TABLE>
    <!Tabelle mit 1 Zeile (TR) und 1 Spalte (TD)>
 
    <!Tabelle mit 1 Zeile (TR) und 2 Spalten (TD)>
    <TABLE WIDTH="100%">
      <TR>
        <TD WIDTH="50%">
          <IMG SRC=ver-02-img_0166a.jpg WIDTH="491">
          <BR>2 x 491 (statt 495): Bildunterschrift direkt unter dem Bild<P>
        </TD>
        <TD WIDTH="50%">
          <IMG SRC=ver-02-img_0166a.jpg WIDTH="491">
          <BR>2 x 491 (statt 495): Bildunterschrift direkt unter dem Bild<P>
        </TD>
      </TR>
    </TABLE>
    <!Tabelle mit 1 Zeile (TR) und 2 Spalten (TD)>
 
    <!Tabelle mit 1 Zeile (TR) und 3 Spalten (TD)>
    <TABLE WIDTH="100%">
      <TR>
        <TD WIDTH="33%">
          <IMG SRC=ver-02-img_0166a.jpg WIDTH="324">
          <BR>3 x 324 (statt 328)<P>
        </TD>
        <TD WIDTH="33%">
          <IMG SRC=ver-02-img_0166a.jpg WIDTH="324">
          <BR>3 x 324 (statt 328)<P>
        </TD>
        <TD WIDTH="33%">
          <IMG SRC=ver-02-img_0166a.jpg WIDTH="324">
          <BR>3 x 324 (statt 328)<P>
        </TD>
      </TR>
    </TABLE>
    <!Tabelle mit 1 Zeile (TR) und 3 Spalten (TD)>
 
    <!Tabelle mit 1 Zeile (TR) und 4 Spalten (TD)>
    <TABLE WIDTH="100%">
      <TR>
        <TD WIDTH="25%">
          <IMG SRC=ver-02-img_0166a.jpg WIDTH="241">
          <BR>4 x 241 (statt 245)<P>
        </TD>
        <TD WIDTH="25%">
          <IMG SRC=ver-02-img_0166a.jpg WIDTH="241">
          <BR>4 x 241 (statt 245)<P>
        </TD>
        <TD WIDTH="25%">
          <IMG SRC=ver-02-img_0166a.jpg WIDTH="241">
          <BR>4 x 241 (statt 245)<P>
        </TD>
        <TD WIDTH="25%">
          <IMG SRC=ver-02-img_0166a.jpg WIDTH="241">
          <BR>4 x 241 (statt 245)<P>
        </TD>
      </TR>
    </TABLE>


###############################################################################
Bei Bildschirmeinstellung 1240x960 (Winica) und der Berücksichtigung der 200 Pixel für das Menü sowie der senkrechten 
Bildlaufleiste können im Frame 'inhalt' Bilder dargestellt werden mit folgender Breite:
1. Ohne Tabelle: 			1 x 994, 2 x 495, 3 x 328, 4 x 245
2. Mit Tabelle, ohne Zellenrand: 		1 x 990, 2 x 491, 3 x 324, 4 x 241

Hinweis: Ausnahmsweise, bei wenigen Bildern und individueller Bildunterschrift kann 2. eingesetzt werden.
Normalerweise sollte aber 1. benutzt werden! 
Der Vereinfachung wegen sollten die Abmessungen nach 2. gewählt werden.


Bei Bildschirmeinstellung 1024x768 (auf meinem PC) und der Berücksichtigung der 200 Pixel für das Menü sowie der senkrechten 
Bildlaufleiste können im Frame 'inhalt' Bilder dargestellt werden mit folgender Breite:
1. Ohne Tabelle: 			1 x 778, 2 x 387, 3 x 256, 4 x 191
2. Mit Tabelle (782), ohne Rahmen	1 x 774, 2 x 383, 3 x 252, 4 x 187

Hinweis: Ausnahmsweise, bei wenigen Bildern und individueller Bildunterschrift kann 2. eingesetzt werden.
Normalerweise sollte aber 1. benutzt werden! 
Der Vereinfachung wegen sollten die Abmessungen nach 2. gewählt werden.

Damit ergeben sich folgende vorgeschlagenen Bildabmessungen (s. a. hx0406 b)

<PRE>
-------------------------------------------------------------
Vorgeschlagene Bildgrössen für 1024er Auflösung und 
<BR>Menu mit 200 Px sowie senkrechte Bildlaufleiste:

                    Quer 4:3  Hoch 4:3  Quer 8:3
Ganze Framebreite   774x580  (774x1032) 774x290
Halbe Framebreite   383x287   383x 511  383x144
Drittel Framebreite 252x189   252x 336  252x 95
Viertel Framebreite 187x140   187x 249  187x 70
-------------------------------------------------------------

-------------------------------------------------------------
Für den Fall, dass KEIN Menu verwendet wird, können
<BR>(ohne Tabelle!) folgende Bildbreiten verwendet werden:
                    Quer 4:3  Hoch 4:3  Quer 8:3
Ganze Framebreite   980x735  (980x1307) 980x368
Halbe Framebreite   488x366  (488x651)  488x183
Drittel Framebreite 324x243   324x432   324x122
Viertel Framebreite 242x182   242x323   242x91
-------------------------------------------------------------

Vorgeschlagen wird, dass sowohl die Bilder als auch die Bildunterschriften ohne Tabelle dargestellt
werden, weil das einfacher ist.
Dabei sollten die Bilder nicht skaliert werden, sondern die richtige Grösse haben.
Nach der entsprechenden Anzahl Bilder pro Zeile muss ein (BR) oder (P) eingefügt werden
(sofern das nicht die Bildunterschrift erledigt), 
damit die Zeile bei grossen Auflösungen nicht umgebrochen wird.

Sollen die Bildunterschriften direkt dem Bild bzw. der Spalte zugeordnet werden, müssen sie in eine
Tabelle (ohne Rand) eingebracht werden. Dabei soll WIDTH="xxx" angegeben werden, wobei xxx der 
Breite des Bildes entspricht.
</PRE>


###############################################################################
Geschützte Farben

<!farb-gesch.htm>
<!Die geschützten Farben 00, 33, 66, 99, cc, ff>
 
 
<HTML>
  <HEAD>
    <!'main.css' mit den globalen Formatierungen>
    <LINK HREF="../main.css" REL="StyleSheet" type="text/css">
  </HEAD>


  <BODY>
    <!Anker zum Anspringen des Seitenanfangs>
    <A NAME="seitenanfang"></A>
    
    <CENTER> <FONT CLASS="titel">Geschützte Farben</FONT> </CENTER>
  
    <P>
    Hier werden die geschützten Farben 00, 33, 66, 99, cc, ff dargestellt
  
    <HR>
  
    <!Ruecksprunglinks am Seitenanfang>
    <TABLE WIDTH="100%">
      <TR>
        <TD WIDTH="33%">
          <LEFT> <A HREF=star.htm> <FONT SIZE="-1">
            &#060; Zurück zur Startseite </FONT> </A> </LEFT>
        </TD>

        <TD WIDTH="33%">
          <CENTER> <A HREF=test.htm> <FONT SIZE="-1">
            &#060; Zurück zu "Test" </A> </CENTER>
        </TD>

        <TD WIDTH="33%">
          <A HREF=#seitenende> <FONT SIZE="-1"> <DIV ALIGN="right">
            v Nach unten</DIV> </FONT> </A>
        </TD>
      </TR>
    </TABLE>
    <!Ruecksprunglinks am Seitenanfang>
     
    <!-Ende des Kopfes-/-Beginn des Hauptteils-------------------------------->
                                                                
                                                                
    <P>
     
    <! Tabelle mit 1 Zeile und 2 Spalten = 2 Zellen>
    <! Innerhalb jeder Zelle wird eine weitere Tabelle eingeschachtelt>
    <TABLE>
      <TR>
        <TD> <! Zelle 1>
          <TABLE>
            <!000000 bis 0000ff>
            <TR>
              <TD WIDTH="60" bgcolor="#000000"> <FONT COLOR="#ffffff"> 000000 </FONT>
              <TD WIDTH="60" bgcolor="#000033"> <FONT COLOR="#ffffff"> 000033 </FONT>
              <TD WIDTH="60" bgcolor="#000066"> <FONT COLOR="#ffffff"> 000066 </FONT>
              <TD WIDTH="60" bgcolor="#000099"> <FONT COLOR="#ffffff"> 000099 </FONT>
              <TD WIDTH="60" bgcolor="#0000cc"> <FONT COLOR="#ffffff"> 0000cc </FONT>
              <TD WIDTH="60" bgcolor="#0000ff"> <FONT COLOR="#ffffff"> 0000ff </FONT>
            </TR>
             
            <!003300 bis 0033ff>
            <TR>
              <TD WIDTH="60" bgcolor="#003300"> <FONT COLOR="#ffffff"> 003300 </FONT>
              <TD WIDTH="60" bgcolor="#003333"> <FONT COLOR="#ffffff"> 003333 </FONT>
              <TD WIDTH="60" bgcolor="#003366"> <FONT COLOR="#ffffff"> 003366 </FONT>
              <TD WIDTH="60" bgcolor="#003399"> <FONT COLOR="#ffffff"> 003399 </FONT>
              <TD WIDTH="60" bgcolor="#0033cc"> <FONT COLOR="#ffffff"> 0033cc </FONT>
              <TD WIDTH="60" bgcolor="#0033ff"> <FONT COLOR="#ffffff"> 0033ff </FONT>
            </TR>
             
            <!006600 bis 0066ff>
            <TR>
              <TD WIDTH="60" bgcolor="#006600"> <FONT COLOR="#ffffff"> 006600 </FONT>
              <TD WIDTH="60" bgcolor="#006633"> <FONT COLOR="#ffffff"> 006633 </FONT>
              <TD WIDTH="60" bgcolor="#006666"> <FONT COLOR="#ffffff"> 006666 </FONT>
              <TD WIDTH="60" bgcolor="#006699"> <FONT COLOR="#ffffff"> 006699 </FONT>
              <TD WIDTH="60" bgcolor="#0066cc"> <FONT COLOR="#ffffff"> 0066cc </FONT>
              <TD WIDTH="60" bgcolor="#0066ff"> <FONT COLOR="#ffffff"> 0066ff </FONT>
            </TR>
             
            <!009900 bis 0099ff>
            <TR>
              <TD WIDTH="60" bgcolor="#009900"> <FONT COLOR="#000000"> 009900 </FONT>
              <TD WIDTH="60" bgcolor="#009933"> <FONT COLOR="#000000"> 009933 </FONT>
              <TD WIDTH="60" bgcolor="#009966"> <FONT COLOR="#000000"> 009966 </FONT>
              <TD WIDTH="60" bgcolor="#009999"> <FONT COLOR="#000000"> 009999 </FONT>
              <TD WIDTH="60" bgcolor="#0099cc"> <FONT COLOR="#000000"> 0099cc </FONT>
              <TD WIDTH="60" bgcolor="#0099ff"> <FONT COLOR="#000000"> 0099ff </FONT>
            </TR>
             
            <!00cc00 bis 00ccff>
            <TR>
              <TD WIDTH="60" bgcolor="#00cc00"> <FONT COLOR="#000000"> 00cc00 </FONT>
              <TD WIDTH="60" bgcolor="#00cc33"> <FONT COLOR="#000000"> 00cc33 </FONT>
              <TD WIDTH="60" bgcolor="#00cc66"> <FONT COLOR="#000000"> 00cc66 </FONT>
              <TD WIDTH="60" bgcolor="#00cc99"> <FONT COLOR="#000000"> 00cc99 </FONT>
              <TD WIDTH="60" bgcolor="#00cccc"> <FONT COLOR="#000000"> 00cccc </FONT>
              <TD WIDTH="60" bgcolor="#00ccff"> <FONT COLOR="#000000"> 00ccff </FONT>
            </TR>
             
            <!00ff00 bis 00ffff>
            <TR>
              <TD WIDTH="60" bgcolor="#00ff00"> <FONT COLOR="#000000"> 00ff00 </FONT>
              <TD WIDTH="60" bgcolor="#00ff33"> <FONT COLOR="#000000"> 00ff33 </FONT>
              <TD WIDTH="60" bgcolor="#00ff66"> <FONT COLOR="#000000"> 00ff66 </FONT>
              <TD WIDTH="60" bgcolor="#00ff99"> <FONT COLOR="#000000"> 00ff99 </FONT>
              <TD WIDTH="60" bgcolor="#00ffcc"> <FONT COLOR="#000000"> 00ffcc </FONT>
              <TD WIDTH="60" bgcolor="#00ffff"> <FONT COLOR="#000000"> 00ffff </FONT>
            </TR>
          </TABLE>

               
          <TABLE>
            <!330000 bis 3300ff>
            <TR>
              <TD WIDTH="60" bgcolor="#330000"> <FONT COLOR="#ffffff"> 330000 </FONT>
              <TD WIDTH="60" bgcolor="#330033"> <FONT COLOR="#ffffff"> 330033 </FONT>
              <TD WIDTH="60" bgcolor="#330066"> <FONT COLOR="#ffffff"> 330066 </FONT>
              <TD WIDTH="60" bgcolor="#330099"> <FONT COLOR="#ffffff"> 330099 </FONT>
              <TD WIDTH="60" bgcolor="#3300cc"> <FONT COLOR="#ffffff"> 3300cc </FONT>
              <TD WIDTH="60" bgcolor="#3300ff"> <FONT COLOR="#ffffff"> 3300ff </FONT>
            </TR>
               
            <!333300 bis 3333ff>
            <TR>
              <TD WIDTH="60" bgcolor="#333300"> <FONT COLOR="#ffffff"> 333300 </FONT>
              <TD WIDTH="60" bgcolor="#333333"> <FONT COLOR="#ffffff"> 333333 </FONT>
              <TD WIDTH="60" bgcolor="#333366"> <FONT COLOR="#ffffff"> 333366 </FONT>
              <TD WIDTH="60" bgcolor="#333399"> <FONT COLOR="#ffffff"> 333399 </FONT>
              <TD WIDTH="60" bgcolor="#3333cc"> <FONT COLOR="#ffffff"> 3333cc </FONT>
              <TD WIDTH="60" bgcolor="#3333ff"> <FONT COLOR="#ffffff"> 3333ff </FONT>
            </TR>
               
            <!336600 bis 3366ff>
            <TR>
              <TD WIDTH="60" bgcolor="#336600"> <FONT COLOR="#ffffff"> 336600 </FONT>
              <TD WIDTH="60" bgcolor="#336633"> <FONT COLOR="#ffffff"> 336633 </FONT>
              <TD WIDTH="60" bgcolor="#336666"> <FONT COLOR="#ffffff"> 336666 </FONT>
              <TD WIDTH="60" bgcolor="#336699"> <FONT COLOR="#ffffff"> 336699 </FONT>
              <TD WIDTH="60" bgcolor="#3366cc"> <FONT COLOR="#ffffff"> 3366cc </FONT>
              <TD WIDTH="60" bgcolor="#3366ff"> <FONT COLOR="#ffffff"> 3366ff </FONT>
            </TR>
               
            <!339900 bis 3399ff>
            <TR>
              <TD WIDTH="60" bgcolor="#339900"> <FONT COLOR="#000000"> 339900 </FONT>
              <TD WIDTH="60" bgcolor="#339933"> <FONT COLOR="#000000"> 339933 </FONT>
              <TD WIDTH="60" bgcolor="#339966"> <FONT COLOR="#000000"> 339966 </FONT>
              <TD WIDTH="60" bgcolor="#339999"> <FONT COLOR="#000000"> 339999 </FONT>
              <TD WIDTH="60" bgcolor="#3399cc"> <FONT COLOR="#000000"> 3399cc </FONT>
              <TD WIDTH="60" bgcolor="#3399ff"> <FONT COLOR="#000000"> 3399ff </FONT>
            </TR>
               
            <!33cc00 bis 33ccff>
            <TR>
              <TD WIDTH="60" bgcolor="#33cc00"> <FONT COLOR="#000000"> 33cc00 </FONT>
              <TD WIDTH="60" bgcolor="#33cc33"> <FONT COLOR="#000000"> 33cc33 </FONT>
              <TD WIDTH="60" bgcolor="#33cc66"> <FONT COLOR="#000000"> 33cc66 </FONT>
              <TD WIDTH="60" bgcolor="#33cc99"> <FONT COLOR="#000000"> 33cc99 </FONT>
              <TD WIDTH="60" bgcolor="#33cccc"> <FONT COLOR="#000000"> 33cccc </FONT>
              <TD WIDTH="60" bgcolor="#33ccff"> <FONT COLOR="#000000"> 33ccff </FONT>
            </TR>
               
            <!33ff00 bis 33ffff>
            <TR>
              <TD WIDTH="60" bgcolor="#33ff00"> <FONT COLOR="#000000"> 33cc00 </FONT>
              <TD WIDTH="60" bgcolor="#33ff33"> <FONT COLOR="#000000"> 33ff33 </FONT>
              <TD WIDTH="60" bgcolor="#33ff66"> <FONT COLOR="#000000"> 33ff66 </FONT>
              <TD WIDTH="60" bgcolor="#33ff99"> <FONT COLOR="#000000"> 33ff99 </FONT>
              <TD WIDTH="60" bgcolor="#33ffcc"> <FONT COLOR="#000000"> 33ffcc </FONT>
              <TD WIDTH="60" bgcolor="#33ffff"> <FONT COLOR="#000000"> 33ffff </FONT>
            </TR>
          </TABLE>
               
               
          <TABLE>
            <!660000 bis 6600ff>
            <TR>
              <TD WIDTH="60" bgcolor="#660000"> <FONT COLOR="#ffffff"> 660000 </FONT>
              <TD WIDTH="60" bgcolor="#660033"> <FONT COLOR="#ffffff"> 660033 </FONT>
              <TD WIDTH="60" bgcolor="#660066"> <FONT COLOR="#ffffff"> 660066 </FONT>
              <TD WIDTH="60" bgcolor="#660099"> <FONT COLOR="#ffffff"> 660099 </FONT>
              <TD WIDTH="60" bgcolor="#6600cc"> <FONT COLOR="#ffffff"> 6600cc </FONT>
              <TD WIDTH="60" bgcolor="#6600ff"> <FONT COLOR="#ffffff"> 6600ff </FONT>
            </TR>
               
            <!663300 bis 6633ff>
            <TR>
              <TD WIDTH="60" bgcolor="#663300"> <FONT COLOR="#ffffff"> 663300 </FONT>
              <TD WIDTH="60" bgcolor="#663333"> <FONT COLOR="#ffffff"> 663333 </FONT>
              <TD WIDTH="60" bgcolor="#663366"> <FONT COLOR="#ffffff"> 663366 </FONT>
              <TD WIDTH="60" bgcolor="#663399"> <FONT COLOR="#ffffff"> 663399 </FONT>
              <TD WIDTH="60" bgcolor="#6633cc"> <FONT COLOR="#ffffff"> 6633cc </FONT>
              <TD WIDTH="60" bgcolor="#6633ff"> <FONT COLOR="#ffffff"> 6633ff </FONT>
            </TR>
               
            <!666600 bis 6666ff>
            <TR>
              <TD WIDTH="60" bgcolor="#666600"> <FONT COLOR="#ffffff"> 666600 </FONT>
              <TD WIDTH="60" bgcolor="#666633"> <FONT COLOR="#ffffff"> 666633 </FONT>
              <TD WIDTH="60" bgcolor="#666666"> <FONT COLOR="#ffffff"> 666666 </FONT>
              <TD WIDTH="60" bgcolor="#666699"> <FONT COLOR="#ffffff"> 666699 </FONT>
              <TD WIDTH="60" bgcolor="#6666cc"> <FONT COLOR="#ffffff"> 6666cc </FONT>
              <TD WIDTH="60" bgcolor="#6666ff"> <FONT COLOR="#ffffff"> 6666ff </FONT>
            </TR>
               
            <!669900 bis 6699ff>
            <TR>
              <TD WIDTH="60" bgcolor="#669900"> <FONT COLOR="#000000"> 669900 </FONT>
              <TD WIDTH="60" bgcolor="#669933"> <FONT COLOR="#000000"> 669933 </FONT>
              <TD WIDTH="60" bgcolor="#669966"> <FONT COLOR="#000000"> 669966 </FONT>
              <TD WIDTH="60" bgcolor="#669999"> <FONT COLOR="#000000"> 669999 </FONT>
              <TD WIDTH="60" bgcolor="#6699cc"> <FONT COLOR="#000000"> 6699cc </FONT>
              <TD WIDTH="60" bgcolor="#6699ff"> <FONT COLOR="#000000"> 6699ff </FONT>
            </TR>
               
            <!66cc00 bis 66ccff>
            <TR>
              <TD WIDTH="60" bgcolor="#66cc00"> <FONT COLOR="#000000"> 66cc00 </FONT>
              <TD WIDTH="60" bgcolor="#66cc33"> <FONT COLOR="#000000"> 66cc33 </FONT>
              <TD WIDTH="60" bgcolor="#66cc66"> <FONT COLOR="#000000"> 66cc66 </FONT>
              <TD WIDTH="60" bgcolor="#66cc99"> <FONT COLOR="#000000"> 66cc99 </FONT>
              <TD WIDTH="60" bgcolor="#66cccc"> <FONT COLOR="#000000"> 66cccc </FONT>
              <TD WIDTH="60" bgcolor="#66ccff"> <FONT COLOR="#000000"> 66ccff </FONT>
            </TR>
               
            <!66ff00 bis 66ffff>
            <TR>
              <TD WIDTH="60" bgcolor="#66ff00"> <FONT COLOR="#000000"> 66cc00 </FONT>
              <TD WIDTH="60" bgcolor="#66ff33"> <FONT COLOR="#000000"> 66ff33 </FONT>
              <TD WIDTH="60" bgcolor="#66ff66"> <FONT COLOR="#000000"> 66ff66 </FONT>
              <TD WIDTH="60" bgcolor="#66ff99"> <FONT COLOR="#000000"> 66ff99 </FONT>
              <TD WIDTH="60" bgcolor="#66ffcc"> <FONT COLOR="#000000"> 66ffcc </FONT>
              <TD WIDTH="60" bgcolor="#66ffff"> <FONT COLOR="#000000"> 66ffff </FONT>
            </TR>
          </TABLE>
           
            
        <TD> <! Zelle 2>
          <TABLE>
            <!990000 bis 9900ff>
            <TR>
              <TD WIDTH="60" bgcolor="#990000"> <FONT COLOR="#ffffff"> 990000 </FONT>
              <TD WIDTH="60" bgcolor="#990033"> <FONT COLOR="#ffffff"> 990033 </FONT>
              <TD WIDTH="60" bgcolor="#990066"> <FONT COLOR="#ffffff"> 990066 </FONT>
              <TD WIDTH="60" bgcolor="#990099"> <FONT COLOR="#ffffff"> 990099 </FONT>
              <TD WIDTH="60" bgcolor="#9900cc"> <FONT COLOR="#ffffff"> 9900cc </FONT>
              <TD WIDTH="60" bgcolor="#9900ff"> <FONT COLOR="#ffffff"> 9900ff </FONT>
            </TR>
             
            <!993300 bis 9933ff>
            <TR>
              <TD WIDTH="60" bgcolor="#993300"> <FONT COLOR="#ffffff"> 993300 </FONT>
              <TD WIDTH="60" bgcolor="#993333"> <FONT COLOR="#ffffff"> 993333 </FONT>
              <TD WIDTH="60" bgcolor="#993366"> <FONT COLOR="#ffffff"> 993366 </FONT>
              <TD WIDTH="60" bgcolor="#993399"> <FONT COLOR="#ffffff"> 993399 </FONT>
              <TD WIDTH="60" bgcolor="#9933cc"> <FONT COLOR="#ffffff"> 9933cc </FONT>
              <TD WIDTH="60" bgcolor="#9933ff"> <FONT COLOR="#ffffff"> 9933ff </FONT>
            </TR>
             
            <!996600 bis 9966ff>
            <TR>
              <TD WIDTH="60" bgcolor="#996600"> <FONT COLOR="#ffffff"> 996600 </FONT>
              <TD WIDTH="60" bgcolor="#996633"> <FONT COLOR="#ffffff"> 996633 </FONT>
              <TD WIDTH="60" bgcolor="#996666"> <FONT COLOR="#ffffff"> 996666 </FONT>
              <TD WIDTH="60" bgcolor="#996699"> <FONT COLOR="#ffffff"> 996699 </FONT>
              <TD WIDTH="60" bgcolor="#9966cc"> <FONT COLOR="#ffffff"> 9966cc </FONT>
              <TD WIDTH="60" bgcolor="#9966ff"> <FONT COLOR="#ffffff"> 9966ff </FONT>
            </TR>
             
            <!999900 bis 9999ff>
            <TR>
              <TD WIDTH="60" bgcolor="#999900"> <FONT COLOR="#000000"> 999900 </FONT>
              <TD WIDTH="60" bgcolor="#999933"> <FONT COLOR="#000000"> 999933 </FONT>
              <TD WIDTH="60" bgcolor="#999966"> <FONT COLOR="#000000"> 999966 </FONT>
              <TD WIDTH="60" bgcolor="#999999"> <FONT COLOR="#000000"> 999999 </FONT>
              <TD WIDTH="60" bgcolor="#9999cc"> <FONT COLOR="#000000"> 9999cc </FONT>
              <TD WIDTH="60" bgcolor="#9999ff"> <FONT COLOR="#000000"> 9999ff </FONT>
            </TR>
             
            <!99cc00 bis 99ccff>
            <TR>
              <TD WIDTH="60" bgcolor="#99cc00"> <FONT COLOR="#000000"> 99cc00 </FONT>
              <TD WIDTH="60" bgcolor="#99cc33"> <FONT COLOR="#000000"> 99cc33 </FONT>
              <TD WIDTH="60" bgcolor="#99cc66"> <FONT COLOR="#000000"> 99cc66 </FONT>
              <TD WIDTH="60" bgcolor="#99cc99"> <FONT COLOR="#000000"> 99cc99 </FONT>
              <TD WIDTH="60" bgcolor="#99cccc"> <FONT COLOR="#000000"> 99cccc </FONT>
              <TD WIDTH="60" bgcolor="#99ccff"> <FONT COLOR="#000000"> 99ccff </FONT>
            </TR>
             
            <!99ff00 bis 99ffff>
            <TR>
              <TD WIDTH="60" bgcolor="#99ff00"> <FONT COLOR="#000000"> 99ff00 </FONT>
              <TD WIDTH="60" bgcolor="#99ff33"> <FONT COLOR="#000000"> 99ff33 </FONT>
              <TD WIDTH="60" bgcolor="#99ff66"> <FONT COLOR="#000000"> 99ff66 </FONT>
              <TD WIDTH="60" bgcolor="#99ff99"> <FONT COLOR="#000000"> 99ff99 </FONT>
              <TD WIDTH="60" bgcolor="#99ffcc"> <FONT COLOR="#000000"> 99ffcc </FONT>
              <TD WIDTH="60" bgcolor="#99ffff"> <FONT COLOR="#000000"> 99ffff </FONT>
            </TR>
          </TABLE>

               
          <TABLE>
            <!cc0000 bis cc00ff>
            <TR>
              <TD WIDTH="60" bgcolor="#cc0000"> <FONT COLOR="#ffffff"> cc0000 </FONT>
              <TD WIDTH="60" bgcolor="#cc0033"> <FONT COLOR="#ffffff"> cc0033 </FONT>
              <TD WIDTH="60" bgcolor="#cc0066"> <FONT COLOR="#ffffff"> cc0066 </FONT>
              <TD WIDTH="60" bgcolor="#cc0099"> <FONT COLOR="#ffffff"> cc0099 </FONT>
              <TD WIDTH="60" bgcolor="#cc00cc"> <FONT COLOR="#ffffff"> cc00cc </FONT>
              <TD WIDTH="60" bgcolor="#cc00ff"> <FONT COLOR="#ffffff"> cc00ff </FONT>
            </TR>
               
            <!cc3300 bis cc33ff>
            <TR>
              <TD WIDTH="60" bgcolor="#cc3300"> <FONT COLOR="#ffffff"> cc3300 </FONT>
              <TD WIDTH="60" bgcolor="#cc3333"> <FONT COLOR="#ffffff"> cc3333 </FONT>
              <TD WIDTH="60" bgcolor="#cc3366"> <FONT COLOR="#ffffff"> cc3366 </FONT>
              <TD WIDTH="60" bgcolor="#cc3399"> <FONT COLOR="#ffffff"> cc3399 </FONT>
              <TD WIDTH="60" bgcolor="#cc33cc"> <FONT COLOR="#ffffff"> cc33cc </FONT>
              <TD WIDTH="60" bgcolor="#cc33ff"> <FONT COLOR="#ffffff"> cc33ff </FONT>
            </TR>
               
            <!cc6600 bis cc66ff>
            <TR>
              <TD WIDTH="60" bgcolor="#cc6600"> <FONT COLOR="#ffffff"> cc6600 </FONT>
              <TD WIDTH="60" bgcolor="#cc6633"> <FONT COLOR="#ffffff"> cc6633 </FONT>
              <TD WIDTH="60" bgcolor="#cc6666"> <FONT COLOR="#ffffff"> cc6666 </FONT>
              <TD WIDTH="60" bgcolor="#cc6699"> <FONT COLOR="#ffffff"> cc6699 </FONT>
              <TD WIDTH="60" bgcolor="#cc66cc"> <FONT COLOR="#ffffff"> cc66cc </FONT>
              <TD WIDTH="60" bgcolor="#cc66ff"> <FONT COLOR="#ffffff"> cc66ff </FONT>
            </TR>
               
            <!cc9900 bis cc99ff>
            <TR>
              <TD WIDTH="60" bgcolor="#cc9900"> <FONT COLOR="#000000"> cc9900 </FONT>
              <TD WIDTH="60" bgcolor="#cc9933"> <FONT COLOR="#000000"> cc9933 </FONT>
              <TD WIDTH="60" bgcolor="#cc9966"> <FONT COLOR="#000000"> cc9966 </FONT>
              <TD WIDTH="60" bgcolor="#cc9999"> <FONT COLOR="#000000"> cc9999 </FONT>
              <TD WIDTH="60" bgcolor="#cc99cc"> <FONT COLOR="#000000"> cc99cc </FONT>
              <TD WIDTH="60" bgcolor="#cc99ff"> <FONT COLOR="#000000"> cc99ff </FONT>
            </TR>
               
            <!cccc00 bis ccccff>
            <TR>
              <TD WIDTH="60" bgcolor="#cccc00"> <FONT COLOR="#000000"> cccc00 </FONT>
              <TD WIDTH="60" bgcolor="#cccc33"> <FONT COLOR="#000000"> cccc33 </FONT>
              <TD WIDTH="60" bgcolor="#cccc66"> <FONT COLOR="#000000"> cccc66 </FONT>
              <TD WIDTH="60" bgcolor="#cccc99"> <FONT COLOR="#000000"> cccc99 </FONT>
              <TD WIDTH="60" bgcolor="#cccccc"> <FONT COLOR="#000000"> cccccc </FONT>
              <TD WIDTH="60" bgcolor="#ccccff"> <FONT COLOR="#000000"> ccccff </FONT>
            </TR>
               
            <!ccff00 bis ccffff>
            <TR>
              <TD WIDTH="60" bgcolor="#ccff00"> <FONT COLOR="#000000"> cccc00 </FONT>
              <TD WIDTH="60" bgcolor="#ccff33"> <FONT COLOR="#000000"> ccff33 </FONT>
              <TD WIDTH="60" bgcolor="#ccff66"> <FONT COLOR="#000000"> ccff66 </FONT>
              <TD WIDTH="60" bgcolor="#ccff99"> <FONT COLOR="#000000"> ccff99 </FONT>
              <TD WIDTH="60" bgcolor="#ccffcc"> <FONT COLOR="#000000"> ccffcc </FONT>
              <TD WIDTH="60" bgcolor="#ccffff"> <FONT COLOR="#000000"> ccffff </FONT>
            </TR>
          </TABLE>
               
               
          <TABLE>
            <!ff0000 bis ff00ff>
            <TR>
              <TD WIDTH="60" bgcolor="#ff0000"> <FONT COLOR="#ffffff"> ff0000 </FONT>
              <TD WIDTH="60" bgcolor="#ff0033"> <FONT COLOR="#ffffff"> ff0033 </FONT>
              <TD WIDTH="60" bgcolor="#ff0066"> <FONT COLOR="#ffffff"> ff0066 </FONT>
              <TD WIDTH="60" bgcolor="#ff0099"> <FONT COLOR="#ffffff"> ff0099 </FONT>
              <TD WIDTH="60" bgcolor="#ff00cc"> <FONT COLOR="#ffffff"> ff00cc </FONT>
              <TD WIDTH="60" bgcolor="#ff00ff"> <FONT COLOR="#ffffff"> ff00ff </FONT>
            </TR>
               
            <!ff3300 bis ff33ff>
            <TR>
              <TD WIDTH="60" bgcolor="#ff3300"> <FONT COLOR="#ffffff"> ff3300 </FONT>
              <TD WIDTH="60" bgcolor="#ff3333"> <FONT COLOR="#ffffff"> ff3333 </FONT>
              <TD WIDTH="60" bgcolor="#ff3366"> <FONT COLOR="#ffffff"> ff3366 </FONT>
              <TD WIDTH="60" bgcolor="#ff3399"> <FONT COLOR="#ffffff"> ff3399 </FONT>
              <TD WIDTH="60" bgcolor="#ff33cc"> <FONT COLOR="#ffffff"> ff33cc </FONT>
              <TD WIDTH="60" bgcolor="#ff33ff"> <FONT COLOR="#ffffff"> ff33ff </FONT>
            </TR>
               
            <!ff6600 bis ff66ff>
            <TR>
              <TD WIDTH="60" bgcolor="#ff6600"> <FONT COLOR="#ffffff"> ff6600 </FONT>
              <TD WIDTH="60" bgcolor="#ff6633"> <FONT COLOR="#ffffff"> ff6633 </FONT>
              <TD WIDTH="60" bgcolor="#ff6666"> <FONT COLOR="#ffffff"> ff6666 </FONT>
              <TD WIDTH="60" bgcolor="#ff6699"> <FONT COLOR="#ffffff"> ff6699 </FONT>
              <TD WIDTH="60" bgcolor="#ff66cc"> <FONT COLOR="#ffffff"> ff66cc </FONT>
              <TD WIDTH="60" bgcolor="#ff66ff"> <FONT COLOR="#ffffff"> ff66ff </FONT>
            </TR>
               
            <!ff9900 bis ff99ff>
            <TR>
              <TD WIDTH="60" bgcolor="#ff9900"> <FONT COLOR="#000000"> ff9900 </FONT>
              <TD WIDTH="60" bgcolor="#ff9933"> <FONT COLOR="#000000"> ff9933 </FONT>
              <TD WIDTH="60" bgcolor="#ff9966"> <FONT COLOR="#000000"> ff9966 </FONT>
              <TD WIDTH="60" bgcolor="#ff9999"> <FONT COLOR="#000000"> ff9999 </FONT>
              <TD WIDTH="60" bgcolor="#ff99cc"> <FONT COLOR="#000000"> ff99cc </FONT>
              <TD WIDTH="60" bgcolor="#ff99ff"> <FONT COLOR="#000000"> ff99ff </FONT>
            </TR>
               
            <!ffcc00 bis ffccff>
            <TR>
              <TD WIDTH="60" bgcolor="#ffcc00"> <FONT COLOR="#000000"> ffcc00 </FONT>
              <TD WIDTH="60" bgcolor="#ffcc33"> <FONT COLOR="#000000"> ffcc33 </FONT>
              <TD WIDTH="60" bgcolor="#ffcc66"> <FONT COLOR="#000000"> ffcc66 </FONT>
              <TD WIDTH="60" bgcolor="#ffcc99"> <FONT COLOR="#000000"> ffcc99 </FONT>
              <TD WIDTH="60" bgcolor="#ffcccc"> <FONT COLOR="#000000"> ffcccc </FONT>
              <TD WIDTH="60" bgcolor="#ffccff"> <FONT COLOR="#000000"> ffccff </FONT>
            </TR>
               
            <!ffff00 bis ffffff>
            <TR>
              <TD WIDTH="60" bgcolor="#ffff00"> <FONT COLOR="#000000"> ffcc00 </FONT>
              <TD WIDTH="60" bgcolor="#ffff33"> <FONT COLOR="#000000"> ffff33 </FONT>
              <TD WIDTH="60" bgcolor="#ffff66"> <FONT COLOR="#000000"> ffff66 </FONT>
              <TD WIDTH="60" bgcolor="#ffff99"> <FONT COLOR="#000000"> ffff99 </FONT>
              <TD WIDTH="60" bgcolor="#ffffcc"> <FONT COLOR="#000000"> ffffcc </FONT>
              <TD WIDTH="60" bgcolor="#ffffff"> <FONT COLOR="#000000"> ffffff </FONT>
            </TR>
          </TABLE>
      </TR>
    </TABLE>
     
       
    <!-Ende des Hauptteils-/-Beginn des Fusses-------------------------------->

    <P>
    <!Ruecksprunglinks am Seitenende>
    <TABLE WIDTH="100%">
      <TR WIDTH="33%">
        <TD WIDTH="33%">
          <LEFT> <A HREF=star.htm> <FONT SIZE="-1">
            &#060; Zurück zur Startseite </FONT> </A> </LEFT>
        </TD>

        <TD WIDTH="33%">
          <CENTER> <A HREF=test.htm> <FONT SIZE="-1">
            &#060; Zurück zu "Test" </A> </CENTER>
        </TD>

        <TD WIDTH="33%">
          <A HREF=#seitenanfang> <FONT SIZE="-1"> <DIV ALIGN="right">
            ^ Nach oben</DIV> </FONT> </A>
        </TD>
      </TR>
    </TABLE>
    <!Ruecksprunglinks am Seitenende>
    
    <!Anker zum Anspringen des Seitenende>
    <A NAME="seitenende"></A>
  </BODY>
</HTML>

<!Fusszeile, abgesetzt mit HR (horizontaler Linie)>
<HR>
<FONT SIZE="-2">
  <ADDRESS>
    &copy 29. Juni 2004
    URL=farb-gesch.htm
  </ADDRESS>
</FONT>


<P>
###############################################################################

Zellen verbinden - spaltenweise:

<table border="1">
  <tr>
    <th colspan="2">Die Menschheit besteht aus</th>
  </tr>
  <tr>
    <td>Eseln</td>
    <td>Affen</td>
  </tr>
</table>

<!
Ergibt:
Die Menschheit besteht aus
Eseln                Affen

Erläuterung:
Durch das Attribut colspan [Anzahl Spalten] erreichen Sie, dass sich eine Zelle über mehrere Spalten 
hinweg erstreckt (colspan = column span = Spalten spannen). 
Die Angabe ist nur wirksam, wenn die Tabelle mindestens so viele Spalten besitzt wie angegeben.

Beachten Sie:
Wenn Sie in einer Tabellenzeile eine Zelle beispielsweise über vier Spalten hinweg "spannen", 
sollten Sie in den anderen Zeilen der Tabelle anstelle dieser einen Zelle vier eigene Zellen definieren. 
Die Summe der Zellen sollte in jeder Zeile der Tabelle gleich sein.
>


<P>
###############################################################################

Zellen verbinden - zeilenweise:

<table border="1">
  <tr>
    <th colspan="2" rowspan="2">Der Mensch ist...</th>
    <td>zum einen Teil ein Esel</td>
  </tr>
  <tr>
    <td>zum anderen Teil ein Affe</td>
  </tr>
  <tr>
    <td>weder ein richtiger Esel</td>
    <td>noch ein richtiger Affe</td>
    <td><b>menschlich, allzumenschlich</b></td>
  </tr>
</table>

<!
So siehts aus:
                                                 zum einen Teil ein Esel
Der Mensch ist...                                zum anderen Teil ein Affe 
weder ein richtiger Esel noch ein richtiger Affe menschlich, allzumenschlich 

Erläuterung:
Sie können die Attribute colspan [Anzahl Spalten] und rowspan [Anzahl Zeilen] in einer Zelle kombinieren. 
Dadurch erreichen Sie, dass sich die Zelle über mehrere Spalten und Zeilen zugleich erstreckt.
>



<P>
###############################################################################
16.07.2004 Einstellungen der Hintergrund- und Link-Farben im Body statt im css

<BODY BGCOLOR=#FFFFFF LINK="#00615F" VLINK="#00615F" ALINK="#00615F">


<P>
###############################################################################
30.07.2004 Hinweis auf Acrobatreader

<A HREF="http://www.adobe.de/products/acrobat/download/readstep.html">
<IMG BORDER="0" SRC="acrobat.gif" ALT="Get Acrobat Reader" WIDTH="88" HEIGHT="31"></A>

<P>
Mit dem Acrobat Reader können Sie diese Datei lesen

<P>
###############################################################################
28.11.2004

Vorrichtungen veröffentlichen im 

Schmiedecafe: 
Hier stehen die Beiträge im Forum 'Messer Selbstbau' unter 'Selbstgebaute Vorrichtungen'

bzw. im

Messerforum:
Hier stehen die Beiträge in ''


Messer veröffentlichen im
Schmiedecafe: 
Hier stehen die Beiträge im Forum 'Messer Selbstbau'

bzw. im

Messerforum:
Hier stehen die Beiträge in 'Messermacher Treff'



Opus 14, ein grosses Küchenmesser

Hallo Kollegen,
Opus 14, ein Küchenmesser für unseren Sohn ist soeben fertig geworden.
[IMG]http://hobby-messer.de/messer-14-IMG_1764.jpg[/IMG]  
Er hatte es sich zum Geburtstag gewünscht, deshalb musste ich es vorziehen.
Noch ein paar technische Daten: 
Die Gesamtlänge beträgt 345 mm (225 mm Klinge, 120 mm Griff, die Klinge ist 49 mm breit. 
Der Griff besteht aus Olive, eingelassen mit Leinölfirnis. Die Pins sind aus CFK. 
Weitere Informationen sind zu sehen auf der entsprechenden Seite meiner Homepage
[url]http://hobby-messer.de/messer-14.htm[/url]

<P>
Opus 16

Hallo Kollegen, 

Opus 16, ein Folder wurde soeben fertig. 

[IMG]http://hobby-messer.de/messer-16-IMG_1820.jpg[/IMG]
[IMG]http://hobby-messer.de/messer-16-IMG_1822.jpg[/IMG]

Es ist mein zweiter selbst (zusammen) gebauter Folder. 
Der Bausatz ist wieder von knifekits. Die Griffschalen aus Palisander sind von mir.

Weitere Informationen sind zu sehen auf der entsprechenden Seite meiner Homepage 
[url]http://hobby-messer.de/messer-16.htm[/url]

-------------------------------------------------------
Opus 17, Damast-Besteck

Hallo Kollegen,

Opus 17, ein Besteck (zwei Messer und zwei Gabeln) aus Damast wurden soeben fertig:
[IMG]http://hobby-messer.de/messer-17-IMG_1907.jpg[/IMG]  

Und hier bei der Arbeit:
[IMG]http://hobby-messer.de/messer-17-IMG_1933.jpg[/IMG]  

Die Gesamtlänge beträgt ca. 215 mm. 
Der Damast ist von Brisa (Thunderforged® Damascus billets "Twist": 
"Thunderforged® Damascus billets made of 1095 and O1 tool steel with 8 % nickel content. The HRC is 28 in average. Soft to grind before heat treating. You do not necessarily have to send this steel away for heat treating. Follow the instructions and do it all yourself.")

Entgegen des aufmunternden Hinweises härtete ich den Damast nicht selber, sondern beauftragte Peter Abel damit.

Als Griffe verwendete ich ein Kohlefaserrohr 12x1 von R&G, in das die Klingen bzw. Gabeln eingeklebt wurden.

Die Teile wurden geschliffen, gehärtet, geschliffen, poliert, geätzt, poliert, gebläut, eingeklebt und geschärft.

Weitere Informationen gibts auf der entsprechenden Seite meiner Homepage
[url]http://hobby-messer.de/messer-17.htm[/url]

Guten Appetit, Hans

-------------------------------------------------------
Opus 18: Die "Schwarze Klinge"

Hallo Kollegen,

endlich wurde die "Schwarze Klinge" fertig.
"Schwarze Klinge" deshalb, weil ich die Monostahlklinge geätzt habe um eine "schwarze" Farbe zu erzielen.

[IMG]http://hobby-messer.de/messer-18-IMG_4274.jpg[/IMG] 
[IMG]http://hobby-messer.de/messer-18-IMG_4274.jpg[/IMG] 

Die Klinge sah ich bei Armin "ArminII" auf dem Hammer-In 2005 in Asperg, konnte der Form einfach nicht 
widerstehen und kaufte sie spontan.

Die Form hatte Frithjof "Badger1875" entworfen, der sie auch auslasern liess. 
Armin "ArminII" hatte sie gebohrt und geschliffen und auch wärmebehandelt.

Den Rest übernahm ich.


Ein paar technische Daten: 
Klingenlänge: 95 mm, Grifflänge 100 mm, Gesamtlänge 195 mm 
Klingenbreite: 43 mm 
Klingendicke: 6 mm mit tapered tang 
Klingengesamtgewicht: 170 Gramm + 80 Gramm für die Scheide 
Stahl 1.2842, geätzt mit FeIIICl und manuell poliert 
Griffschalen: Weisse Kamelknochen in der originalen Rundform 
Pins: 2 mm CFK-Rundstäbe 
Scheide: Aus 3 mm dickem vegetabil gegerbtem Leder (Hals), imprägniert mit einer Lotion aus verschiedenen Ölen
und Bienenwachs 


Weitere Informationen gibts auf der entsprechenden Seite meiner Homepage
[URL]http://hobby-messer.de/messer-18.htm[/URL]

Hans

-------------------------------------------------------
Opus 19: Wiki

soeben wurde mein kleines (Gesamtlänge ca. 130 mm) Damast-Wiki-Messerchen fertig: 

[IMG]http://hobby-messer.de/messer-19-IMG_3396.jpg[/IMG] 

Es besteht aus dem wilden Damast (aus 1.0503 (C45) und 1.2842 (90MnCrV8)), den ich während eines Schmiedekurses bei Peter "Claymore" Abel schmiedete.

Das Damaststück brachte ich mit zum diesjährigen Hammer-In nach Asperg, wo mir Frithjof "Badger1875" beim Schmieden half. 
Die Wärmebehandlung übernahm Armin "ArminII".

[IMG]http://hobby-messer.de/messer-19-IMG_3400.jpg[/IMG] 
[IMG]http://hobby-messer.de/messer-19-IMG_3401.jpg[/IMG] 

Wie man an den beiden Bildern sieht, ist der Damast auf beiden Seiten der Schneide sehr unterschiedlich geworden:
Links ziemlich parallel, rechts ziemlich wild.


[IMG]http://hobby-messer.de/messer-19-IMG_3420.jpg[/IMG] 

Ich bin mir nicht sicher, ob die Linie am oberen Klingenschliffauslauf nur eine zufällige Linie an der Oberfläche ist oder ob sich dahinter ein Schweissfehler verbirgt.


Weitere Informationen gibts auf der entsprechenden Seite meiner Homepage
[IMG]http://hobby-messer.de/messer-19.htm[/IMG]

Hans


Opus 20: Ich war eine Feile

Hallo Kollegen,

soeben wurde meine kleine Feile (Gesamtlänge ca. 190 mm) fertig: 

[IMG]http://hobby-messer.de/messer-20-IMG_3380.jpg[/IMG] 
[IMG]http://hobby-messer.de/messer-20-IMG_3385.jpg[/IMG] 

Um möglichst viel von der Feilenstruktur zu belassen habe ich auf Griffschalen verzichtet und nur zwei Backenpaare (aus Corian) angebracht.
Ein Rest des Feilenhiebs dient als Daumenriffelung.

Den Feilenrest hatte Michael "Michael L" beim diesjährigen Hammer-In in Asperg übrig gelassen, so dass ich mich mal wieder als "Schmied" versuchte. 
Die Wärmebehandlung übernahm Armin "ArminII".

[IMG]http://hobby-messer.de/messer-20-IMG_3424.jpg[/IMG] 

Der vordere linke Backen musste als Testobjekt für meinen neuen Schlagstempel herhalten.
Die Pins sind wegen des Kontrasts aus CFK.

[IMG]http://hobby-messer.de/messer-20-IMG_3389.jpg[/IMG] 

Hier sind die Pins aus GFK, aber durch das Kunstharz leider nicht mehr ganz weiss geblieben.


Weitere Informationen gibts auf der entsprechenden Seite meiner Homepage
[URL]http://hobby-messer.de/messer-20.htm[/URL]

Hans


---------------------------------------------------------
20.08.2005

Hilfsmittel 14: Spannvorrichtung

Hallo Kollegen,

soeben wurde meine Spannvorrichtung fertig:

[IMG]http://hobby-messer.de/hilfsm-14-IMG_3379.jpg[/IMG]  


Hier benutze ich sie zum Bohren der Backen:

[IMG]http://hobby-messer.de/hilfsm-14-IMG_3371.jpg[/IMG]  

Mit zwei Spannpratzen wird die Klinge fixiert und mit der dritten der Backen.

Die zusätzlichen Distanzbolzen sind wichtig zum "Überkopfbohren", denn zum Bohren der Backen drehe ich die Spannvorrichtung auf den Rücken:

[IMG]http://hobby-messer.de/hilfsm-14-IMG_3367.jpg[/IMG]  


Aber es sind natürlich viel mehr Einsatzgebiete denkbar.

Im Prinzip besteht sie aus einem Blech (ca. 200x200x10) mit vielen Gewindebohrungen, ein paar Spannpratzen. 
Zum "Überkopfbohren" wie beim Bohren der Backen gehören noch drei Distanzbolzen dazu.

Weitere Informationen gibts auf der entsprechenden Seite meiner Homepage
[url]http://hobby-messer.de/hilfsm-14.htm[/url]

Hans

---------------------------------------------------------
05.11.2005

Färben bzw. Imprägnieren von Lederscheiden

Hallo Kollegen,

nachdem ich einige verschiedene Verfahren ausprobiert habe, möchte ich nun über die Ergebnisse berichten.

Ich ordne die Ergebnisse nach ihrer Farbtiefe:

1. Ganz hell
Das Leder im Ausgangszustand:
[IMG]http://hobby-messer.de/messer-13-IMG_3897.jpg[/IMG]
Die ersten Scheiden habe ich überhaupt nicht behandelt.

2. Honigfarben
Hier habe ich lediglich mit einem Lappen eine Lotion aus einer Ölmischung und Bienenwachs (s. u.) aufgetragen:
[IMG]http://hobby-messer.de/messer-18-IMG_4278.jpg[/IMG]
[IMG]http://hobby-messer.de/messer-18-IMG_4267.jpg[/IMG]
[IMG]http://hobby-messer.de/messer-18-IMG_4277.jpg[/IMG]
[IMG]http://hobby-messer.de/messer-18-IMG_4270.jpg[/IMG]
Die sehr helle Farbe liegt sehr nahe am Ausgangston.

3. Sattellederbraun 1
[IMG]http://hobby-messer.de/messer-11-IMG_4303.jpg[/IMG]
[IMG]http://hobby-messer.de/messer-11-IMG_4302.jpg[/IMG]
[IMG]http://hobby-messer.de/messer-11-IMG_4309.jpg[/IMG]
[IMG]http://hobby-messer.de/messer-11-IMG_4310.jpg[/IMG]

4. Sattellederbraun 2
[IMG]http://hobby-messer.de/messer-11-IMG_4314.jpg[/IMG]
[IMG]http://hobby-messer.de/messer-11-IMG_4316.jpg[/IMG]
[IMG]http://hobby-messer.de/messer-11-IMG_4315.jpg[/IMG]
[IMG]http://hobby-messer.de/messer-11-IMG_4317.jpg[/IMG]

Wie gesagt, nicht gefärbt, nur geölt. Deshalb bleibt auch der Nähfaden so weiss.

5. Tiefbraun
Zuerst habe ich schwarze Flecken aufgespritzt:
[IMG]http://hobby-messer.de/messer-13-IMG_3911a.jpg[/IMG]
Dann habe ich die Scheide zwei Tage getaucht in der Ölmischung (s. u.)
[IMG]http://hobby-messer.de/hilfsm-15-IMG_4243.jpg[/IMG]
Ein sehr tiefes Braun, was den Kontrast zu den schwarzen Flecken deutlich reduziert.

6. Schwarz
Hier habe ich lediglich schwarze Lederfarbe aufgetragen:
[IMG]http://hobby-messer.de/messer-00-t-p3140013.jpg[/IMG]


Die Ölmischung habe ich nach einem Rezept von David "Eukalypt" angesetzt aus
30 % Leinöl (bei mir allerdings ungekocht, was die Trocknungszeiten verlängern dürfte), 
30 % Tungöl (ebenfalls ungekocht)
30 % Erdnussöl  
10 % Balsamterpentin

Diese Ölmischung habe ich zum Streichen und Tauchen verwendet.

Für die Bienenwachsemulsion habe ich 100 Gramm davon genommen und darin im Wasserbad 20 Gramm Bienenwachs
(Entdeckelungswachs) aufgelöst.
Das Bienenwachs ist erstaunlich hart, aber bei dem hohen Ölanteil bleibt die Lotion sehr weich.


Weitere Informationen gibts auf der entsprechenden Seite meiner Homepage
[URL]http://hobby-messer.de/hilfsm-15.htm[/URL]

Hans

<P>
###############################################################################
04.03.2005 Videos einbinden auf der HP

Die Videos müssen auf das zeitliche Minimum begrenzt werden. Zum Schneiden kann honestec verwendet werden.
Als Ausgabeformat wird mpg verwendet.
Um Stillbilder für die Links zu erhalten wird das Video mit dem Quitime-Player angezeigt. 
Das gewünschte Bild wird in die Zwischenablage kopiert.
In Photoshop wird eine neue Datei geöffnet und das Bild aus der Zwischenablage eingefügt.
Danach kann es ganz normal behandelt werden.


<P>
###############################################################################

Opus 25: Das kleine Küchenmesser

Hallo Kollegen,

soeben wurde ein kleines Küchenmesser fertig.

[IMG]http://hobby-messer.de/messer-25-IMG_4627.jpg[/IMG] 
[IMG]http://hobby-messer.de/messer-25-IMG_4628.jpg[/IMG] 

Nein, das sind keine Flecken, sondern geätzte Muster!

Die Klinge habe ich Gerhard "Ge-Ha-We" zu verdanken, der den Schliff und die Wärmebehandlung durchführte.

Der Rest ist von mir.

Weitere Informationen zum Ätzen der Muster, zur Herstellgeschichte und zu den technischen Daten 
gibts auf der entsprechenden Seite meiner Homepage
[URL]http://hobby-messer.de/messer-25.htm[/URL]

Hans

<P>
###############################################################################

Opus 26: Das grosse Küchenmesser

Hallo Kollegen,

soeben wurde ein grosses Küchenmesser fertig.

[IMG]http://hobby-messer.de/messer-26-IMG_4635.jpg[/IMG] 
[IMG]http://hobby-messer.de/messer-26-IMG_4637.jpg[/IMG] 

Die Klinge habe ich Gerhard "Ge-Ha-We" zu verdanken, der den Schliff und die Wärmebehandlung durchführte.

Der Rest ist von mir.

Weitere Informationen zur Herstellgeschichte und zu den technischen Daten 
gibts auf der entsprechenden Seite meiner Homepage
[URL]http://hobby-messer.de/messer-26.htm[/URL]

Hans

<P>
###############################################################################

Opus 24: Das Pendant zu Opus 18 (die "Schwarze Klinge")

Hallo Kollegen,

endlich ist das (Gegensatz)-Paar fertig:
[IMG]http://www.hobby-messer.de/messer-18-IMG_4877.jpg[/IMG] 
Opus 18 Die schwarze Klinge mit dem weissen Knochengriff

[IMG]http://www.hobby-messer.de/messer-24-IMG_4809.jpg[/IMG] 
Opus 24 Die hochglanzpolierte Klinge mit dem (nicht ganz) schwarzen Knochengriff


Die Klinge zu Opus 18 sah ich bei Armin "ArminII" auf dem Hammer-In 2005 in Asperg, konnte der Form einfach nicht 
widerstehen und kaufte sie spontan.

Michael "Michael L." meinte damals schon, dass ich ein Pärchen machen sollte.
Ein (gleichartiges) Pärchen wurde es dann aber doch nicht, eher ein Gegensatzpaar, oder ein Pendant zu Opus 18. 

Die Form hatte wieder Frithjof "Badger1875" entworfen und auslasern lassen. 
Armin "ArminII" hatte sie wieder gebohrt, geschliffen und auch wärmebehandelt.

Den Rest übernahm wieder ich.

Weitere Informationen zur Herstellgeschichte und zu den technischen Daten 
gibts auf der entsprechenden Seite meiner Homepage
[URL]http://www.hobby-messer.de/messer-24.htm[/URL]

Hans

<P>
###############################################################################

Testen von css-Anweisungen

Man kann das im css-File machen, aber dann muss die Seite neu aufgerufen werden, damit die Änderungen wirksam werden.

Einfacher geht das Testen im html-File:

In
<img src=1.jpg style="border: solid 1px; padding: 2px;">

ist der Text "border: solid 1px; padding: 2px;"
das, was im css-File zu schreiben wäre, also

/*Klasse fuer Bild mit Rand*/
img.mitr {border: solid 1px; padding: 2px;}

<P>
###############################################################################

Hallo Kollegen,

weil meine Homepage gelöscht wurde sind alle Bilder der Hilfsmittel nicht mehr zugänglich gewesen, 
ausserdem waren die Hilfsmittel auch nicht vollständig dokumentiert.
Deshalb habe ich mich nun entschlossen, alle (nochmal) zu veröffentlichen.



Zusammenfassung der Beschreibungen der Hilfsmittel 1 bis 19

[B]1. Lederschneider[/B]

Der Lederschneider ist für diejenigen, die Probleme mit einem richtigen Ledermesser und mit einem Teppichmesser
haben, also für Leute wie mich. 
Er besteht aus zwei Stücken Sperrholz in die die Klinge eines Teppichmessers geklemmt ist:

[IMG]http://www.hobby-messer.de/hilfsm-01-p1240006c.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-01.htm


[B]2. Klebepresse[/B]

Die Klebepresse dient zum Einkleben des Spitzerls in den Griff, der aus einem oder auch aus mehreren Stücken 
bestehen kann. Sie fixiert die Klinge und erlaubt das Aufbringen des Klebedrucks 

[IMG]http://www.hobby-messer.de/hilfsm-02-IMG_1740.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-02.htm


[B]3. Kleiner Bandschleifer[/B]

Diesen kleinen Bandschleifer setze ich immer dann ein, wenn es um kleine konkave Radien geht. 

[IMG]http://www.hobby-messer.de/hilfsm-03-p2180011a.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-03.htm


[B]4. Kydex-Presse[/B]

Eigentlich dreht es sich ja zwei Vorrichtungen:
1. Biegevorrichtung
2. Abformpresse

Die Biegevorrichtung ist immer noch so wie beschrieben, abder die Presse war ursprünglich viel komplizierter 
mit vier Schraubspindeln, aber inzwischen stelle ich mich einfach drauf und presse mit dem Körpergewicht.
Das geht viel einfacher, schneller und mindestens genau so gut! 

[IMG]http://www.hobby-messer.de/hilfsm-04-p3310007.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-04.htm


[B]5. Bandschleifermbau[/B]

Einen Teil der Umbauten hätte ich mir ersparen können, wenn ich die Bandbreite von Anfang an begrenzt hätte.
Aber der Anbau des Schleiftisches und der der Schleifunterlage war wichtig.

[IMG]http://www.hobby-messer.de/hilfsm-05-IMG_0259.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-05.htm


[B]6. Schleifvorrichtung[/B]

Achtung und Ehrerbietung allen Künstlern, die ihre Messer freihändig schleifen!
Aber ich kann das nicht und deshalb habe ich mir eine Vorrichtung dafür gebaut, einen Winkel, auf den die
Klinge aufgespannt wird.

[IMG]http://www.hobby-messer.de/hilfsm-06-IMG_3224.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-06.htm


[B]7. Poliermaschine[/B]

Natürlich hält diese Maschine dem Vergleich mit einer Profimaschine nicht stand. Aber im Vergleich zur Poliererei 
mit einer Bohrmaschine ist sie doch unvergleich besser.

[IMG]http://www.hobby-messer.de/hilfsm-07-IMG_2158.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-07.htm


[B]8. Mitellinienanreisser[/B]

Eine "Riesenvorrichtung"!
Nein, ein kleines Helferlein mit dem man die Mittellinie der Schneide einfach und schnell
anzeichnen kann.

[IMG]http://www.hobby-messer.de/hilfsm-08-IMG_1678.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-08.htm


[B]9. Bohrvorrichtung [/B]

Diese kleine Bohrvorrichtung (später baute ich noch eine grössere) hilft beim Bohren 
von Klingen, die sich in aller Regel ja schlecht einspannen lassen.

[IMG]http://www.hobby-messer.de/hilfsm-09-IMG_3297.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-09.htm


[B]10. Stichsägentisch[/B]

Wobei das nur ein Stpck Spanplatte ist, an dem die Stichsäge von unten befestigt ist,
so dass man oben sägen kann.

[IMG]http://www.hobby-messer.de/hilfsm-10-IMG_1752.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-10.htm


[B]11. Arbeitsküche mit Drehmaschine[/B]

Das war mal eine Küche, aber nun steht meine Drehmaschine auf der Arbeitsplatte.

[IMG]http://www.hobby-messer.de/hilfsm-11-IMG_1856.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-11.htm


[B]12. Zubehör für die Drehmaschine[/B]

Zuerst wurde ein digitaler Messschieber angebaut und dann gabs auch noch einen
Halogenstrahler mit Magnetfuss.

[IMG]http://www.hobby-messer.de/hilfsm-11-IMG_1951.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-12.htm


[B]13. Adapter für Bohrständer[/B]

Der Bohrständer war schlicht zu klein für die grosse Nohrmaschine, deshalb baute ich
einen Adapter.

[IMG]http://www.hobby-messer.de/hilfsm-13-IMG_3243.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-13.htm


[B]14. Spannvorrichtung[/B] 

Diese Vorrichtung habe ich zum Spannen der Klinge bzw. der Backen angefertigt.
Sie fixiert mit zwei Spannpratzen die Klinge und mit der dritten den Backen.
Und wenn man sie umdreht kann man nun durch die Klinge den Backen bohren.

[IMG]http://www.hobby-messer.de/hilfsm-14-IMG_3371.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-14.htm


[B]15. Färben/Imprägnieren von Leder[/B]

Ok, eine Vorrichtung ist es nicht. Aber ich berichte hier von meinen Versuchen, Leder
zu Färben bzw. zu Imprägnieren.

[IMG]http://www.hobby-messer.de/messer-13-IMG_3911a.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-15.htm


[B]16. Handschleifhalter[/B]

Nicht dass ich mich mit fremden Federn schmücke: 
Diesen Handschleifhalter habe ich geschenkt bekommen.

[IMG]http://www.hobby-messer.de/hilfsm-16-IMG_4341.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-16.htm


[B]17. Anfertigen einer Lederscheide[/B]

Das ist nur insofern ein Hilfsmittel, als man damit ein Messer herumtragen kann,
eine Vorrichtung ist es shcon gar nicht.
Aber ich beschreibe hier, wie ich beim Anfertigen einer Scheide vorgehe.

[IMG]http://www.hobby-messer.de/hilfsm-17-1.gif[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-17.htm


[B]18. Fräsmaschine /B]

Endlich eine eigene Fräsmaschine

[IMG]http://www.hobby-messer.de/hilfsm-18-IMG_4382.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-18.htm


[B]19. Hilfsmittel für die Fräsmaschine[/B]

Im Augenblick gehts um
Messuhrhalter 
Bohrerhalter 
Fräserhalter 
Kreissäge 
Aufspannplatte 

Also das nötigste eben, das ich beim Fräsen brauche.

[IMG]http://www.hobby-messer.de/hilfsm-19-IMG_4410.jpg[/IMG]

Mehr Informationen gibts auf meiner Homepage unter
http://www.hobby-messer.de/hilfsm-19.htm


Veröffentlicht unter

http://www.schmiedecafe.com/forum/showthread.php?t=528&highlight=hobbys
http://www.schmiedecafe.com/forum/showthread.php?t=529&highlight=hobbys


Gestrichen, da die Bilderlinks verlorengegangen sind.

Die Hilfsmittel sind nun beschrieben unter
http://www.schmiedecafe.com/forum/s...ighlight=hobbys 


Gestrichen, da die Bilderlinks verlorengegangen sind.

Die Hilfsmittel sind nun beschrieben unter
http://www.schmiedecafe.com/forum/showthread.php?t=529&highlight=hobbys


<P>
###############################################################################

Opus 21: Zwei kleine Frühstücksmesser

Hallo Kollegen,

endlich kann ich beim Frühstück meine eigenen Messer benutzen:
[IMG]http://www.hobby-messer.de/messer-21-IMG_4976.jpg[/IMG] 

Den Damast habe ich bei einem Schmiedekurs bei Peter "Claymore" Abel erschmiedet,
daraus schmiedete ich auf dem Schmiedewochenende bei der Einweihung seiner Werkstatt
die beiden Messerchen.

Geschliffen und poliert habe ich zu Hause, die Wärmebehandlung lag wieder in den  
Händen von Armin "ArminII".

Weitere Informationen zur Herstellgeschichte und zu den technischen Daten 
gibts auf der entsprechenden Seite meiner Homepage
[URL]http://www.hobby-messer.de/messer-21.htm[/URL]

Hans

<P>
###############################################################################

Automatische Weiterleitung (1)
------------------------------
<html>

<head>
<meta http-equiv="refresh" content="5; URL=http://de.selfhtml.org/">
<!-- ... andere Angaben im Dateikopf ... -->
</head>

<body>

sie werden weitergeleitet

</body>
</html>


Automatische Weiterleitung (2)
------------------------------
<!index-mf-2006.htm>
<!Einer der Zugänge zur Motorradfreizeit-HP mit automatischer Weiterleitung>

<HTML>
  <HEAD>
    <!Nach 5 Sekunden Wartezeit wird automatisch die angegebene Seite aufgerufen>
    <META HTTP-EQUIV="refresh" CONTENT="5; URL=0-index-mf-2006.htm">
  </HEAD>

<P>
Sie haben die Seite<BR>
http://www.hobby-messer.de/index-mf-2006.htm<BR>

<P>
aufgerufen.<BR>
<P>
Das ist zwar nicht falsch, da es einen der zulässigen Zugänge zu meiner
Motorradfreizeit-Homepage darstellt.<BR>
Aber die eigentliche Startseite ist eine andere,<BR>
Sie werden nun automatisch dorthin weitergeleitet.

<P>
Sollte das innerhalb der fünf Sekunden, die Sie zum Lesen des Hinweises gebraucht haben
nicht geschehen sein, klicken SIe bitte auf den folgenden Link:<BR>

<P>
<A HREF=motorradfreizeit.htm>http://www.hobby-messer.de/motorradfreizeit.htm</A>

</HTML>

<!Fusszeile, abgesetzt mit HR (horizontaler Linie)>
<HR>
<FONT size="-1">
<ADDRESS>
  Autor: Hans, <A HREF=0-kontakt.htm>eMail </A>
  <BR> URL=http://www.hobby-messer.de/index-mf-2006.htm Stand 17. September 2006
</ADDRESS>
</FONT>


<P>
###############################################################################

Langes Zitat (BLOCKQUOTE) (kurzes Zitat (cite)

Die perfekte Lösung zeigt mal wieder Thomas "rumag":<BR>
<BLOCKQUOTE>
Nachdem jetzt der Griff bearbeitet werden kann, ist mir eingefallen, daß ich noch Teile für eine schon länger 
geplante Vorrichtung herumliegen habe. Mit dieser Vorrichtung kann man das fertig montierte Messer an der Klinge 
spannen. Durch das feststellbare Kugelgelenk ist das in die Vorrichtung gespannte Messer frei im Raum drehbar 
und ermöglicht so für den Bearbeiter die jeweils beste Position um den Griff in Form zu feilen und zu finishen. 
Da das Kugelgelenk nur mit einem Hebel arretiert wird, läßt sich das ganze sehr schnell lösen und wieder spannen. 

<P>
In der Vergangenheit habe ich einfach einen kleinen Schraubstock hochkant in den großen Schraubstock gespannt 
und so den Griff beabeitet. Ging auch gut, aber diese Lösung gefällt mir besser. Mal sehen, wie sich diese 
Lösung bewährt. Eventuell ist die eine oder andere Modifikation noch notwendig.

<P>
Hier die gestern fertig gewordene Spannvorrichtung. Als Beispiel ist ein altes Herder Küchenmesser eingespannt.<BR>
<IMG SRC="hilfsm-22-rumag-spannen2wy2.jpg">
</BLOCKQUOTE>


<P>
###############################################################################

Beitrag im MF, Messerforum

Hinweis: 
Im Prinzip ist das ein Link
[URL="http://www.hobby-messer.de/ver-12.htm"][/URL]

Allerdings wird an Stelle des normalerweise angezeigten Textes ein Bild angezeigt
[IMG]http://www.hobby-messer.de/ver-12-IMG_6074.jpg[/IMG]

Man sieht also das Bild "http://www.hobby-messer.de/ver-12-IMG_6074.jpg",
wenn man darauf klickt wird auf den Link "http://www.hobby-messer.de/ver-12.htm" verwiesen!

[URL="http://www.hobby-messer.de/ver-12.htm"][IMG]http://www.hobby-messer.de/ver-12-IMG_6074.jpg[/IMG][/URL]


<P>
###############################################################################

Fliesstext, Lauftext um Grafiken fliessen lassen

<IMG SRC="./bilder/hugo.jpg" STYLE="FLOAT:left">
lauftext lauftext

Positioniert die Grafik links und lässt den Lauftext rechts und unten davon fliessen.


<IMG SRC="./bilder/hugo.jpg" STYLE="FLOAT:right">
lauftext lauftext

Positioniert die Grafik rechts und lässt den Lauftext links und unten davon fliessen.

Hinweis:
<BR> erzeugt einen break innerhalb des Fliesstextes
Um den automatischen Textumfluss zu unterbrechen und zu erzwingen, dass alles was folgt unterhalb der Grafik angezeigt wird, 
können Sie einen Seite Zeilenumbruch mit dem Attribut clear notieren.
Mit <br clear="all"> Textfluss ab der nächsten Zeile in jedem Fall unterhalb der Grafik fortgesetzt wird.
Mit <br clear="left"> Textfluss ab der nächsten Zeile unterhalb einer linksbündig ausgerichteten Grafik fortgesetzt wird.
Mit <br clear="right"> Textfluss ab der nächsten Zeile unterhalb einer rechtsbündig ausgerichteten Grafik fortgesetzt wird.

---------------

<P>
<!Das Bild wird links angezeigt, der Text fliesst rechts und unten herum>
<!Padding scheint von IE nicht unterstützt zu werden!>
<IMG SRC="./bilder/hilfsm-21-IMG_8504-384x512.jpg" WIDTH="384" HEIGHT="512" 
STYLE="border: 1; border-style: solid; border-width: 1px; padding: 2; FLOAT: left; MARGIN-RIGHT: 10; MARGIN-BOTTOM: 10;">

Für das Wechseln des Schleifbandes ist es erforderlich, die Spannvorrichtung vollständig
zurückzuziehen.<BR>
Und es ist sehr hilfreich, wenn sie in dieser Zeit blockiert ist.<BR>
Das erledigt dieser kleine Stab, der durch zwei Bohrungen gesteckt wird.<BR CLEAR="all">
<!BR CLEAR="all" erzeugt einen break um alles, so dass es hinter dem Bild weitergeht!>




<P>
###############################################################################

Anstelle von FONT die CSS-Entsprechung benutzen

http://de.selfhtml.org/html/text/schrift.htm#css_entsprechungen

<p>
  <span style="font-size: 10pt">Schriftgrösse-10-pt</span><br>
  <span style="font-size:250%">Ziemlich riesiger Text</span><br>
  <span style="font-size:50%">Ziemlich winziger Text</span><br>
  <span style="font-size:1.2em">Text etwas gr&ouml;&szlig;er als normal</span><br>
  <span style="font-size:1em">Text, der der gew&uuml;nschten Einstellung des Besuchers entspricht</span><br>
  <span style="font-size:0.8em">Text deutlich kleiner als normal</span>
</p>

<p>
  <span style="color:#FF0000">Knallroter Text</span><br>
  <span style="color:#00C000">Gr&uuml;ner Text</span><br>
  <span style="color:#0000FF">Blauer Text</span>
</p>

<p>
  <span style="font-family:Avalon,Wide Latin">Das ist Text in Schriftart Avalon,
  oder, falls Avalon nicht darstellbar, in Wide Latin</span>
</p>

<div style="font-size:70%; color:#CC00CC; font-family:Verdana">
  <h2>Da komme was wolle</h2>
  <p>Alles kleiner als normal, lila und in Schriftart Verdana</p>
</div>



<P>
###############################################################################

HTML- und CSS-Befehle

1. Attribut des HTML Befehls: 
   <BEFEHL ATTRIBUT="WERT">
2. CSS Attribute in HTML Datei: 
   <BEFEHL style="ATTRIBUTE : WERT ;">
3. CSS Attribute in CSS Datei für bestimmten HTML Befehl: 
   BEFEHL { ATTRIBUTE : WERT ; }


Beispiele

1. <FONT SIZE="-1">textextext</FONT>
   Befehl ist FONT
   Attribut ist SIZE
   Wert ist -1

2. <SPAN STYLE="font-size:0.8em">Textgrösse 80% der Normalgrösse</SPAN>
   fehlt da nicht ein ; ?
   <SPAN STYLE="font-size:0.8em;">Textgrösse 80% der Normalgrösse</SPAN>
   Befehl ist STYLE
   Attribut ist FONT-SIZE
   Wert ist 0.8em

3. /*Font fuer den Titel (Arial black (fett), schwarz, Groesse 20 pt)*/
   font.titel {font-family:"Arial Black";color:#000000;font-size:20pt;}
   Ist "font.titel" wahlfrei? 
   Oder nur "titel", weil die Klasse für Font gilt?
   Anwendung in der html-Datei:
   <FONT CLASS="titel">Grosser Titel-Text</FONT>
   Befehl ist font.titel
   Attribut ist font-family
   Wert ist "Arial Black";color:#000000;font-size:20pt;


<P>
###############################################################################

ueberschrift

<P>
###############################################################################

ueberschrift



<P>
###############################################################################

ueberschrift

<P>
###############################################################################

ueberschrift



<P>
###############################################################################

ueberschrift

<P>
###############################################################################

ueberschrift



<P>
###############################################################################

ueberschrift

<P>
###############################################################################

ueberschrift