Home   Das Online-Buch :::: www.Internet-fuer-Unternehmen.de ::::


     Online-Buch
     Disclaimer
     Einführung
     Gefahren
     Homepage
     Infos finden
     EMail



     Infos
     Sicherheit
     Recht
     Domains
     HTML
     Vorlagen
     Marken
     Patente
     Provider
     Suche
     Email
     Anmerkungen
     Tools
     Impressum








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ß).