 |
www.BuntesWeb.de - Computer & Internet
|
Seitenanfang- HP-Handbuch
- Inhaltsverzeichnis
- Webdesign
- Seiteninhalte
1. Startseite- 2. Kontaktformular
- 3. Fotoalbum
- 4. Impressum
- 5. Navigation
|
|
|
|
Das Homepage-Handbuch speziell für blutige AnfängerWebdesign - Wir erstellen eine BeispielhomepageDie erste Seite: Startseite (index.htm)Wenn man in die Adresszeile des Webbrowsers nur die Domain eingibt, ohne Angabe einer bestimmten Seite, z.B. "www.buntesweb.de", dann liefert der Webserver automatisch die Startseite, in Fachkreisen auch als "Home"-Page bezeichnet. Damit das klappt, muss die Startseite einen bestimmten Dateinamen haben. Üblicherweise ist dies "index". Die Dateiendung entspricht dabei der jeweiligen Verwendung. Also kann die Datei "index.htm" heißen, aber auch
"index.html" oder "index.xhtml" oder auch "index.php". Näheres über die Homepage bzw. die Startseite können Sie Jeder Server ist so eingestellt, dass er automatisch ein bestimmtes Webdokument als Startseite ausgibt, wenn man ohne weitere Angaben nur den Domainnamen aufruft. Gibt man also beispielsweise in der Adresszeile des Browsers nur "http://www.buntesweb.de" ein, dann erhält man die Startseite. Dies ist in aller Regel die Seite mit dem Namen "index.htm" oder "index.html". Andere Namen sind möglich, wenn der Server entsprechend eingerichtet ist. Die Seite, die als Startseite funktionieren soll, sollte man also "index.htm" nennen. Diese Seite ist die wichtigste und sorgt für den allerersten Eindruck nicht nur bei der werten Leserschaft, sondern auch bei den Suchmaschinen. Der englische Fachbegriff für diese Startseite ist übrigens "Homepage". Inzwischen hat sich diesr Begriff aber auch als Bezeichnung für das Gesamtprojekt eingebürgert. Die Eingangsseite unserer Übungshomepage soll im Stile einer Visitenkarte die nötigen Informationen enthalten, damit man den Homepagebetreiber ergoogeln und Kontakt zu ihm aufnehmen kann. Öffnen Sie die Seite "vorlage.htm" (siehe Beispielseite 10) in ihrem Web-Editor und speichern Sie diese direkt wieder ab - diesmal unter dem Namen "index.htm". Danach bearbeiten Sie die Seite entsprechend dem folgenden Beispiel: Beispielseite - Index.htm. Wir schreiben den Namen "Max Mustername" direkt als Überschrift. Darunter positionieren wir die Tabelle mit dem Bild. Den Bild-Begleittext formen wir um, so dass wir dort die Anschrift und sämtliche Kontaktdaten auflisten, genau wie auf einer Visitenkarte. Unterhalb dieser Tabelle bringen wir etwas Text unter. Hier soll bereits eine kleine Zusammenfassung der Homepageinhalte stehen, damit der Homepagebesucher gleich weiß, was er hier finden kann. Er soll neugierig gemacht werden, damit er weiterliest und er soll bequem den Weg zur gesuchten Information finden. Dieser Text enthält aber auch die wichtigsten Stichworte für die Suchmaschinen! Ebenfalls sehr wichtig ist ein aussagekräftiger Seitentitel. Damit ist nicht etwa die Überschrift gemeint. Der Seitentitel wird in der Regel oben in der Titelleiste des Browserfensters angezeigt. Speichert man im Browser einen Favoriten, dann wird der Titel übernommen. Suchmaschinen übernehmen den Titel als Überschrift für das Suchergebnis und verlinken ihn zu Ihrer Homepage. Außerdem werden Stichworte, die bereits im Seitentitel vorkommen besonders wichtig genommen. So geben Sie den Titel für Ihre Webseite an: Im Falle unserer Übungshomepage gehen wir davon aus, dass jemand nach "Max Mustername" sucht. Evtl. gibt er dazu noch den Wohnort ein. Der Titel der Webseite lautet daher: "Max Mustername, Irgendo Im Dorf" Im HTML-Code findet man den Titel im Seitenkopf. Und das ist zwischen den HTML-Tags <head> und </head>. So sieht das in unserer Übungshomepage aus: <html> Weiter geht es mit der nächsten Seite: "Kontaktformular" |
|
|
Copyright by Jörg Wischnewski - Logos, Warenzeichen, Schutzmarken etc. stehen im jeweiligen Recht und Eigentum der eingetragenen Inhaber, auch wenn dies nicht ausdrücklich einzeln angegeben ist.
|