WWW-Kurs-Logo

WWW-Kurs empfiehlt:
Webspace von Webspace für hohe Ansprüche
Kursnavigator:
+-+zurueck zum InhaltAnregungen
+Eigene Homepage erstellen*
+-+zum Kurs-Glossar (Uebersicht)!+Counterstatistik
!+Wir basteln ein "Intranet"
!+Knowledge-Management
+E-Mail an den Autor
Der Weg zur eigenen Homepage   Stand: 2010-02-24

* Wer schon ein paar Web-Seiten erstellt hat, samt einer typischen Start-Seite (index.htm bzw. index.html), weiteren Seiten, Bildern, Hintergründen etc., der kann sein Angebot innerhalb kurzer Zeit online sehen:
1.) Sie melden sich bei http://www.realhomepage.de/ (Stand 2010-01) an, 


Zuerst etwas Theorie
Rufen Sie die Anleitung "HTML-Dateien selbst erstellen" des deutschen HTML-Papstes Stefan Münz unter http://de.selfhtml.org/ (Version 8, Stand 2005-03) auf. Zum Offline-Lesen (damit es billiger wird) am besten den Kurs auf die eigene Festplatte downloaden. Datei in ein Verzeichnis kopieren und entpacken. Nehmen Sie sich etwas Zeit, um sich etwas mit Theorie und Praxis auseinanderzusetzen. 
Unter http://www.karzauninkat.com/Goldhtml/ (Stand 2003-09) finden Sie "Die goldenen Regeln für schlechtes HTML". Amüsant zu lesende Tipps mit ironischem Unterton von Stefan Karzauninkat, um letztlich doch HTML-Seiten professionell zu gestalten. 


HTML-Editor beschaffen
Wer in seinem Windows Office Paket neben Word und Excel auch Frontpage findet, hat damit ein relativ gutes Werkzeug um Webseiten zu erstellen. Mit einigen Einschränkungen kann man auch mit Word arbeiten. Dabei darauf achten die Dukumente als "*.htm" bzw. "*.html" zu speichern.
Windows Anwender können sich auch den Netscape Communicator 8.x downloaden (über //browser.netscape.com/ns8/ (Stand 2006-09). Diese Programmpakete enthalten nicht nur einen Browser, sondern auch einen HTML-Editor. Eine Internet-Seite kann so z.B. direkt als Vorlage für die eigene Homepage geladen werden (Menü: Datei/Bearbeiten oder unter Menü: Communicator/Composer).

Oder http://shareware.cnet.com/ (Stand 2003-09) aufrufen, Betriebssystem wählen und nach 'html editor' suchen, und die gewünschte Software downloaden.
Freeware-HTML-Editoren finden sich z.B. unter 
http://www.hds-pad.de/. Pad, ein Text- und HTML-Editor mit Bildbetrachter und Textverarbeitungsfunktion (DE Stand 2003-09).
Leuten mit HTML-Grundkenntnissen bietet Ulli Meybohms einen sehr guten textorientierten HTML-Editor Phase 5. Kostenlose Download-Möglichkeiten finden Sie unter: http://www.meybohm.de (Stand 2003-09)

Eine Übersicht von HTML-Editoren mit steckbriefartiger Beschreibung ihrer Leistungsmerkmale finden Sie unter http://www.interware.de/edit.html (Stand 2006-09).


Tipps zu Dateinamen
Vermeiden Sie 
* gemischte Groß/Kleinschreibung, 
* Leerzeichen in Dateinamen, 
* Sonderzeichen in Dateinamen, auch wenn dies Windows zulässt.
Die Startseite einer Web-Site heißt üblicherweise index.htm bzw. index.html ("Index" d.h. Inhalt).
Diese versucht der Server in der Regel zu laden, wenn Sie eine Adresse ohne Dateinamen anfordern.
Prüfen Sie selbst: http://www.www-kurs.de/ oder http://www.www-kurs.de/index.htm
Der Webmaster könnte jedoch dieses Verhalten serverseitig ändern.



Bildmaterial beschaffen
Zum Thema Icons, Symbole, Animationen, Hintergrundbilder (Backgrounds) gibt es zahlreiche Stellen im Internet, bei denen man sich eindecken kann, z.B. http://www.iconbazaar.com/ (US Stand 2006-09). Dieses Bildmaterial ist frei von Urheberrechten.
Eine Übersicht mit weiteren Links auf Massen von Bildmaterial findet sich bei http://www.clipart.com/ (US Stand 2003-09).
Wem das immer noch nicht reicht, der sollte mal in einer Suchmaschine eine Suchabfrage wie 'icons AND collection AND animated AND bullets AND backgrounds' starten.
Auch ein Hand- oder Flachbettscanner hilft weiter, um Fotos, Logos etc. rechnertauglich zu machen.
Für Fortgeschrittene bzw. für Leute mit dem nötigen Kleingeld ist eine digitale Kamera eine feine Sache. Ebenso eigenes Fotomaterial, das Sie im Fotogeschäft auf CD haben brennen lassen. Hochauflösende Bilder sollten aber auf jeden Fall für die Verwendung auf einer Web-Seite in Bild- bzw. Dateigröße angepasst werden.
Besitzer von PC-TV-Karten können ihre Videos nach Bildmaterial durchforsten und an geeigneter Stelle ein Standbild aufnehmen.
Hier und da findet man auch auf Internet-Seiten geeignetes Material: Mit der rechten Maus auf das Bild klicken und mit 'speichern unter' bzw. 'save as' auf die eigene Festplatte kopieren, siehe auch Kurs-Seite "Internet-Inhalte kopieren". Wenn Sie fremdes Bildmaterial auf den eigenen Web-Seiten verwenden wollen, achten Sie auf bestehende Urheberrechte, siehe Kurs-Seite "Urheberrecht / Copyright". 
Auch Suchmaschinen sind hilfreich. Fehlt etwa ein Bild für eine Facharbeit, Einladung etc. sucht man einfach etwas passendes.
Z.B. bei  http://www.google.de/imghp/ (Stand 2006-09) mit der Eingabe geburtstagstorte oder steinadler oder brunch .
Siehe auch Kurs-Seite "Suchtipps"


Bildbearbeitungs-Software beschaffen
Ein sehr schönes und leistungsfähiges Programm ist Paint Shop Pro, das man auch über http://shareware.cnet.com/ downloaden kann (Stand 2003-09).
Für Freunde von Open-SourceSoftware wäre GIMP (GNU Image Manipulation Program) zu empfehlen, ein leistungsfähiges Bildbearbeitungsprogramm.
Internetadresse: http://www.gimp.org/ bzw. http://www.gimp.de/ (Stand 2003-09)


Online-Angebote für die Homepagegestaltung
Auch "Online" gibt es interessante Möglichkeiten, eigene Logos, Buttons und Bullets zu entwerfen. 
Besuchen Sie mal den werbefinanzierten Dienst von CoolText: http://www.cooltext.com/ (Stand 2006-09).
Man wählt aus mehreren Vorlagen aus, kann Text-, Vorder- und Hintergrundfarbe, Schriftart und andere Parameter selber bestimmen und erhält so interessante Ergebnisse, die sehr professionell aussehen!
Hier einige Beispiele: 
Logo: 
Button 1: Button 2: Bullet: (z.B. für Aufzählungen)
 
 
Eine weitere Fundgrube ist der MediaBuilder unter http://www.mediabuilder.com/  (Stand 2003-09)
Neben einer Fülle von Bildmaterial (über 10.000 freie Bilder!) gibt es einige interessante Online-Tools:
* GIFWorks zur Bildmanipulation:
Original:und Manipulationen:

* Button Maker, um Buttons  aus eigenem Bildmaterial erstellen zu lassen.
* Animated Banner Maker für animierte Textbanner:

* 3D Text Maker für 2- oder 3-dimensionale animierte Schriften:

* HTMLWorks zur Analyse der eigenen Web-Seite.



Gestaltungstipps
Um die eigenen Web-Seiten attraktiver zu gestalten, können Besucher-Zähler (Counter), Gästebücher, Mailinglisten, Newsticker, Java-Applets (Beispiel), Soundeffekte (Beispiel), Musik (Beispiel) oder interaktive Spiele (Beispiel) eingesetzt werden. 
Kostenlose und werbefreie Homepage-Tools wie Gästebuch, Counter und Formmailer (Kontakt-/ Bestell-Formulare) gibt es bei http://www.onlex.de (Stand 2004-03).


Wie kommt meine Seite ins Internet?
Derzeit umsonst kann man seine privaten, nicht kommerziellen Seiten z.B. auf http://geocities.yahoo.com/home. Das Angebot ist mittlerweile aber so groß, dass man sich am Besten auf "Umsonst-Suchdiensten" wie http://www.kostenlos.de/ (Stand 2006-09) umsehen muss.
Bei einigen Anbietern muss zumindest deren Logo bzw. Links auf der Homepage erscheinen: 
Eine Hand wäscht die andere: Des einen Homepage ist des anderen Werbung! 

Viele Provider bieten ihren Kunden ebenfalls einen kostenlosen Homepage-Service, andere gegen eine einmalige Sonderzahlung bzw. eine monatliche Gebühr. 

Provider wie die Firma 1&1 http://hosting.1und1.com/ (Stand 2006-09) bieten ihren Kunden einen "Homepage-Baukasten" an. Mit solchen Tools können Sie Ihre Homepage menuegeführt aus zahlreichen Vorlagen im Baukastenverfahren erstellen und auf den eigenen Speicherplatz hochladen. Auch die Pflege der Seiten ist damit möglich. Ein Counter und ein Gästebuch ist auch dabei.

Ansonsten können Sie Ihre Homepage mit Hilfe des Browsers auch von der Festplatte aufrufen. Wenn Ihre Homepage Links auf Ihre Lieblingsseiten enthält, können Sie den Browser so einstellen, dass er mit dieser Seite startet.



 Seite(n) prüfen lassen
Stehen die Seiten auf einem Server, kann man mit Hilfe eines Validators prüfen lassen, ob alles OK ist.
Der SiteInspector (den es leider nicht mehr gibt) lieferte damals folgendes kompaktes Ergebnis:
URL: http://www.www-kurs.de/index.htm
Overall Rating smilesmilesmilefrownfrown<Reported: 11/22/98 04:50 PST
We've just inspected your site and the following is a summary of each diagnostic test that was performed.
Click on any of the tests below to view a detailed report.
Web Site Test Results  |  Rating Legend
Browser Compatibility smilesmilesmilesmile
Link Validator smilesmilesmilesmilesmile
Popularity smilefrownfrownfrownfrown
Load Time smilesmilesmilesmilefrown
Submit It! Readiness smilesmilesmilesmilefrown
Spelling smilefrownfrownfrownfrown
HTML Validity smilesmilesmilesmilefrown
Die Startseite des Kurses hat also in Sachen Browser-Kompatibilität, gültige Links und HTML-Befehle gut abgeschnitten. Die Rechtschreibprüfung (Spelling) konnte nicht bestanden werden, da der SiteInspector englisch prüft. Für die Popularität wurde nur ein smile vergeben, da nur Einträge in der AltaVista Suchmaschine gefunden wurden. Deshalb wurde die Seite gleich nochmals bei Excite, HotBot, Lycos, AltaVista, InfoSeek, AOL und WebCrawler angemeldet, ebenfalls eine schöne Funktion des SiteInspectors!
Ersatz bietet hier u.a. das nachfolgende Angebot.

Wie finden andere meine Seite?
Wer weiß, wie mühsam es ist, erst mal Suchmaschinen und Verzeichnisse ausfindig zu machen, um sie dann per E-Mail zu bitten, die eigenen Seiten aufzunehmen, kann diese Arbeit von einem netten kostenlosen Dienst erledigen lassen. Der webmasterplan unterstützt Sie beim Eintrag in circa 30 wichtige deutsche Suchmaschinen. Auch zur Optimierung und Testen der eigenen HTML-Seiten findet sich hier einiges:
http://www.webmasterplan.com/de/

(Stand 2003-09)
Eine weitere Alternative wäre http://www.klug-suchen.de/mteilen.html
mit einer kostenlosen Anmeldung bei 20 deutschsprachigen Suchmaschinen für nicht-kommerzielle Seiten. 

(Stand 2003-09)


Publizieren der Homepage ins Internet
Wenn Sie es vollbracht haben, Ihre Homepage auf dem Rechner eines Providers unterzubringen, können Sie die dort stehenden Dateien via Internet publizieren und ändern. Hierzu brauchen Sie einen FTP-Client (z.B. WS_FTP über http://shareware.cnet.com/). Auf Kurs-Seite "FTP-Client" sehen Sie übrigens, wie es aussieht. 
Ihr Provider vergibt Ihnen hierfür eine "User-ID" mit "Passwort". Damit haben Sie von Ihrem Rechner Zugriff auf den Rechner Ihres Providers und müssen nicht auf "alte Methoden" wie Disketten und Post zurückgreifen.

Seitenanfang © Bernd Zimmermann 1997-2010