Wie erstelle ich eine eigene Homepage?
Bevor
man an die konkrete Programmierung der eigenen Homepage geht, sollte man einige
Vorüberlegungen anstellen. Generell muß natürlich die Frage beantwortet werden,
welche Ziele man mit der eigenen Homepage verfolgt und ob diese Ziele durch die
konkrete Umsetzung erreicht werden können. Wir können hier nur einen Teil
dieser Vorüberlegungen aufgreifen und gehen im Folgenden davon aus, dass ihr
Unternehmen vor allem daran interessiert ist, die Bekanntheit zu steigern und
neue Kunden zu gewinnen. Wir konzentrieren uns daher auf die Fragestellungen
nach einer geeigneten Domain, einem geeigneten Provider und den für die gute
Platzierung in Suchmaschinen wichtigen Schlüsselbegriffen.
Als
Beispiel wählen wir die Firma Timmer Pneumatik GmbH. Die vertreiben
Pneumatik, Pumpen und Vakuumtechnik für gewerbliche und industrielle Zwecke.
Betrachten wir also einmal den Bereich „Pneumatik“.
Schlüsselbegriffe oder Keywords
Schlüsselbegriffe
sind all diejenigen Begriffe, wonach die potentiellen Kunden in einer
Suchmaschine suchen könnten oder würden. Also: Pneumatik, Pneumatikzylinder,
Verschraubungen, Pneumatikzubehör, Pneumatikventile, Hersteller, Magnetventile,
etc.
Um
die Schlüsselbegriffe für ihre Homepage zu ermitteln können Sie zunächst ihrer
Phantasie freien Lauf lassen. Danach sollten Sie auf weitere Möglichkeiten
zurückgreifen. Verwenden Sie beispielsweise den Assoziator unter
www.metager.de, um weitere Begriffe zu finden. Dazu kann man in unserem Fall
Begriffe wie Pneumatik, Zylinder, Verschraubungen usw. dort eingeben. Der
Web-Assoziator liefert dann Begriffe, die „seiner Meinung nach“ auch in diesen
Bereich fallen oder ihm nahestehen. Eine weitere Orientierungsmöglichkeit
bietet die Konkurrenz. Gehen Sie auf deren Internetauftritte und schauen Sie
sich die Keywords im HTML-Quelltext der Seite an (rechte Maustaste und auf
„Quelltext anzeigen“ klicken). Ordnen Sie schließlich die einzelnen
Schlüsselworte nach Wichtigkeit, also beispielsweise wonach ihre potentiellen
Kunden sehr häufig suchen werden oder mit welchen Produkten Sie den größten Umsatz
erzielen wollen etc. Falls Sie hier ganz unsicher sind bieten
www.webmasterplan.de und www.suchmaschinentricks.de je eine Datenbank, wo Sie
für jeden Begriff nachschauen können wie oft nach ihm gesucht wurde. Allerdings
können die Resultate nach unserer Erfahrung verzerrt sein.
|
Eigene Stichworte
|
zusätzliche Stichworte
(Assoziator und Konkurrenz)
|
|
Pneumatik, Pneumatikzylinder, Pneumatikventile,
Ventile,
Magnetventil, Steckverschraubungen, Ventil,
Verschraubungen, Fittings,
Hersteller ....
|
Druckluftzylinder, Steckverbinder,
Pneumatic, Positionierzylinder,
Druckluftarmaturen, Wartungsgeräte,
Druckluftaufbereitung, Händler,
Lieferprogramm, preiswert, ....
|
|
gewichtete Stichworte
(Chance und Suchhäufigkeit)
|
freie Domains
|
|
1. Pneumatik,
2.Pneumatikzylinder,
3. Pneumatikventile,
4. Magnetventile,...
|
www.pneumatik.ch
www.pneumatikventile.de
www.druckluftmotor.de
www.magnetventil-online.de...
|
Wahl der Domain bzw. Internetadresse
Nun
sollten sie nach geeigneten Domains Ausschau halten. Als Domain bezeichnet man
vereinfacht gesagt die Adresse der Startseite eines Internetauftritts.
Besonders relevant für deutsche Unternehmen sind die DE- und die COM-Domains.
Es kann sich aber anbieten auf andere Domains auszuweichen. Ob eine DE-Domain
noch frei ist kann man unter www.denic.de erfahren. Weitere interessante Seiten
zum Thema Domains finden Sie unter united-domains.de oder sedo.de. Eine noch freie
DE-Domain können Sie bereits für unter 0,5 Euro pro Monat (ggf. plus
Einrichtungsgebühr) registrieren. Domains mit anderen Endungen (com, at, ch,
net, org, info, cc, ...) sind in der Regel etwas teurer.
Bei
der Auswahl einer Domain sind mehrere Punkte zu beachten und wir empfehlen
ihnen daher ggf. auch mehrere Domains zu registrieren. So sollte eine Domain
einerseits leicht merkbar sein, andererseits sollte sie aber auch für
Stammkunden vertraut klingen. Außerdem sollten Sie sich eine Domain zulegen,
die Sie unmissverständlich am Telefon durchgeben können und die wenig
Schreibarbeit bedeutet.
Es ist natürlich sinnvoll auf dieser Seite gezielt diejenigen Informationen
abzulegen, die telefonisch oft verlangt werden (Kataloge,
Bedienungsanleitungen, etc.). Weiterhin
sollten Sie sich auch ihre wichtigsten Produkte als Domain sichern. Also im
Fall unserer Firma etwa druckluftmotor.de oder pneumatikzylinder.de. Oft werden
diese Begriffdomains in Suchmaschinen mit besseren Platzierungen bedacht und
sie eignen sich wegen der guten Einprägsamkeit sehr gut zu Werbezwecken.
Darüberhinaus sollten Sie ebenfalls wegen der Suchmaschinen eine Domain haben,
die ihren wichtigsten Schlüsselbegriff enthält. Lautet der Schlüsselbegriff
„Pneumatik“, so bietet sich z. B. in unserem Fall Timmer-Pneumatik.de an.
Übrigens ist es egal, ob Sie Groß- oder Kleinschreibung für die Domain
verwenden (gartenpflanzen.de = GartenPflanzen.de). Für alles was in der URL
nach der Domain folgt macht Klein- und Großschreibung allerdings sehr wohl
einen Unterschied.
Also:
pneumatik.ch /PneumatiK.html ¹
pneumatik.ch/pneumatik.html
Achtung:
Bei der Wahl einer Domain müssen Sie darauf achten, dass Sie keine Markenrechte
und Titelschutzrechte verletzten.
Wahl des Providers
Informationen
über Qualität und Angebot von Providern können Sie beispielsweise unter
www.dooyoo.de nachlesen. Wir haben insbesondere mit den Rechnungen der Provider
schlechte Erfahrungen gemacht. Diese sollten Sie stets genau kontrollieren.
Nicht immer sind die Fehler jedoch Resultat von Böswilligkeit. So hat sich
manitu einmal deutlich zu unseren Gunsten vertan. Natürlich haben wir das der
Fairness halber gemeldet. Auch in Puncto Support und Offenheit können die
Provider recht unterschiedlich sein. Einen guten Eindruck haben wir hier von
manitu gewonnen.
|
Adresse
|
Leistung
|
Preise
(2/2002)
|
|
dooyoo.de
|
Testberichte
(u.a. Provider) von und für Verbraucher
|
kostenlos
|
|
netbeat.de
|
Beispiel:
Level 1
5
MB Speicherplatz, Gästebuch, Forum, Counter ...
(ideal
für den Start oder für einen Zusatzinternetauftritt)
|
9,99
Euro einmalige Einrichtungsgebühr und 0,27 Euro monatliche Gebühr für Level 1
|
|
manitu.net
|
Sehr
guter und schneller Support und preiswerte Angebote
|
siehe
Webseite von manitu
|
|
Hinweis: netbeat und manitu sind keineswegs die einzigen
Provider in Deutschland. Informieren Sie sich ggf. auch über alternative
Angebote.
Generell sollten Sie bei
einem sehr niedrigpreisigen Angebot nicht den gleichen Service und die
gleiche Zuverlässigkeit erwarten, die ein weitaus teureres Angebot bieten
kann.
Sollte die Existenz ihres
Unternehmens wesentlich von der ständigen Erreichbarkeit und
Funktionstüchtigkeit des Internetauftritts und ihrer EMailaccounts abhängen,
dann müssen Sie sich vor ihrer Entscheidung für einen Provider sehr gründlich
informieren. Derartiges kann das vorliegende Buch nicht leisten.
|
Die Erstellung
der eigenen Homepage in HTML
Wir
legen Ihnen nahe, Ihre Homepage direkt in HTML-Quellcode zu programmieren. Das
hört sich schwieriger an, als es ist. Nur so haben Sie die „wirkliche“
Kontrolle über ihre Seite und bekommen ein Verständnis davon, was in etwa
passiert. Weiterhin können HTML-Kenntnisse erforderlich sein, wenn Sie
bestimmte Anwendungen anpassen oder „reparieren“ müssen. Wir empfehlen ihnen
zunächst das vorliegende Kapitel durchzulesen sowie die Hinweise unter
www.internet-fuer-unternehmen.de zu beachten und erst danach mit eigenen
Übungen zu beginnen.
HTML
ist eine Seitenbeschreibungssprache. Durch Eingabe des HTML-Code beschreiben
Sie also einfach, welche Schrift in welcher Farbe mit welcher Größe wo
verwendet werden soll oder wie groß eine Tabelle sein soll, wieviele Spalten
sie aufweisen soll und ob eine bestimmte Farbe verwendet werden soll. Klar,
dass Sie nicht einfach schreiben können: „Hier soll eine Tabelle in der und der
Größe entstehen, die 3 Spalten mit je 3 Zeilen aufweist.“ Wenn Sie das aber
„auf HTML“ eingeben würden, dann kann ein Browser das lesen und verstehen. Also
müssen Sie quasi ein paar HTML-Vokabeln lernen, um für einen Browser
verständlich zu reden. Es gibt allerdings einige browserspezifische Nuancen, d.
h. es kann vorkommen, dass ein Browser bestimmte HTML-Tags (=HTML-Befehle)
anders interpretiert als sein „Kollege“. Dies betrifft aber nur in ganz
seltenen Fällen die hier vorgestellten Grundlagen. Ein Test ihrer HTML-Seiten
mit verschiedenen Browsern kann aber natürlich nicht schaden.
Vorbereitung
Bevor
Sie an das eigentliche Programmieren der Seite gehen, sollten Sie sich bereits
sorgfältig vorbereitet haben. Sie sollten ihre Schlüsselbegriffe kennen (s.o.),
Sie sollten sich Gedanken über das Design (Navigation etc.) der Seite gemacht
haben, Sie sollten wissen, welche Informationen Sie unterbringen wollen, welche
Dienste (Formulare, Forum, Newsletter, Linkliste, Downloadarea ...) Sie
anbieten wollen und ob die Seite in Zukunft erweitert oder verändert werden
soll. Die Zeit der Vorbereitung kann durchaus die eigentliche Programmierzeit
zur Fertigstellung überschreiten.
Womit schreibe
ich ein HTML-Dokument?
Bevor
Sie mit der Programmierung beginnen, sollten Sie zuerst einen neuen
Ordner z.
B. „Internet“ anlegen, in welchem Sie die
HTML-Dateien speichern können. Ein
HTML-Dokument können Sie „zur Not“ mit
Notepad (Start-Programme-Zubehör-Editor)
verfassen. Zu Notepad gelangen Sie in der Regel, wenn Sie auf ihrem
Windows-Rechner mit der Maus in die linke untere Ecke gehen und dann
auf
„Start“ klicken. Dann bewegen Sie den Mauszeiger
auf „Programme“, danach auf
„Zubehör“ und schließlich
klicken Sie auf „Editor“. Auf diese Weise haben Sie
den Editor „Notepad“ gestartet. Nun
könnten Sie sofort loslegen und direkt den
Programmcode aus den unten folgenden Beispielen eingeben.
Wenn
Sie mit der HTML-Programmierung fertig sind, dann speichern Sie das Dokument
einfach mit der Dateiendung "html" ab, also beispielsweise als
pneumatik.html für eine Seite über Pneumatik. Dazu klicken Sie in Notepad auf
„Datei“, dann auf „Speichern unter“, dann klicken Sie sich zu ihrem neu
angelegten Ordner „Internet“ durch und geben als Dateiname beispielsweise
pneumatik.html ein und klicken dann auf „speichern“. Wir empfehlen ihnen
(besonders als Anfänger) immer alles klein zu schreiben, in Dateiendungen keine
Umlaute, Leerzeichen oder Sonderzeichen zu verwenden (also oe an Stelle von ö)
und als Dateiendung immer html zu benutzen (htm wäre auch möglich). Wenn Sie
sich ihre HTML-Seite offline anschauen wollen, dann gehen Sie in ihren Ordner
„Internet“ und doppelklicken dann auf die neu erstellte HTML-Datei. Nun müßte
automatisch ihr Browser starten und schließlich ihre Seite anzeigen. Eine
fertige HTML-Seite können Sie dann mit einem FTP-Programm ins Internet stellen
(siehe weiter unten).
Besser
als Notepad ist natürlich ein HTML-Editor, da er einige Hilfen bietet und den
HTML-Code durch Farbgebung übersichtlich strukturiert. Ein bekannter Editor ist
beispielsweise "Phase 5".
Die
generelle Struktur eines HTML Dokumentes und von Befehlen
Wie
fast jedes Ding so hat auch ein HTML-Dokument einen Anfang und ein Ende.
Wichtig zu wissen ist, dass man den Anfang und das Ende eines HTML-Dokumentes
auch kennzeichnen muß, nämlich mit den Tags (Befehlen) <html> und </html>.
Tags werden generell in „Spitzklammern“ gesetzt. Viele Tags müssen durch einen
entsprechenden End-Tag beendet werden. Ein Anfangstag hat immer die Form <...>
und ein Endtag hat die Form </...>.
In
unserem Beispiel bedeutet also <html>, dass hier die
HTML-Programmierung anfängt und </html> bedeutet, dass hier die
Programmierung endet. Zwischen diesen beiden Tags befindet sich dann die
„eigentliche“ Programmierung. Also:
|
<html>...... eigentliche Programmierung
..... </html>
|
Dann
gibt es noch eine weitere wesentliche Unterteilung, nämlich die Unterteilung in
einen head-Bereich (Kopf-Bereich) und einen body-Bereich (Körper-Bereich). Im
head-Bereich werden verschiedene „Metaangaben“ (Seitentitel, Beschreibung,
Keywords, Autor, Zielgruppe usw.) gemacht bzw. können gemacht werden. Wir
empfehlen ihnen einer Internetseite immer mindestens einen Titel, Keywords und
eine Beschreibung zu geben.
Über
die Programmierung des Headbereiches müssen Sie sich aber nicht unbedingt
Gedanken machen, da es dafür sogenannte Metataggeneratoren gibt, die ihnen die
Programmierung abnehmen. Einen entsprechenden Generator finden Sie bei der
Suchmaschine Fireball.de oder unter webmasterplan.de.
Der
Body-Bereich beeinhaltet schließlich den über den Browser sichtbaren Teil der
Programmierung. Sowohl Head- als auch Body-Bereich werden durch entsprechende
Tags abgeschlossen. Damit hat unser HTML-Dokument die folgende Struktur:
|
<html>
<head> Hier stehen die Metatags (ggf. Metataggenerator verwenden)</head>
<body> Hier steht die über den Browser sichtbare Programmierung
</body>
</html>
|
Die
Programmierung des Bodies
Die
einfachste Möglichkeit besteht darin, nun einfach Text in den Body-Bereich zu
schreiben und schon haben wir unser erstes vollwertiges HTML-Dokument, dass wir
ins Internet stellen könnten. Für die Darstellung im Browser ist es übrigens
unerheblich, ob Sie den gesamten HTML-Quelltext in eine Zeile schreiben oder ob
Sie wie unten zur besseren Lesbarkeit Zeilenumbrüche in den Quelltext einbauen.
|
<html>
<head>
<title>Unser erstes HTML-Dokument</title>
<meta name="description" content="Hier
steht die Beschreibung.">
<meta name="keywords" content="Hier,
stehen, die, Keywords">
</head>
<body>
Der hier geschriebene Text ist im Browser sichtbar. Es
handelt sich um unser erstes HTML-Dokument. Hier geht es zur Timmer-Pneumatik
GmbH. Die vertreiben Pneumatik, Pumpen und Vakuumtechnik.
</body>
</html>
|
Vielleicht
wollen wir aber nun zusätzlich, dass der Text im Browser zentriert (Befehl <center>
...</center>) erscheint. Weiterhin soll nach jedem Satz ein
Zeilenumbruch (Befehl <br>) stattfinden, um die Lesbarkeit zu
verbessern.
Gleichermaßen
wollen wir, dass der zweite Satz in der Schrift „Helvetica“ bzw. „Arial“
dargestellt wird und zwar in der Schriftgröße 3 und in der Farbe „Blau“. Dazu
verwenden wir den Font Befehl <font hier die Eigenschaften der Schrift eingegeben>Text</font>. Weiterhin wollen wir noch einen Link zur Timmer
Pneumatik GmbH setzen (Befehl <a href="hier die URL eingeben">Text</a>) und schließlich soll der Text nicht ganz oben im
Bildschirm sichtbar sein, sondern etwas tiefer erscheinen. Auch dazu kann man
den Zeilenumbruchbefehl <br> verwenden.
|
<html>
<head>
<title>Unser zweites HTML-Dokument</title>
<meta name="description" content="Eine
schöne Seite.">
<meta name="keywords"
content="Internet, HTML, Pneumatik">
</head>
<body>
<br><br><br><br>
<center>
Der hier geschriebene Text ist im Browser sichtbar. <br>
<font color="blue" size="3"
face="arial, helvetica">Es handelt sich um unser erstes HTML-Dokument.</font>
<br>
Hier geht es zur <a
href="http://www.timmer-pneumatik.de">Timmer-Pneumatik GmbH.</a>
<br>
Die vertreiben Pneumatik, Pumpen und Vakuumtechnik.
</center>
</body>
</html>
|
Nun
möchten wir zusätzlich noch ein Bild ohne Link einsetzen und weiterhin ein
zweites Bild mit Link. Zur Platzierung des Bildes dient jeweils der Befehl <img
src="Dateiname-des-Bildes">.
Beachten Sie bitte hier und auch bei anderen Befehlen unbedingt die
Anführungszeichen "...". Gebräuchliche Formate für Bilder im Internet
sind das GIF und das JPG Format. Die Auflösung sollte nicht höher als 72 dpi
sein.
Weiterhin
möchten wir eine große Überschrift einfügen, welche durch den Befehl <h1>Text</h1> realisiert wird. Außerdem soll ein Wort in Fettdruck
und eines in Kursivdruck erscheinen. Dies wird realisiert durch die Befehle
<b>Text</b> und
<i>Text</i>.
Dann haben wir den folgenden Programmcode:
|
<html>
<head>
<title>Unser drittes
HTML-Dokument</title>
</head>
<body>
<br><br><br><br>
<center>
<h1>Unser Textdokument</h1>
Der hier geschriebene Text ist im <i>Browser</i>
sichtbar. <br>
<font color="blue" size="3"
face="arial, helvetica"> Es handelt sich um unser erstes <b>HTML</b>-Dokument.</font>
<br>
Hier geht es zur <a
href="http://www.timmer-pneumatik.de">Timmer-Pneumatik
GmbH.</a> <br> Die vertreiben Pneumatik, Pumpen und
Vakuumtechnik. <br><br>
<img src="http://www.internet-fuer-unternehmen.de/pneumatik.gif">
<br><br>
<a
href="http://www.timmer-pneumatik.de">
<img
src="http://www.internet-fuer-unternehmen.de/pneumatik.gif"></a>
</center>
</body>
</html>
|
Zum
Schluß unserer Einleitung in HTML müssen wir uns noch mit dem überaus wichtigen
Thema „Tabellen“ beschäftigen. Tabellen bieten eine hervorragende Möglichkeit
Bilder oder Texte nach ihren Wünschen zu positionieren. Eine Tabelle wird durch
den Befehl <table> eingeleitet und durch den Befehl </table>
beendet. Die Tabelle kann mehrere Zeilen umfassen <tr>...</tr>,
die wiederum mehrere Spalten <td> ... </td> beinhalten. Eine
2x3 Tabelle hat also demnach die folgende Gestalt:
|
<table>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</table>
|
Nun
kann man noch zusätzliche Angaben machen, beispielsweise wie breit und hoch die
Tabelle (width und height) sein soll, welche Hintergrundfarbe verwendet
wird (bgcolor) und ob die Gitternetzlinien sichtbar sein sollen (Border)
und wenn ja in welcher Stärke. Ähnliches gilt auch für die einzelnen <td>-Tags.
Wir empfehlen ihnen für Tabellen eine maximale Breite von etwa 750 zu
wählen, damit die Tabelle auch auf kleineren Bildschirmen als ganze sichtbar
bleibt. Die einzelnen Zellen der Tabelle können mit Links, Bildern oder Text
gefüllt werden. Falls Sie auf einer Seite eine komplexe Tabellenstruktur
entwickelt haben (Tabelle in einer Tabelle, die sich in einer Tabellenzelle
befindet), dann laufen Sie Gefahr die Übersicht zu verlieren. Als kleinen Trick
empfiehlt es sich dann oft den Wert von Border=0 auf Border=1 (s.u.) zu setzen,
so dass die Gitterlinien der betroffenen Tabelle sichtbar werden. Nehmen wir
als Beispiel eine 1x3 Tabelle. Diese kann wie folgt aussehen und beliebig
innerhalb des Bodies plaziert werden.
|
<table border=0
width="750" bgcolor="aqua">
<tr>
<td>Dies ist die erste Zelle der Tabelle.</td>
<td>
Hier geht es zur <a
href="http://www.timmer-pneumatik.de">Timmer-Pneumatik
GmbH.</a> <br> Die vertreiben Pneumatik, Pumpen und
Vakuumtechnik.
</td>
<td>Dies hier steht in der dritten Tabellenzelle.</td>
</tr>
</table>
|
Bilder für den Internetauftritt
Im
Internet gibt es Verzeichnisse, die Ihnen kostenlos Buttons, Grafiken, Bilder
etc. zur Verfügung stellen. Falls Sie eines der Bilder für ihren
Internetauftritt nutzen wollen, so gehen Sie mit dem Mauszeiger auf das Bild,
klicken dann auf die rechte Maustaste und geben dann bei „Grafik speichern
unter“ an, wo das Bild auf ihrer Festplatte gespeichert werden soll.
Sinnvollerweise verwenden Sie den Ordner ihres Internetauftritts. Prinzipiell
könnten Sie auf diese Weise (fast) alle Bilder aus dem Internet „stibitzen“.
Allerdings dürfen Sie fremde Bilder ohne Erlaubnis (Urheberrecht) nicht
verwenden. Eigene Fotos können Sie über einen Scanner und eine
Bildbearbeitungssoftware im GIF oder im JPG-Format abspeichern. Die Auflösung
sollte 72 dpi betragen (Ladezeit!). Um Bilder (Urheberrecht!) eines fremden
(oder ggf. auch des eigenen) Auftritts einzubinden verwenden Sie als Adresse:
http://www.name-der-domain.de/name-des-bildes.gif für ein GIF-Bild. Für die eigenen Bilder empfehlen
wir Ihnen aber das „http://www.“ wegzulassen, also z. B. den Befehl <img src="pneumatik.gif"> zu wählen. Eine
Möglichkeit Bilder zu komprimieren und damit die Ladezeit ihrer Homepage zu
verkürzen finden Sie bei webmasterplan.de
Internetauftritt mit mehreren Seiten
Egal
ob Sie einen Auftritt mit einer oder mit mehreren Seiten programmiert haben,
die Startseite ihres Auftritts sollten Sie in der Regel immer index.html
nennen. Wie bekannt können Sie über das Setzen eines Links auf eine bestimmte
Seite (URL) eines anderen Internetauftritts verweisen. Die gleiche Methode
können Sie natürlich auch innerhalb ihres eigenen Internetauftritts zur
Navigation verwenden, indem Sie quasi die eigenen Seiten wie fremde Seiten
behandeln. Wir gehen zunächst einmal davon aus, dass Sie ihren gesamten
Internetauftritt (HTML-Seiten, Bilder, etc.) auf ihrem Computer in einem
einzigen Verzeichnis bzw. Ordner (ohne Unterverzeichnisse) gespeichert haben.
Die URL für bzw. der Link auf die jeweiligen Seiten lautet:
<a
href="http://www.Name-ihrer-Domain.de/dateiname.html">Text</a>
Falls
Sie ihre Seiten auf diese Weise miteinander verlinken, dann funktionieren diese
Links jedoch nur, wenn Sie die Seiten online gestellt haben. Möchten Sie ihre
Seiten jedoch schon offline funktionstüchtig miteinander verlinken, dann
sollten Sie die folgende Version verwenden: <a
href="dateiname.html">Text</a>. Natürlich funktioniert
diese Art der Verlinkung innerhalb des eigenen Auftritts weiterhin, wenn Sie
die Seiten dann später online stellen. Wenn Sie ein wenig mehr Übung haben, so
können Sie selbstverständlich auch Unterverzeichnisse in den Auftritt
integrieren.
Übertragen der Homepage per FTP
Um
ihre Homepage ins Internet zu stellen, benötigen Sie ein FTP Programm. Ein
kostenloses Programm (PerfectFTP 1.1) finden Sie auf der Seite des Homepagemagazins unter
Vollversionen. Laden Sie sich das Programm herunter und übertragen Sie ihre
Dateien. Beachten Sie auch die Hilfe, die das Programm bietet. Weitere Hinweise
finden Sie auch auf unserer Homepage. Falls Sie netbeat als Provider gewählt
haben, so lauten die notwendigen Angaben für das FTP-Programm im Fall unserer
Homepage:
Server:
ftp.internet-fuer-unternehmen.de
Username:
internet-fuer-unternehmen-de
Passwort:
das von netbeat mitgeteilte
So,
nun haben Sie erste Grundlagenkenntnisse, mit denen Sie schon überraschend weit
kommen können. Falls Sie selber nur wenig programmieren wollen, haben wir ihnen
im Internet schon einen Musterauftritt vorbereitet, der eine Startseite und
mehrere Internetseiten incl. Navigation beinhaltet.
Optimieren des
Internetauftritts für Suchmaschinen (Schlüsselworte)
Die
optimale Platzierung einer Seite in Suchmaschinen ist eine eigene
„Wissenschaft“. Wir können hier nur einige Hinweise geben, wie man die gröbsten
Fehler vermeidet. Ganz generell gilt natürlich, dass Sie unter einem bestimmten
Begriff wohl nur dann gefunden werden, wenn dieser irgendwo in ihrem
Internetauftritt vorkommt. Daraus folgt, dass Sie ggf. eine Seite programmieren
sollten, auf der alle für ihr Angebot relevanten Suchbegriffe (als
Produktpalette oder Stichwortverzeichnis) vorkommen. Darüberhinaus bietet es
sich an, Schwerpunkte zu setzen. Wenn Sie hauptsächlich Pneumatikzylinder
verkaufen, dann ist dieser Begriff natürlich viel wichtiger als der Begriff
Maschinenbau oder Kolbenstange. Konzentrieren Sie sich also auf die gewichteten
Stichworte (siehe Tabelle Seite 20). Wenn Pneumatikzylinder ihr wichtigster
Begriff sein sollte, dann sollten Sie diesen Begriff auch auf der Startseite
ihres Internetauftritts in den Mittelpunkt stellen, d. h. Pneumatikzylinder
sollte in den Metatags (im Titel, in der Beschreibung, in den Keywords) und im
Body erscheinen. Vielleicht sogar in einer <h1> Überschrift. Weiterhin
ist es von Vorteil, wenn Pneumatikzylinder in der URL oder in der Domain
erscheint. Generell sollten Sie die einzelnen Dateinamen ausschreiben, wenn sie
beschreibend sind. Die Datei druckluftmotor.html erreicht in Suchmaschinen in
der Regel (für den Suchbegriff „Druckluftmotor“) eine deutlich bessere
Platzierung als die Datei drucklumot.html. Vermeiden Sie es, Suchmaschinen auf
plumpe Art und Weise austricksen zu wollen (weiße Schrift auf weißem Grund,
etc.). Oft werden solche Tricks mit einer schlechten Platzierung „belohnt“.
Hinweise, wie Sie ihren Internetauftritt noch verbessern können erhalten Sie
unter webmasterplan.de oder topsubmit.de. Hier können Sie auch prüfen, ob die
Links funktionieren, ob die Seite Programmierfehler aufweist, wie schnell die
Seite lädt, wie sie in Suchmaschinen platziert ist usw.
Anmeldung ihrer
Seite bei Suchmaschinen
Die
10 wichtigsten Suchmaschinen liefern in der Regel über 90% der Besucher. Eine
Anmeldung ihrer Homepage in den restlichen 1000 oder 10000 kleinen
Suchmaschinen bringt also wenig. Wichtige Suchmaschinen und Kataloge findet man
u.a. unter google.de, google.com, fireball.de, lycos.de, web.de, alltheweb.com,
hotbot.com, altavista.com oder altavista.de.
Bei
einer Metasuchmaschine wie metager.de können Sie keine Seiten anmelden, da eine
Metasuchmaschine lediglich mehrere „normale“ Suchmaschinen abfragt und die
Ergebnisse zusammenfaßt. Ein Formular zur bequemen Anmeldung ihrer Seite bei
verschiedenen Suchmaschinen bietet metacrawler.de.
Wir
empfehlen ihnen, dass Sie die Anmeldung bei den wichtigsten
Suchmaschinen „von
Hand“ vornehmen. Achten Sie auf Hinweise wie „Seite
hinzufügen“ „Add URL“
„Submit Site“ und dergleichen. Es reicht, wenn Sie
lediglich die Startseite
ihres Auftritts anmelden. Nach einigen Monaten sind dann in der Regel
auch die
restlichen Seiten aufgenommen. Tipps zu den einzelnen Suchmaschinen
finden Sie
auch unter www.at-web.de
Weitere
Hinweise
Generell
ist es wichtig, dass zumindest die Startseite ihres Internetauftritts schnell
geladen wird. Daher sollte die index.html (so müssen Sie in der Regel die Datei
für ihre Startseite benennen) nicht zu groß sein. Prüfen Sie gebenenfalls mit
webmasterplan.de. Achten Sie nicht nur darauf, dass ihr Internetauftritt gut
aussieht. Meist wird er dann zu grafiklastig. Wichtige Schlüsselbegriffe, die
nur als Grafik erscheinen, können von Suchmaschinen wohl nicht bzw. noch nicht
gelesen werden. Falls Sie Java, Javascript, Flash usw. für ihren
Internetauftritt verwenden, dann laufen Sie Gefahr, dass einige Besucher ihn
nicht lesen können. Viele Surfer lassen derartige Anwendungen auf ihrem Browser
aus Sicherheitsgründen ganz bewußt nicht zu. Von vielen Surfern werden
blinkende Bilder (animierte GIFs), Ticker oder Flashfilme als lästig empfunden.
Wenn Sie nicht unbedingt ihre Kollegen beeindrucken wollen, dass Sie „das“
jetzt auch können, dann sollten Sie darauf verzichten. Falls eine Seite doch
einmal etwas größer werden sollte, achten Sie darauf, dass der Besucher schon
etwas zu sehen bekommt (z. B. Logo), während der Rest der Seite noch lädt.
Packen Sie dann die Seite nicht in eine einzige Tabelle. Wenn Sie auf
ihrer Homepage interessante Links anbieten (z. B. radarfalle.de etc.), dann
können Sie Glück haben und ihre Besucher folgen, diesen Links anstatt sich den
Internetauftritt ihrer Konkurrenz anzuschauen. Abgesehen von der sehr wichtigen
Maßnahme, sich in Suchmaschinen einzutragen, können Sie ihren Internetauftritt
bekannt machen, indem Sie beispielsweise in Newsgroups darauf aufmerksam machen
oder indem Sie die Fachpresse informieren. Wenn Sie auf ihren Seiten den
Besuchern einen unmittelbaren Nutzen bieten können (chem. Beständigkeitslisten,
Linkverzeichnis, etc.), dann steigen natürlich die Chancen, dass die Presse
über ihre Seite berichtet. Falls Sie ein Portal zu einem bestimmten
Themengebiet eingerichtet haben, so können Sie Preise, Gütesiegel oder
Auszeichnungen an andere Seiten verteilen. In der Regel bestehen diese Auszeichnungen
aus einem kleinen Bildchen mit einem entsprechenden Link auf ihre Seite. Viele
Homepagebesitzer freuen sich über eine derartige Auszeichnung und Sie werden
dadurch bekannt.
Weiterbildung
Natürlich
kann dieses Buch nicht umfassend in HTML einführen. Wir meinen aber, dass Sie
nun so gut vorbereitet sind, dass Sie selbstständig über kostenlose
Internetangebote weiterlernen können. Nach der Lektüre dieses Kapitels, dem
Besuch unserer Internetseite und einigen praktischen Übungen sollten Sie
gerüstet sein, um sich bei Bedarf über spezielle Probleme und komplexere Dinge
bei SELFHTML weiter zu informieren. Nutzen Sie ggf. auch die dortigen Foren,
falls Sie Hilfe benötigen.
Wie
kann ich den Internetauftritt vor meinem Chef bzw. vor meinen Mitarbeitern rechtfertigen?
Eine
einfache Möglichkeit besteht darin, dem Chef bzw. den Mitarbeitern
vorzurechnen, wieviel ein Konkurrenzunternehmen für den gleichen Erfolg bei der
Ansprache potentieller Neukunden per Internet hätte ausgeben müssen.
Gehen
wir einmal von folgender Situation aus: Aus der Statistik (siehe später) für
ihre Internetseiten entnehmen Sie, dass pro Tag ca. 10 neue Besucher über
Suchmaschinen etc. auf ihre Seiten zugreifen. Wieviel also hätte ein
Konkurrenzunternehmen dafür bezahlen müssen? Eine wichtige Möglichkeit,
potentielle Neukunden auf ihre Internetseiten zu locken, besteht in
Bannerwerbung. Nehmen wir also an, dass ihr Konkurrent versuchen würde, Kunden
über die Schaltung von Werbe-Bannern zu gewinnen. Für den TKP
(Tausender-Kontakte-Preis) setzen wir die eher niedrige Summe von 10 Euro an.
Tausend Bannereinblendungen kosten für unseren Konkurrenten also 10 Euro. Nun
liegt die Clickrate auf Banner aber oft deutlich unter 1%. Eine Überweisung
per Banner kostet demnach mindestens 1 Euro. Für 10 Besucher zahlt der
Konkurrent also 10 Euro. Das macht bei 300 Besuchern im Monat folglich 300
Euro.
Wenn
Sie pro Tag 10 neue Besucher (wohlgemerkt Besucher, nicht Kunden) gewinnen,
dann entspricht dies einem Wert von 3600 Euro pro Jahr. Vergleichen Sie doch
einfach diesen Wert mit ihren Kosten für die Erstellung und den Unterhalt ihres
Internetauftritts (Arbeitszeit, Provider, etc.). Darüberhinaus dient der
Internetauftritt in der Regel nicht nur der Neukundengewinnung, sondern er
erfüllt weitergehende Funktionen (Stammkundenbindung, Anfahrtskizze,
Downloadarea, Öffnungszeiten, Image, etc.), die wir also zusätzlich noch in
Rechnung stellen müßten.
Sie wollen ohne
großes Vorwissen in kurzer Zeit eine ansprechende Homepage preiswert zaubern?
Das ist möglich!
Der
nachfolgend dargestellte Vorschlag ermöglicht es ihnen „mal eben ganz schnell“
eine Seite ins Internet zu stellen. Damit sind Sie erreichbar und können nach
entsprechender Anmeldung auch über Suchmaschinen gefunden werden. Wir empfehlen
ihnen, die unten dargestellte Schrittfolge (ggf. in abgewandelter Form) in
jedem Falle als kleine Übung durchzuführen. Lesen Sie bitte zuerst alle Punkte
durch, bevor Sie beginnen.
Schritt
1: EMailadresse besorgen
Für
das Folgende benötigen Sie eine EMailadresse, die Sie beispielsweise bei
freemail.de oder gmx.de kostenlos erhalten können.
Schritt 2: Domain und Speicherplatz bestellen
Zunächst
müssen Sie eine Domain incl. Speicherplatz bestellen. Gehen Sie also
beispielsweise zu netbeat.de, wählen Sie eine Domain und bestellen Sie z. B.
ein Level 1 Angebot. Nachdem Sie ihre Domain bestellt haben, erhalten
Sie von netbeat meist innerhalb kurzer Zeit (ca. 2-3 Tage) ihre Zugangsdaten.
Sobald die EMail von netbeat mit den Zugangsdaten eingetroffen ist, warten Sie
bitte noch einen weiteren Tag, da es ein wenig dauert, bis der Server
erreichbar ist.
Schritt
3: Erstellung einer Homepage (mit nur einer Seite)
Erstellen
Sie auf ihrer Festplatte zunächst einen Ordner, in welchem Sie den neuen
Internetauftritt speichern wollen. Der nächste Schritt besteht nun darin, dass
Sie auf unsere Internetseite gehen und die Vorlage verwenden. Dazu befolgen Sie
die unten angegebene Schrittfolge. Die Farbgebung der
Vorlage können Sie individuell anpassen, indem Sie die grün gekennzeichneten
Bereiche verändern. Die rot markierten Bereiche müssen Sie durch ihre
individuellen Angaben ersetzen.
Schritt
4: Übertragung der Homepage per FTP ins Internet
Zur
Übertragung ihrer Homepage benötigen Sie ein FTP-Programm, welches Sie über
www.homepagemagazin.de kostenlos erhalten. Orientieren Sie sich an den Hilfen
auf unserer Internetseite bzw. an den Hilfen, die das Programm selbst bietet.
|
1
|
Besuchen
Sie unsere Seite unter www.internet-fuer-unternehmen.de
|
|
2
|
|
|
3
|
|
|
4
|
Klicken
Sie nun auf "Vorlagen", dann auf „Homepage (eine Seite)“
|
|
5
|
Kopieren
Sie den ganzen farblich unterlegten HTML-Quellcode in ihren Arbeitsspeicher
(Quelltext
markieren, indem Sie die linke Maustaste gedrückt halten und die Maus über
den Quelltext bewegen. Dann kopieren Sie den Quelltext, indem Sie
beispielsweise auf die rechte Maustaste klicken und dann mit der linken
Maustaste auf "kopieren" klicken.)
|
|
6
|
Trennen
Sie die Verbindung zum Internet
|
|
7
|
Öffnen
Sie nun Notepad (Start-Programme-Zubehör-Editor) und fügen Sie den Inhalt
ihres Arbeitsspeichers in Notepad ein.
|
|
8
|
Dann
klicken Sie auf "Speichern unter" gehen in ihren Internetordner,
nennen ihre Datei „index.html“ und speichern diese ab.
|
|
9
|
Öffnen
Sie den Explorer und klicken Sie auf die soeben erstellte Datei.
|
|
10
|
Zwischenergebnis:
Nun müßte sich ein Browser öffnen und die Datei darstellen.
|
|
11
|
Nun
öffnen Sie die Datei mit Notepad und ersetzen die rot markierten Bereiche der
Vorlage im Internet mit den für ihr Unternehmen zutreffenden Angaben.
Speichern Sie und schauen Sie sich das Ergebnis im Browser an.
|
|
12
|
Falls
Sie zufrieden sind, können Sie nun die Datei per FTP ins Internet stellen.
|
|
13
|
Dazu
benötigen Sie ein FTP Programm, dass Sie kostenlos unter homepagemagazin.de
erhalten können. Gehen Sie dort auf den Menuepunkt Vollversionen, dann auf
Heft-CD 04/2001, dann klicken Sie auf PerfectFTP 1.1 und laden sich das
Programm (zip-Datei) schließlich herunter. Klicken Sie dann auf die zip-Datei
und entpacken Sie das Programm mit ihrem Entpacker bzw. befolgen Sie Schritt
14.
|
|
14
|
Da
das FTP-Programm gezippt (Datei wurde sozusagen komprimiert) ist, benötigen
Sie ein Programm zum Entpacken (Entzippen), dass Sie ggf. auch kostenlos
unter homepagemagazin.de, Heft-CD 04/2000 bekommen können. Laden Sie sich
also auch diese Exe-Datei herunter.
|
|
15
|
Entpacken
Sie dass FTP-Programm mit dem Entpacker und übertragen Sie ihre Homepage per
FTP ins Internet. Eine zusätzliche, kostenlose Anleitung hierzu finden Sie
auf unserem Internetauftritt internet-fuer-unternehmen.de
|
|
HTML-Befehle – Zusammenfassung
Alle fett gedruckten Angaben
müssen gewählt werden.
|
|
<HTML>
<HEAD>
<TITLE>Timmer-Pneumatik
GmbH </TITLE>
<META
NAME="description" CONTENT="Timmer bietet Pneumatik.">
<META NAME="keywords"
CONTENT="Pumpen, Pumpe, Pneumatik, Vakuum">
</HEAD>
<BODY
BGCOLOR="White" TEXT="Black" LINK="Black" VLINK="Gray"
ALINK="Red">
……………………..
</BODY>
</HTML>
|
|
Oben ist die generelle Struktur eines HTML-Dokumentes
dargestellt. Als zusätzliche Angaben können ein Titel (Title), eine
Beschreibung (description), Schlüsselwörter (keywords) etc. im Head-Bereich
gemacht werden.
Im Body-Befehl können die Hintergrundfarbe (bgcolor), die
Linkfarbe (link), die Farbe eines aktivierten Links (alink), die Farbe eines
bereits besuchten Links (vlink) und die Textfarbe (text) festgelegt werden.
Es spielt meist keine Rolle im HTML, ob Sie die Befehle groß oder klein
schreiben (<html> = <HTML> = <Html>)
|
|
<br>
|
<center>Zentr.
</center>
|
<b>fett</b>
|
<i>kursiv</i>
|
<h1>text</h1>
|
|
Zeilenum-
bruch
|
Zentrieren
|
fett
|
kursiv
|
große Überschrift
|
|
<font face="Arial,
Helvetica" size="1" color="blue">Text</font>
|
|
Schrift in Arial oder Helvetica in der Größe 1 und in der
Farbe Blau.
|
|
<a href="http://www.timmer-pneumatik.de/pneumatik.html">
Pneumatik gibt es hier</a>
|
|
Link führt auf die Seite
www.timmer-pneumatik.de/pneumatik.html, wenn man auf den Schriftzug
"Pneumatik gibt es hier" klickt.
|
|
<IMG SRC="firma.gif" BORDER=0>
|
|
Hier erscheint das Bild “firma.gif”. Das Bild wird nicht
umrandet (border=0).
|
|
<table border=0
cellspacing="0" cellpadding="0" width="600"
bgcolor="Silver">
<tr>
<td height="60" align="center">
<a
href="http://www.timmer-pneumatik.de/index2.html">
<font color="#b10037"
size="5"><b>Willkommen bei der Timmer-Pneumatik
GmbH</b></font></a>
</td>
</tr>
</table>
|
|
Tabelle mit einer Zelle. Die Gitterlinien sind nicht
sichtbar (border=0). Mit cellspacing kann man die Dicke der Gitternetzlinien
bestimmen. Mit cellpadding stellt man ein wie groß der Abstand des
Zellinhaltes von der Zellgrenze sein soll. Mit width bestimmt man die Breite
einer Tabelle und mit bgcolor die Hintergrundfarbe.
Für die einzelne Tabellenzelle kann man im <TD>-Tag
über width und height die Breite und Höhe festlegen, über align ob der
Zellinhalt beispielsweise zentriert werden soll und über bgcolor die
Hintergrundfarbe.
|
|
"Black"
"Maroon" "Green" "Olive" "Navy"
"Purple" "Teal" "Gray" "Silver"
"Red" "Lime" "Yellow" "Blue"
"Fuchsia" "Aqua" "White" "#FFFF00"
"#E2E2E2"
|
|
Obenstehend sind einige Farben aufgeführt, die Sie
verwenden können. Weitere Farbtabellen mit Erklärungen finden Sie im Internet
u. a. bei SELFHTML. Alle Farben lassen sich in Form eines Hexadezimalkodes
angeben. Beispielsweise gilt: #FFFFFF=White (weiß).
|
|