Tips und Tricks zur Homepage Gestaltung Allgemein I FramesI TabellenIFormulare I Links zum Thema

Auf dieser Seite möchte ich einige Tips zur Homepage Gestaltung geben.Wenn Sie diese Tips beachten, dürfte es auch für den Anfänger leicht sein, eine Seite zu gestalten.Für die Gestaltung verwende ich Fronpage Express(Microsoft)/Netscape Gold/Microsoft Assistent für Word/Excel oder einen einfachen Editor.Ich gehe hier nur auf ganz einfache Sachen ein. Jeder sollte sich vor der Veröffendlichung einmal den Quelltext ansehen und auf Fehler überprüfen.Jetzt kommen wir zum ersten einfachen Quelltext.

1. einfache Textseite ohne Bilder und Hintergrund
<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"> <title>Testhomepage</title></head><body><P> Text .............................................. Text ...........................................Text .............................................. Text ........................................... </P> </body></html>
--------------------------------------------------------
meta = Beschreibung mit welchen Programm die Seite erstellt wurde, Autor, Schlüssenwörter für Suchmaschienen, Titel der Seite u.a. - (zwischen <head> und </head> = Dokumentenkopf)
- zwischen <body> und </body> = steht der eigentliche Text/Grafiken,..

2. Text mit Bild:
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"><meta<title>Testhomepage</title></head><body BACKGROUND="marble2c.gif"><P>Text .............................................. Text ...........................................Text .............................................. Text ........................................... </P><P><IMG SRC="muster.jpg" HEIGHT=183 WIDTH=162 ALIGN=LEFT></P></body></html>
-----------------------------
HEIGHT= xxxxx WIDTH=xxxxxx (geben die Größe des Bildes an)
LEFT=links, RIGHT = rechts, CENTER=Mitte (Ausrichtung Text/Bild)
häufigster Fehler:<IMG SRC="File C:\Bilder\xxx\muster.jpg"[damit kann das Bild im Internet natürlich nicht dargestellt werden.]
BACKGROUND="marble2c.gif"> = Hintergrundbild

3. Links:
<P><A HREF="homepage.htm"> Homepage</A></P>
3.2.Verknüpfung einer Grafik mit einem Link(nächste Seite)
<P><A HREF="homepage.htm"><IMG SRC="home.gif" BORDER=0 HEIGHT=24 WIDTH=110></A></P>
3.3. Anker
Anker werden zum verlinken von Absätzen auf einer Seite angewendet
etwa so:
<a href="#Link1">Link 1</a>
<a href="#Link2">Link 2</a>
<a href="#Link3">Link 3</a>
und an der Stelle wo hingelinkt werden soll muß folgendes stehen
<a name="Link1">Absatz 1 </a>
text
<a name="Link2">Absatz 2</a>
text
<a name="Link3">Absatz 3</a>

hir ein Beispiel

4.Einfügen der e.mail Adresse mit autom.öffnen des Postfensters
<A HREF="mailto:m.mustermann@t-online.de">eMail an: m.mustermann@t-online.de</A>
oder:
<A HREF="mailto:m.mustermann@t-online.de"><IMG SRC="anim.gif" BORDER=0 HEIGHT=52 WIDTH=45 ALIGN=CENTER></A>
Beim 2.Beispiel ist ein animiertes Bild zum anklicken eingefügt

<b> </b> Anfang Ende Fettschrift

<H1></H1>Anfang/Ende Überschrift 1

<H5></H5>Anfang/Ende Überschrift 5

<li></li> Anfang/Ende Aufzählung
<br> Zeilenumbruch
<hr> Horiz. Linie kann mit zusätzlichen Parametern angegeben werden(<hr SIZE=2 WIDTH="70%">

oder <hr SIZE=5 WIDTH="200">)

<Center></center>; <align=right> = Ausrichtung von Text/Grafiken
Darstellung von Umlauten:
Ä = Ä
ä = ä
Ö = Ö
ö = ö
Ü = Ü
ü = ü
ß = ß
Leerzeichen =  

Wenn sie noch mehr Informationen haben wollen so können Sie die aktuelle Version von "HTML-Dateien selbst erstellen" jederzeit zum Offline-Lesen auf Ihren Rechner downloaden. Besuchen Sie dazu die Adresse http://www.netzwelt.com/selfhtml/. Das ist das wichtigste Dokument das jeder Neuling gelesen haben sollte. Außerdem lohnt sich ein besuch bei http://www.weblehre.de/webring/ ,-> Index aufrufen!, hier kann man jede Menge Wissenswerte nachlesen oder auch verschiedenes downloaden (Java, JavaScript u.vieles mehr)
Aber bitte beachten Sie:

nicht mehr als eine Animation pro Seite (Downloadzeit)
nicht zu viele Bilder und Speichergröße klein halten (max 50 kb->besser bis 20 kb)
T-Online unterstützt keine Unterordner(Bilder + Html in einem Verzeichnis)
nicht jeder Browser unterstützt alles (Kontrolle mit Netscape ab 3.x und IE ab 3.x)
viele Nutzer haben Java abgeschalten(Sicherheitsbedenken?)

wenn alle Seien fertig sind, geht es darum, wie bekomme ich sie ins Netz:
bei T-Online gibt es 2 Wege
1. Ich wähle mich mit der T-Online Sofware ins Internet ein und starte darauf das Programm "Hptools"(T-Online CD) -> anmelden und in das Verzeichnis gehen wo die Html Seiten liegen und übertragen.
2. Ich gehe über das DFÜ Netzwerk ins Internet, dann verwende ich ein FTP Programm z.B. WSFTP32 Einstellung siehe Bild

So und jetzt wünsche ich viel Spaß bei der Homepage Gestaltung

Links zum Thema:

wenn kein Inhaltsverzeichnis gezeigt wird(Frame)

Diese Seite wurde erstellt von Lutz Scharf