VHS Bad Herrenalb

Kurs H. Reinlein
Grundlagen der Homepage Gestaltung
Viel Spaß mit Ihrer neuen Homepage  
Start
Inhalt
Bilder
Kontakt
Gäste

Auf dieser Seite finden die Inhalte unseres Kurses, wichtige Links, die Codes und das Filetransferprogramm zum Kopieren.
Bitte nach ganz unten scrollen!!



Einfügen von Hintergrundklängen im "head"
<bgsound src="http://www.bandsinbaden.de/mp3/TonyRoyster.mp3" loop=1>

Laufschrift einfügen im "body"
<p><font size="4" face="Verdana"><marquee align="middle"
scrollamount="2" scrolldelay="40"><font size="2" color="#CCCCFF">Viel Spaß</font><font size="2" color="#CCCCFF">
mit Ihrer Homepage</font></marquee></font>&nbsp;</p>

Einfügen im "head"
Die Links werden nicht unterstrichen
<style>
a:link { text-decoration: none; color: #FFFFFF; }
a:active { text-decoration: none; color: #000000; }
a:visited { text-decoration: none; color: #FFFFFF; }
a:hover { text-decoration: underline; color: #FFFFFF; }
</style>

Einfügen im "head"
<meta name="keywords" content="Unterrichtsmaterial, Multimedia Unterricht, Arbeitsblätter, Präsentationen, Projektunterricht, Ideen für den Unterricht">

Code für Menü mit Links

</p>
<p><img src="Bilder/7b/Aufsatz2004.jpg" width="597" height="335" align="middle"><br>
<br><form action=/cgi-std/redir.pl method=post target=_blank>
<p> <font face="Verdana">
<select
name=url>
<option value="http://www.dastelefonbuch.de">Telefonnummern</option>
<option value=" http://www.phil.uni-erlangen.de/~p2gerlw/ressourc/lex.html ">Englisches W&ouml;rterbuch</option>
<option value="http://www.neue-rechtschreibung.de">Neue Rechtschreibung</option>
<option value="http://www.fremdwort.de">Fremdw&ouml;rter</option>
<option value="http://www.phil.uni-erlangen.de/~p2gerlw/ressourc/lex.html">Lexika</option>
<option value="http://www.abkuerzungen.de">Abk&uuml;rzungen</option>
<option value="http://www.karlsruhe.de/cgi-bin/stadtplan?MODE=high&amp;Planquadrat=G5">Stadtplan</option>
<option value="http://www.karlsruhe-news.de">Stadtnachrichten</option>
<option value="http://www.sport1.de">Sport</option>
<option value="http://www.dwd.de">Wetter</option>
<option value="http://www.bund.de/">Politik</option>
<option value="http://www.sing365.com">Texte</option>
<option value="http://www.google.de" selected>Google</option>
</select>
<input type=submit value=Los name=submit>
</font></p>
</form>
</p>



 

Hier können Sie das ws_ftp Programm donwloaden.




Das haben wir besprochen:

Inhalte:
F 12 - wechselt in die Browseransicht

Tabellen einfügen - wichtig zum Positionieren von Text und Bilder
Schauen, wo sich der Cursor befindet

Ränder der Tabelle ohne Farbe

Tabellen in Tabellen einfügen

Achtung: In eine neue Zeile mit Shift Return

Codeansicht

head, body

< >

Fenster - Eigenschaften

Metatext unter Einfügen, unsichtbare Tags

Site - Neue Site anlegen

Lokaler Stammordner auf der Festplatte anlegen

Bild einfügen und in den Bilderordner kopieren

Filenamen ohne Leerzeichen und Umlaute abspeichern

Verlinkung auf eine zweite Seite

"blank" - eine neue Seite öffnet sich

Verlinkung von Dateien

Eine Datei, die bereits im Internet abgespeichert ist,
kann man aufrufen, wenn man den genauen Pfad kennt.

z.B.

http.//www.meinschulheft.de/Bilder/7b/Achterbahn2004.jpg

Das Filetransferprogramm ftp-le

Einfügen von Laufschriften

Links sollen nicht unterstrichen sein

Einfügen von content

Einfügen von Menüs

Einfügen von Gästebüchern ????




Viel Spaß und liebe Grüße

Heinz Reinlein



www.bandsinkarlsruhe.de/HeinzReinlein.html