 |
Der Weg zur eigenen Homepage
Stand: 2011-10-14
Für Ungeduldige:
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 für private Zwecke sein Angebot innerhalb kurzer Zeit online
sehen:
Sie melden sich bei http://www.realhomepage.de/
(Stand 2010-04) an.
für professionelle Ansprüche
wäre dieser Homepagebaukasten
unter http://www.maxcompany.de/
[Stand 2011-10] interessant.
Er arbeitet nach dem SaaS-Prinzips,
d.h. Sie können die gesamte Homepage online erstellen, ohne dafür
auf dem eigenen PC etwas installieren zu müssen. Er bietet viele Design-Vorlagen
und kann kostenlos getestet werden!
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 2010-04) 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 Dokumente als "*.htm" bzw. "*.html" zu speichern.
Oder ein Freeware-HTML-Editor wie z.B. der
Nvu Composer, den Sie unter
http://www.nvu-composer.de/ (Stand 2010-04) downloaden können.
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/
( 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/
( 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 2010-04).
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?
Da man als Privatmann oder kleinere Firma nicht selber einen Internet-Rechner
betreiben wird, braucht man einen Internet-Dienstleistungsanbieter der
den eigenen Internetauftritt "beherbergen" kann. Diesen Service nennt man
Hosting bzw. Webhosting.
Je nach Anspruch, Umfang und gewünschten Funktionen können
Sie bei solchen Anbietern das passende Angebot (Paket) für Ihren eigenen
Bedarf zusammenstellen. Hier eine Übersicht von Begriffen mit kurzen
Erläuterungen, um sich auf den Seiten von Webhostern zurecht zu finden.
Tarife
Pakete
|
Je nach Anbieter werden Sie mehrere Tarife bzw. Pakete mit unterschiedlichem
Leistungsumfang finden.
Standard / Basic / für
Einsteiger
Power / Advanced für
höhere Ansprüche
Professional / Profi für
Firmenkunden
Oft wird auch mit Nulltarifen und Rabatten für die ersten Monate
geworben.
Achten Sie auf das mitunter Kleingedruckte oder zusätzlichen Kosten
wie "einmalige Einrichtungsgebühren" |
|
Domain
|
Als erstes müssen Sie überlegen, unter welcher Adresse Ihre
Hompage im Internet erreichbar sein
soll.
Bei vielen Webhostern können Sie online prüfen, ob die Wunschadresse
noch frei ist.
Sollte z.B. "markt-apotheke.de"
schon belegt sein, könnten Sie es ohne Bindestrich versuchen "marktapotheke.de",
den Ort noch mit in den Namen nehmen "markt-apotheke-erlangen.de"
oder es mit einer anderen Toplevel-Domain versuchen "markt-apotheke.biz".
Übliche Toplevel-Domains sind
.de (Deutschland)
.com (kommerzielle
Anbieter),
.eu (Europa),
.biz (von "business"
für Unternehmen),
.name (für Namen
von Privatpersonen)
.net (Netzwerke,
Firmenverbände),
.org (nicht kommerzielle
Organisationen)
.info (für Informationsanbieter)
Auch könnten Sie direkt mehrere Adressen für sich reservieren
lassen, um auch solche Internetnutzer auf Ihre Seiten zu locken, die Ihre
Adresse auf Verdacht eintippen. Damit kann man auch möglichen Mitbewerbern
zuvor kommen.
www.kuechen-maier.de
www.kuechenmaier.de
www.küchen-maier.de
(auch Umlaute sind möglich!)
www.küchenmaier.de
Für die Registrierung sorgt der Webhoster.
Auch zahlt er die laufenden Gebühren der Domains an die jeweiligen
Registrierungsstellen. |
|
Subdomains
|
Mit Hilfe von Subdomainen könnte man z.B. Zweigstellen einer Firma
unterscheiden.
Wenn die Domain z.B. "firma-xy.de"
lauten würde, waren mögliche Subdomainen "erlangen.firma-xy.de",
"nuernberg.firma-xy.de", "fuerth.firma-xy.de"
... |
Assistenten,
Webdesign-Tools,
Zusatzsoftware
|
Diese arbeiten oft nach einem Baukastenprinzip ("Homepage-Baukasten").
Aus einer Vielzahl von Vorlagen/Designs/Templates kann die eigene Hompage
erstellt werden. Dafür sind in der Regel keine fundierten Kenntnisse
nötig. Eigene Texte, Bilder, Musikclips und Videos lassen sich in
die Vorlagen einbauen.
Oft gibt es auch zusätzliche Software um die eigenen Bilder oder
Videos webtauglich zu machen ((be)schneiden, optimieren, verkleinern, zusammenstellen,
montieren, verfremden, ...). |
|
FTP-Zugang
|
Notwendig, um die auf dem PC erstellten Dateien der Hompage
auf den Server des Webhosters zu laden. Siehe auch FTP.
Oft wird noch ein Datei-Manager mit angeboten, mit dem direkt auf dem
Server gearbeitet werden kann um z.B. Rechte und Zugriffe auf die Dateien
zu verwalten. |
|
E-Mail
|
Meist besteht die Möglichkeit mehrere E-Mail-Adressen pro Domain
einzurichten.
Z.B. ein eigenes Postfach pro Familien-Mitglied bei einer privaten
Domain: Benedikt@die-wagners.de
Oder ein eigenes Postfach pro Mitarbeiter auf einer Firmen-Domain:
Petra.Appel@abc-haustechnik.de
Auch E-Mail-Weiterleitungen können eingerichtet
werden:
Ankommende E-Mails für Michael.Jung@123-versand.de
werden an Micha-Jung@gmx.de
weitergeleitet. |
Multimedia
Unterstützung
|
Damit kann man z.B. eine Vielzahl von Bildern zu einer Diashow zusammenfassen,
die auch eine Bedienoberfläche für den Anwender hat. Wenn Sie
die Hompage einer Band erstellen wollen,
sollten Audio- und Video-Dateien auf den Web-Seiten unterstützt werden. |
Flash-
Unterstützung
|
Zum Erstellen eigener Animationen, Intros, Werbebanner und Filmclips
mit einem Flash-Editor. Flash-Dateien können auf die Web-Seiten eingebaut
werden. Eventuell werden auch Flash-Templates geboten, die man für
die Erstellung eigener Flashs nutzen kann. |
|
Speicherplatz
|
Wer besonders viele Bild-, Musik- oder Videodaten auf seiner Homepage
haben möchte, sollte prüfen, ob der benötigte Speicherplatz
nicht den vom Webhoster zugestandene Speicherplatz übersteigt. Eventuell
muss ein teurerer Tarif gewählt werden. |
|
Traffic
|
Damit meint man den Verkehr auf den Web-Seiten, die der Webhoster bewältigen
muss. Er wird in MB (Mega-Byte) oder GB
(Giga-Byte) pro Monat angegeben. Wenn die Hompage
vielbesucht ist und zudem viele Multimedia-Dateien übertragen werden,
kann schnell das erlaubte Limit überschritten werden. Siehe Beispiel
aus dem Glossar. |
|
Statistiken
|
Wer wann welche Datei der Web-Seite wie oft aufgerufen hat, kann aus
der Logdatei ermittelt werden. Daraus
generiert der Webhoster Statistiken, auf die der Eigentümer der Hompage
Zugriff hat. |
Datenbank
Unterstützung
|
Dies wäre interessant, wenn Sie auf Ihrer Hompage
eine Suchen über Datenbanken realisieren möchten. Ein Beispiel
wäre ein Produktkatalog für einen Internet-Shop oder interaktive
Formulare. |
Unterstützung
programmierter
Web-Seiten
|
Wenn Sie programmierte dynamische bzw. interaktive Seiten auf den Server
des Webhosters betreiben wollen. Siehe auch CGI,
PHP
oder PERL. |
|
Nachrichten
|
Der Webhoster kann tagesaktuelle Nachrichten-Pakete anbieten, die Sie
auf die eigenen Web-Seiten integrieren können.
Dabei kann aus unterschiedlichen Themengebieten gewählt werden
wie z.B. Wirtschaft, Politik, KFZ, Familie, Reisen oder Unterhaltung. Das
kann ihre Web-Seite attraktiver machen. |
|
Online-Festplatte
|
Bei dieser Funktion können Sie auf den Server des Webhosters ein
"virtuelles" Laufwerk betreiben. Diese Daten sind dann immer und überall
verfügbar sofern ein Internetzugang besteht. Mit Hilfe eines Zusatzprogramms
kann dieses Verzeichnis auf dem PC wie ein weiteres Laufwerk eingebunden
werden. Die Zugriffsgeschwindigkeit gegenüber einer lokalen Festplatte
oder einem USB-Stick ist deutlich geringer, da der gesamte Datentransfer
über das Internet läuft.
Für Backups sorgt der Webhoster. |
weitere mögliche
Funktionen
|
Besucher-Zähler/Counter, Online-Tagebuch/Blog,
Gästebuch,
Lageplan mit Anbindung an einen Routenplaner ,
Passwort-Schutz auf bestimmte Inhalte der Webseite, die nicht allen
zugänglich sein sollen. Z.B. private Fotos,
Newsticker etc. |
|
Shops
|
Dies ist für Unternehmen interessant, wenn diese Möglichkeit
direkt auch vom Webhoster angeboten wird. Sonst müsste man für
einen eigenen Online-Shop einen weiteren Dienst in Anspruch nehmen. |
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     <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 |
    |
| Link
Validator |
     |
| Popularity |
     |
| Load
Time |
     |
| Submit
It! Readiness |
     |
| Spelling |
     |
| HTML
Validity |
     |
|
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
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.
© Bernd Zimmermann 1997-2012 |