<HTML>
<HEAD>
<TITLE> Einzelseiten für die Homepage der Schule erstellen </TITLE> 
<META NAME="resource-type" content="document">
<META NAME="robots" content="noindex,nofollow">
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">  <link rel=stylesheet type="text/css" href="../perau2.css">
<!-- Erstellt von Strobl Hans -->
<style type="text/css">
<!--
td { font-size:11pt; }
-->
</style>
</HEAD>
<BODY>

<table width=1000><tr><td>

<center>
<TABLE  border=0 cellspacing=0 cellpadding=1> 
<TR> 
<TD  align=center> <A HREF="../index.htm" target="_top">
<IMG SRC="../grafiken/homesmal.gif" WIDTH="18" HEIGHT="14" BORDER="0" alt="Homepage"></A></TD>
<TD class="kopfzeile" align=center nowrap><A HREF="../index.htm" target="_top">
&nbsp;&nbsp;Bundesgymnasium&nbsp;und&nbsp;Bundesrealgymnasium&nbsp;Villach&nbsp;-&nbsp;Peraustrasse</A></TD>
<td  align=center valign=top>&nbsp;&nbsp;
<A HREF="http://www.microsofttranslator.com/bv.aspx?from=de&to=en&a=http://www.peraugym.at/intern/homepage-einzelseiten.htm" target="_space"><IMG SRC="../grafiken/english.gif" WIDTH="52" HEIGHT="21" BORDER="0" alt="Translation by Altavista"></A></TD> 
</TR>
</TABLE>

<HR>

<TABLE width=98% border=0 cellspacing=5 cellpadding=0>
<TR><td class="titelzeile" align=center><a href="homepage.html" target="_top">Beiträge auf dem Webserver der Schule</A></TD></TR>
<TR><td class="tabellentitel" align=center> Einzelseiten für vorhandene Rubriken herstellen </td></TR>
<tr><td></td></tr>
</table>



<a name="Vorlagen">&nbsp;</A>

<TABLE  width=98% border=1 cellspacing=0 cellpadding=3>

<TR><td colspan=2 class=text align=center height=25 bg1color=#eeeeee> Einfache Methode: in einer <a href="_muster.zip"><img src="../grafiken/verweis.gif" border=0> <b>Vorlage</b> </A> die eigenen Texte und Bilder einfügen </TD></TR>

<TR>
<td valign=top> <a href="_muster1.htm">Muster 1&nbsp;<img src="../grafiken/verweis-.gif" border=0></A></TD>
<td> <a href="_muster1.htm">Nur Text &nbsp; oder &nbsp; Text mit einem angefügtem Bild in Seitenbreite </A></TD>
</TR>

<TR><td valign=top> <a href="_muster2.htm">Muster 2&nbsp;<img src="../grafiken/verweis-.gif" border=0></A>
</TD><td> <a href="_muster2.htm">Text mit einem eingefügtem Bild</A>
</TD></TR>

<TR><td valign=top> <a href="_muster3.htm">Muster 3&nbsp;<img src="../grafiken/verweis-.gif" border=0></A>
</TD><td> <a href="_muster3.htm">Text mit mehreren Bildern in verschiedenen Größen und Positionen </A>
</TD></TR>
</table>

<br>

<TABLE  width=98% border=1 cellspacing=0 cellpadding=3>

<TR><td colspan=3 class=text align=center height=25 bg1color=#eeeeee> Für HTML-Praktiker: <b>Eigenschaften</b> einer Einzelseite, die zum bestehenden Design paßt: </TD></TR>

<TR><td valign=top rowspan=2>Größe</TD>
<td  class="text-1" valign=top> Breite </TD>
<td  class="text-1" valign=top> 800 - 1200 pixel &nbsp; ( Code: &lt;table width=1200&gt; )</td> </TR> 

<TR><td  class="text-1" valign=top> Höhe </TD>
<td  class="text-1" valign=top> mindestens 350 px; höchstens drei A4-Seiten im Ausdruck </TD></TR>

<TR>
<td valign=top rowspan=5> <a href="_muster0.htm">Aufbau <img src="../grafiken/verweis-.gif" border=0></A> </TD>

<td> Kopfzeile </TD> <td> Bezeichnung der Schule, Trennstrich </TD>
</TR>

<tr>
<td> Überschrift </TD> <td> Titel, [eventuell: Untertitel, Grafik] </TD> 
</TR>

<tr>
<td> Hauptteil </TD> <td> Eigene Texte [und Bilder] und Querverweise  </TD>
</TR>

<tr>
<td> Autor </TD> <td> Name, Datum   </TD>
</TR>

<tr>
<td> Fußzeile </TD> <td> Trennstrich und Verweiszeile (enthält übergeordnete Seite)   </TD>
</TR>

<TR><td valign=top> Schriftart <BR> Schriftfarbe <br> Schriftgröße </TD>
</TD><td valign=top  colspan=2> Das Schriftbild wird durch die Elemente in der Stil-Datei <img src="../grafiken/verweis.gif" border=0> <a href="../perau1.css">perau1.css</A> festgelegt, in der Seite darf kein überschreibender Befehl enthalten sein wie&lt;font&gt;, [bg]color.  <br>Die Standardschriftgröße im Berichtstext beträgt 11pt. &nbsp;(<a href="schriften.htm"><img src="../grafiken/verweis.gif" border=0>&nbsp;Schriftproben</A>) 
</TD></TR>


<TR><td valign=top rowspan=3> Quellcode<BR>enthält<BR> im Kopf ...
</TD><td> Titelzeile </Td> <td>  z.B.: &nbsp; &lt;title&gt; Peraugymnasium, Musik: Tanz-Workshop &lt;/title&gt;
</TD></TR>

<TR><td> Stil-Datei </td> <td> &lt;link rel=stylesheet type="text/css" href="../perau1.css"&gt;
</TD></TR>

<TR><td > Autor </td> <td> &lt;META NAME="author" content="Vorname Zuname"&gt;</TD></TR>

<TR><td valign=top> Dateinamen
</TD><td colspan=2> Kleinschreibung, keine Leerstellen, keine Umlaute, max. 20 Zeichen. &nbsp; Aufschlussreich, zB. flammenfaerbung1.htm, gg04ho6a.htm. 
</TD></TR>

<TR><td valign=top> Dateigröße
</TD><td colspan=2> Maximal 200 kB inklusive aller mitgeladenen Dateien (z.B. Grafiken). Größere Bilder werden in einer eigenen Seite angeboten (<a href="../pib/eiskar/eiskar2004-bilder.htm"><img src="../grafiken/verweis.gif" border=0>&nbsp;Beispiel 1</A>, <a href="../pib/stadtwappen/stadtwappen.htm">Beispiel 2</A>).
</TD></TR>

</table>

<BR>

<TABLE  width=98% border=1 cellspacing=0 cellpadding=3>
<tr><td colspan=2 align=center class=text bg1color=#eeeeee>   Kurzanleitung zur Bearbeitung eingebundener <b>Bilder</b> &nbsp; (<a href="html-bilder.htm"><img src="../grafiken/verweis.gif" border=0> weitere Hinweise </A>) </td></TR>

<TR>
<td valign=top> Quellen </TD> 
<td> Digitalkamera: &nbsp; geringe Auflösung wählen, z.B. 1024 pixel; &nbsp; Scanner:&nbsp;passende&nbsp;Auflösung für die gewünschte Größe einstellen (50 - 150 px) </TD></TR>

<td> Bildgrößen </TD> 
<td> Empfehlung für die Breite: 200, 400, 640 oder 980 px; Höhe: 2/3 der Breite</TD></TR>

<td> Bearbeitung </TD> 
<td> Ausschnitt wählen, verkleinern, Dateityp GIf oder JPG, passende Kompression    </TD></TR>

<tr><td valign=top> Dateigröße </TD> <td> möglichst klein, z.B. 50&nbsp;kB bei einer Größe von 640&nbsp;x&nbsp;427&nbsp;px; &nbsp; die JPG-Kompression muß effektiv sein, darf aber noch keine sichtbar störende Vergröberung (Schlieren, Unschärfen) bewirken (20 - 60%, austesten)

</TD></TR>

</table>


<BR>
<TABLE  width=98% border=0 cellspacing=0 cellpadding=0>
<TR><td class="vermerk">SH, 18.11.2001, zuletzt geändert am 16.1.2012</TD> </TR></table>

<br><HR>

<TABLE width=96% border=0 cellspacing=0 cellpadding=0 class="linktabelle">
<tr align=center>
<td class="menuzeile"><a href="homepage-bereiche.htm">Bereiche</A></TD>
<td class="menuzeile"><a href="homepage-inhalt.htm">Inhalt </A></TD> 
<td class="menuzeile"><a href="homepage-einzelseiten.htm">Einzelseiten</A></TD>
<td class="menuzeile"><a href="homepage-seitensatz.htm">Seitensatz</A></TD>
<td class="menuzeile"><a href="homepage-veroeffentlichung.htm">Veröffentlichung</A></TD>
<td class="menuzeile"><a href="homepage-zustaendige.htm">Zuständige </A></TD>
<td class="menuzeile"><a href="../html/html.html" target="_top">HTML </A></TD>
</TR></table>

</td></tr></table>

</BODY>
</HTML>