..........................................................................
: ,-. ,-. ,-. ,-. ,-. ,-. ,-. ,-. :
: _(*_*)_ _(*_*)_ _(*_*)_ _(*_*)_ _(*_*)_ _(*_*)_ _(*_*)_ _(*_*)_ :
:(_ o _)(_ o _)(_ o _)(_ o _)(_ o _)(_ o _)(_ o _)(_ o _):
: / o \ / o \ / o \ / o \ / o \ / o \ / o \ / o \ :
: (_/ \_) (_/ \_) (_/ \_) (_/ \_) (_/ \_) (_/ \_) (_/ \_) (_/ \_) :
: ,-. ...................................................... ,-. :
: _(*_*)_ : : _(*_*)_ :
:(_ o _): :(_ o _):
: / o \ : : / o \ :
: (_/ \_) : : (_/ \_) :
: ,-. : DAS HOMEPAGE-KOCHBUCH : ,-. :
: _(*_*)_ : In 11 Schritten zur eigenen Homepage : _(*_*)_ :
:(_ o _): ======================================== :(_ o _):
: / o \ : : / o \ :
: (_/ \_) : Schnellanleitung für angehende Homepage-Besitzer : (_/ \_) :
: ,-. : : ,-. :
: _(*_*)_ : Version 0.9p : _(*_*)_ :
:(_ o _): :(_ o _):
: / o \ : : / o \ :
: (_/ \_) : (c) Thomas Antoni, 20.01.2001 - 22.04.2002 : (_/ \_) :
: ,-. : E-Mail: thomas@antonis.de : ,-. :
: _(*_*)_ : Webseiten: www.antonis.de : _(*_*)_ :
:(_ o _): www.qbasic.de :(_ o _):
: / o \ : : / o \ :
: (_/ \_) :....................................................: (_/ \_) :
: ,-. ,-. ,-. ,-. ,-. ,-. ,-. ,-. :
: _(*_*)_ _(*_*)_ _(*_*)_ _(*_*)_ _(*_*)_ _(*_*)_ _(*_*)_ _(*_*)_ :
:(_ o _)(_ o _)(_ o _)(_ o _)(_ o _)(_ o _)(_ o _)(_ o _):
: / o \ / o \ / o \ / o \ / o \ / o \ / o \ / o \ :
: (_/ \_) (_/ \_) (_/ \_) (_/ \_) (_/ \_) (_/ \_) (_/ \_) (_/ \_) :
:........................................................................:
...::: Ü B E R S I C H T :::...
[Webdesign-Crashkurs] .. In 60 min zur eigenen Homepage
[HTML-Kurs] ............ Lernen Sie HTML mühelos und ohne Ballast anhand
konkreter Beispiele
[Tipps & Tricks] ....... So wird Ihre Homepage erfolgreich
[Internet-Glossar] ..... Lexikon der wichtigsten Internet-Begriffe
[Links für Webworker] .. Die interessantesten Webseiten für Homepagebesitzer
und Webdesigner
...::: I N H A L T :::...
VORWORT
SCHRITT 1 : Überlegen Sie sich die Inhalte Ihrer künftigen Homepage
SCHRITT 2 : Suchen Sie einen schlagkräftigen Domainnamen aus
SCHRITT 3 : Registrieren Sie Ihre Domain und melden Sie sich bei einem
Webspace-Provider an
SCHRITT 4 : Erstellen Sie in 10 Minuten Ihre erste kleine Webseite
- Was ist HTML?
- Womit kann ich Webseiten erstellen?
- Erstellen Sie Ihre erste Webseite in 5 min
SCHRITT 5 : Übertragen Sie Ihre erste Homepage auf den Server des Providers
SCHRITT 6 : Kleiner HTML-Kurs - Vertiefen Sie Ihre HTML-Kenntnisse
- Wahl des geeigneten Web-Editors
- Grundsätzlicher Aufbau einer HTML-Datei
. Angabe der Text- und Hintergrundfarben im <body> Tag
. Hintergrundgrafik im <body> Tag angeben
. Beispiel für Hintergrundgrafik
. Regeln für die Befehls-Tags
- Absätze formatieren
. Beispiel: Ausrichtung von Absätzen
- Links einfügen
. Beispiele für die Verwendung von Links
. Relative Links
. Grafik als Link verwenden
. Links zu "Ankerpunkten" innerhalb derselben Datei
. Verzeichnisstruktur Ihrer Webseite
. Regeln für Datei- und Pfadnamen
. Download-Dateien auf andere Webseiten auslagern
(bei knappem Webspace)
- Grafiken einfügen
. Grafik anzeigen
. Grafik isoliert ohne Textumfluss anzeigen
. Grafik beschriften und von Text umfließen lassen
. Größe der Grafik angeben
. Alternativen Text zu einer Grafik angeben
. Freiraum um eine Grafik schaffen
. Rahmen um eine Grafik
. Hintergrundgrafiken
. Bilder auf andere Webseiten auslagern
. GIF oder JPG?
. GIFs mit transparentem Hintergrund
. Animierte GIFs
. Speicherbedarf für Grafiken optimieren
. Empfehlenswerte Grafik-Bearbeitungsprogramme
. Weitere Tipps zu Grafiken
- Textformatierungen (Überschriften, Absätze,...)
. Überschriften
. Schrifttypen (Textauszeichnungen)
. Vorformatierter Text (für Quellsprache, TXT-Dateien usw.)
- Schriftarten und -farben
. Schriftarten
. Beispiel: Die empfehlenswerten Schriftarten
. Schriftfarben
. Beispiel für Text mit Farbverlauf
- Sonderzeichen
- Aufzählungslisten
. Beispiele für Aufzählungslisten
. Noch ein paar Tipps zu Aufzählungslisten
- Trennlinien
. Noch ein paar Spezialitäten zu den Trennlinien
. Beispiele zu Trennlinien
- Farben
. Welche Elemente können Sie einfärben?
. Farbangaben im RGB-farbcode
. Was sind hexadezimale Zahlen?
. Farbnamen im Klartext
. Wählen Sie feinere Farbabstufungen über einen
"Colorpicker"
. Die 216 Farben der "sicheren Webpalette"
- Tabellen
. Beispiel 1: Einfache Tabelle
. Beispiel 2: Komplexere Tabelle
. Leere Tabellenzellen
. Horizontale und vertikale Ausrichtung der
Tabellen-Inhalte
. "Blinde Tabellen"
. Hintergrundgrafiken in Tabellen
- Frames
- Formulare
. Einfaches Beispiel für Formulare
. Komplexeres Beispiel für Formulare
- Kommentare
- Sound, Video und Flash-Animationen
. Sound einbinden
. Videos einbinden
. Flash-Animationen einbinden
- JavaScript
. Beispiel 1 für JavaScript: Rechte Maustaste lahmlegen
. Beispiel 2 für JavaScript: Browserfenster mit wählbarer
Größe öffnen
. Beispiel 3 für JavaScript: HTML-Seite mit Passwortschutz
. Beispiel 4 für JavaScript: Grafischer Mouse-Over-Effekt
. Beispiel 5 für JavaScript: Laufschrift in der Statuszeile
. Mehr Infos über JavaScript
. JavaScript lernen ?
- Cascading Stylesheets (CSS)
. Beispiel 1 für CSS: Zentrale Textformatierung
. Beispiel 2 für CSS: Textlinks mit Hover-Effekt
. Beispiel 3 für CSS: Farbige Scrollbalken
. Beispiel 4 für CSS: Definitionsliste mit Highlight-Effekt
. Mehr Infos über CSS
- Tipps und Tricks zu HTML
. HTML-Seiten mit einem Textverarbeitungsprogramm erstellen
. Wie realisiere ich eine Webseiten-Umleitung?
. Lassen Sie Ihre Seite nicht in fremden Frames einfangen!
. Stop dem Bilderklau - verstecken Sie Ihre Bilder!
. Laufschrift mit "Marquee", dem meistgehassten HTML-Tag
. Weitere HTML-Tipps
- Weiterführende Tutorials und Bücher
. Online-Tutorials für Webworker
. Bücher für Webworker
SCHRITT 7 : Tipps und Tricks - Erweitern Sie Ihre Seiten inhaltlich
- Ihr Aushängeschild: So gestalten Sie eine gute Start-Seite
- Vermeiden Sie überladene Webseiten
- Verwenden Sie Grafiken sparsam
- Schrumpfen Sie Ihre Grafiken
- Setzen Sie Gafiken möglichst ans Seitenende
- Recycling - Verwenden Sie Grafiken mehrfach
- Vermeiden Sie große Tabellen
- Gestalten Sie Ihre Webseite Browser-unabhängig
- Gestalten Sie Ihre Webseite unabhängig von der Monitorauflösung
- Tipps zur Textgestaltung
- Tipps zur Navigation
- Verwenden Sie ein einheitliches Design für Ihre Seiten
- Legen Sie Wert auf den Inhalt
- Lassen Sie Baustellenschilder und inhaltslose Seiten weg
- Pflegen und aktualisieren Sie Ihre Webseite regelmäßig
- Sichern Sie Ihre Seite sorgfältig auf Ihrer Festplatte und
auf Diskette
- Der normale Surfer verwendet höchst ungern den Scrollbalken !
- Bieten Sie Textdokumente im RTF- oder PDF-Format an
- So kommunizieren Sie optimal mit Ihren Besuchern
- Diverse weitere Tipps zum Webdesign
. FAVICON.ICO - geben Sie Ihrer Seite ein Icon
. Achten Sie auf korrekte Rechtschreibung
. Erstellen Sie auch eine WAP-Version Ihrer Seite
. So verstecken Sie Ihren HTML-Quelltext
SCHRITT 8 : Fügen Sie einige Goodies ein, wie Besucherzähler, Gästebuch,
ein Diskussionsforum und eine eigene Suchmaschine
SCHRITT 9 : Ihr erster Newsletter: Machen Sie Ihre Seite mit einem
Paukenschlag bekannt
SCHRITT 10 : Melden Sie Ihre Seite bei Suchmaschinen an
- Wie arbeiten Suchmaschinen?
- Meta-Tags einfügen - die Visitenkarte Ihrer Seite
- Die Seite bei Suchmaschinen anmelden - so werden Sie gefunden
- robot.txt - übermitteln Sie Nachrichten an die Robots
SCHRITT 11 : Erfolgskontrolle: Werten Sie Ihre Log-Files aus.
Anhang 1 : Was ist das Geheimnis einer hohen Besucherzahl?
Anhang 2 : Internet-Glossar A B C D E F G H I J K L M N O P Q R S T U V W XYZ
Anhang 3 : Die besten Links für Webworker
- Webhosting-Unternehmen
- HTML- und Internet-Tutorials
- Tools für Webworker
- Kostenlose Goodies für die eigene Homepage
- Links zum offiziellen WWW-Consortium
- Sonstige Links für Webworker & Internet-Fans
[zum Inhalt]
\\|//,
/ /
@ @ /|
|/ ?
| ~ )\
/__/\ \____
/ \_/ \
/ <_ ____,_ \
+------------------------------/___/_____ \,-'--------------------------------+
| \\\ |
| |
| Vorwort |
| |
+------------------------------------------------------------------------------+
Dieses kleine Homepage-Kochbuch hat den Ursprung in der mir angeborenen
Faulheit. Ich war es irgendwann einfach leid, all meinen Freunden und Bekannten
immer wieder die gleichen Fragen darüber zu beantworten, wie man sich mit
möglichst wenig Aufwand eine eigene kleine Homepage aufbauen und zum Erfolg
führen kann.
________________________________________
_____/ Was erwartet Sie in diesem Kochbuch ? \_________________________________
Deshalb habe ich hier in den "Schritten 1 bis 6" einfach einmal die ersten
Schritte zur eigenen Homepage in Form eines rezeptartigen, schnell
nachzuvollziehenden "Crashkurses" aufgeschrieben - von der Erstellung der ersten
kleinen Webseite über die Anmeldung bei einem geeigneten Webhosting-Unternehmen
und dem Hochladen der Homepage auf dessen Server bis zu einem kleinen HTML-Kurs.
In den daran anschließenden Abschnitten gebe ich in diesem Kochbuch einige
wichtige Erfahrungen weiter, die ich in meiner zweijährigen Praxis als
einigermaßen erfolgreicher "Webmaster" gemacht habe. Vielleicht bewahrt Sie die
Lektüre davor, in all die Anfänger - Stolperfallen hineinzutappen, von denen ich
selbst keine ausgelassen habe ;-)
Dieses Kochbuch hält sich nicht lange mit trockener Theorie auf, sondern
illustriert alle Lerninhalte mit konkreten, leicht nachvollziehbaren kleinen
Beispiel-HTML-Seiten - über 40 an der Zahl. Sie finden alle Beispiel-Dateien im
Ordner "Rezepte\".
Am Schluß des Kochbuchs finden Sie noch ein Glossar mit einer Erläuterung der
wichtigsten Begriffe aus den Bereichen Internet und Webseiten-Gestaltung. An
vielen Stellen des Kochbuchs wird bei erklärungsbedürftigen Begriffen durch
einen Pfeil "->" auf den entsprechenden -> EINTRAG IM GLOSSAR verwiesen.
_____________________________________________
_____/ Das "Homepage-Kochbuch" online im Internet \____________________________
Die neueste Version des Homepage-Kochbuchs sowie der dazugehörigen
Beispieldateien finden Sie immer auf meiner Webseite www.antonis.de. Dort ist
das Kochbuch sowohl im HTML- als auch im PDF-Format verfügbar. Letzteres verfügt
über ein seitenbezogenes Inhaltsverzeichnis und ist ideal zum Ausdrucken
und Offline-Schmökern geeignet.
_______________________________________
_____/ Ist das Homepage-Kochbuch kostenlos? \__________________________________
Obwohl ich in das Homepage-Kochbuch über 100 Stunden meiner Freizeit investiert
habe, stelle ich es kostenlos zur Verfügung. Alle Leser, denen mein Kochbuch
gefällt, bitte ich, den elternlosen Kindern in aller Welt zu helfen und eine
Spende ab 5,- EUR an SOS-Kinderdorf zu überweisen. Die Bankverbindung für die
Spendenüberweisung lautet:
SOS-Kinderdorf e.V.
Stadtsparkasse München
BLZ 701 500 00
Konto-Nr. 7 777 777
___________________________________________________
_____/ Helfen Sie, das Homepage-Kochbuch zu verbessern! \______________________
Wenn Sie Fehler und Lücken im Homepage-Kochbuch gefunden haben, scheuen Sie sich
bitte nicht, mir eine entsprechende Mail an thomas@antonis.de zu senden. Ich
freue mich über jeden Verbesserungsvorschlag.
_______________________
_____/ Wer mir geholfen hat \__________________________________________________
"Herzlich Dank" sage ich den die folgenden Web-Fachleuten, die dieses Kochbuch
korrekturgelesen und mir wertvolle Verbesserungshinweise gegeben haben:
- Mar" ( www.vrmlbase.de ; Danke für die Artikel zu VRML
und Java 3D im Glossar )
- Stefan Einspender
- "grmpf"
Einige Anregungen entnahm ich den folgenden sehr empfehlenswerten Webseiten
- Jimi's Notepad - http://read.at/notepad
- WebmasterParadies.de - www.webmasterparadies.de
____________________________________________________________
_____/ Mit welchen Browsern wurden die Beispieldateien getestet? \_____________
Die Beispiele habe ich mit dem Netscape Navigator 4.7 und dem Internet Explorer
5.5 getestet.
_____________________________________________________
_____/ Warum besteht dies Kochbuch aus reinem ASCII-Text? \____________________
Viele Leser werden sich vermutlich fragen, wieso ein Buch, das sich mit dem
bunten, schillernden Internet befasst, in einem so "trockenen" Design
daherkommt. Das beruht auf einem Spleen von mir. Ich bin ein absoluter Liebhaber
von rein textbasiertem Design und von ASCII-Grafiken. Mit diesem Kochbuch will
ich zeigen, dass man auch mit reinem ASCII-Text durchaus ein attraktives Buch
gestalten kann. Die ganze Buntheit und alle Multimediafunktionen habe ich in die
über 40 HTML-Beispieldateien gelegt, die im Verzeichnis "Rezepte" zu finden
sind.
________________________________________________
_____/ Wo erhalten Sie weiterführende Informationen? \_________________________
Wenn Sie weiterführende Fragen zum Webdesign haben, dann stellen Sie diese bitte
nicht direkt an mich, sondern in unserem "Deutschen Webdesign-Einsteigerforum"
auf www.antonis.de/wdforum. Dort erhalten Sie in den meisten Fällen eine
schnelle, freundliche und kompetente Hilfe.
[zum Inhalt]
\\|//,
/ /
@ @ /|
|/ ?
| ~ )\
/__/\ \____
/ \_/ \
/ <_ ____,_ \
+------------------------------/___/_____ \,-'--------------------------------+
| \\\ |
| |
| Webdesign-Crashkurs .... In 60 min zur eigenen Homepage |
| ========================================================= |
| |
| Schritt 1: Überlegen Sie sich die Inhalte Ihrer künftigen Homepage |
| |
+------------------------------------------------------------------------------+
Überlegen Sie sich genau die Inhalte Ihrer künftigen Homepage. Stellen Sie sich
selbst die folgenden Fragen und schreiben sie diese zusammen mit allem was Ihnen
dazu einfällt auf ein Blatt Papier:
- "Was bringt mir am meisten Spaß?"
- "Auf welchen Gebieten habe ich eine besondere Kompetenz?"
- "Welche Zielgruppe will ich erreichen?"
Möchten Sie nur sich und Ihre Familie vorstellen, oder gibt es Bereiche, in
denen Sie eine besondere Kompetenz haben, von der andere profitieren können?
Verlieren Sie im späteren Verlauf des Webseitenprojekts auf keinen Fall Ihre
Zielgruppe aus den Augen! Machen Sie um Gottes willen nicht den Fehler, eine
Allzweck-Seite zu erstellen. Für "Einen Kessel Buntes" interessiert sich kein
Mensch wirklich.
- "Was habe ich bei meinen Ausflügen ins WWW schon immer vermisst?"
Versuchen Sie, aus den ganzen Themen ein Schwerpunkt-Thema herauszufiltern.
Jetzt können Sie schon mal auf Papier die ungefähre Struktur Ihrer künftigen
Homepage entwerfen und die Inhalte stichpunktartig aufschreiben.
[zum Inhalt]
\\|//,
/ /
@ @ /|
|/ ?
| ~ )\
/__/\ \____
/ \_/ \
/ <_ ____,_ \
+------------------------------/___/_____ \,-'--------------------------------+
| \\\ |
| |
| Schritt 2: Suchen Sie sich einen schlagkräftigen Domainnamen aus |
| |
+------------------------------------------------------------------------------+
Ich empfehle Ihnen dringend, gleich einen .DE-Domainnamen zu reservieren und
nicht die Dienste eines kostenlosen Providers in Anspruch zu nehmen und mit
einem langen, schlecht zu merkenden Nahmen zu erkaufen. Eine Internetadresse wie
http://home.t-online.de/home/thomas.mueller, wie man sie z.B bei T-Online
erhält, sollten Sie sich nicht antun. Richten Sie sich im Netz der Netze lieber
eine dauerhafte Präsenz mit einem markanten, leicht zu merkenden Namen ein. Das
kostet Sie nur ab 0,28 EUR im Monat, wie Sie im nächsten Schritt sehen werden.
Der Domainname kann sich aus dem Schwerpunkt-Thema (Schritt 1) ergeben. Dann
sollte er möglichst kurz sein und die Hauptinhalte treffend wiedergeben. Sie
können aber auch Ihren Namen oder irgendeinen gut klingenden Phantasienamen
verwenden. Es schadet nichts, wenn Sie gleich 2 Namen aussuchen.
Gehen Sie zu www.denic.de , um zu kontrollieren, ob Ihr Wunsch-Domainname
noch frei ist. Das DENIC ist die offizielle Registrierungsstelle für alle
deutschen DE-Domains. Weitere Infos - auch zur Domain-Registrierung in
Österreich und der Schweiz finden Sie unter -> DENIC im untenstehenden Internet
-Glossar.
[zum Inhalt]
\\|//,
/ /
@ @ /|
|/ ?
| ~ )\
/__/\ \____
/ \_/ \
/ <_ ____,_ \
+------------------------------/___/_____ \,-'--------------------------------+
| \\\ |
| |
| Schritt 3 : Registrieren Sie Ihre Domain und melden Sie sich bei einem |
| Webspace-Provider an. |
| |
+------------------------------------------------------------------------------+
Für die Auswahl des geigneten Webspace-Providers, bei dem Sie Ihre Homepage
hinterlegen ("hosten lassen") wollen, gibt es die folgenden Kriterien:
- Ist eine .de-Domain möglich ?
- Ist ein späterer Umstieg auf eine kostengünstige werbefreie Domain möglich ?
- Können Sie Ihre Webseiten über das FTP-Protokoll auf Ihre Seite zum Server
heraufladen? Dies ist sehr wichtig!
- Hat der Server einen schnellen Zugang und eine hohe Verfügbarkeit?
- Werden Logfiles mit der Zugriffstatistik für die Homepage angeboten?
Bei 1&1 Puretec ist dies entgegen der Produktbeschreibung immer der Fall,
auch bei den "Visitenkarten".
Dort finden Sie Ihre Zugriffstatistik (Logfiles) grundsätzlich unter der
Adresse http://www.<domainname>.de/logs/index.html (Zugang mit Ihrem
FTP-Login)
- Ist ein späterer Aufstieg auf einen Webspace mit serverseitiger
Programmierung per PHP und CGI möglich? Diese Dinge werden später erklärt.
Eins sollten Sie sich gleich abschminken: Guten Webspace gibt es nicht
kostenlos, auch wenn alle Welt Sie vom Gegenteil überzeugen will! Warum sollte
denn auch jemand guten, zuverlässigen, schnellen und werbefreien Webspace mit
echter .DE, .INFO oder .ORG Domain verschenken? Was für einen vernünftigen
Grund sollte er dafür haben, so etwas Dummes zu tun, ohne was dafür zu bekommen?
Die Anbieter werbebehafteten Webspaces werden nach und nach alle auf
kostenpflichtige Domains umsteigen oder pleite machen. Denn das, wovon die
leben, Klicks auf irgendwelche ekelhaften Werbebeanner, wird kaum noch von
jemandem getan - oder haben Sie im letzten Monat schon mal auf einen solchen
Banner geklickt? In ihrer letzten Verzweiflung setzen diese Anbieter kurz vor'm
Pleitemachen oft noch bildschirmfüllende Großbanner, Flashfilme oder
Schmuddelwerbung auf die Seiten,
Sie glauben doch nicht etwa, dass die Webspace-Provider idealistische Wohltäter
sind, die Ihnen nur etwas Gutes tun wollen - oder?
Fassen Sie unbedingt von vornherein eine echte .DE-Domain ins Auge (bzw. .AT-
oder .CH-Domain) und widerstehen Sie den Verlockungen einer werbebehaftetem
kostenlosen Domain. Eine DE-Domain kostet nicht die Welt und bringt den Vorteil
einer leicht zu merkenden Internet-Adresse; außerdem wird Ihre Seite von den
Suchmaschinen wesentlich besser gefunden. Leisten Sie sich ruhig einen
lebenslangen guten Domainnamen.
Ich persönlich kann den Webspace-Provider 1&1 Puretec ( www.puretec.de)
empfehlen. Dort gibt es eine .DE Domain mit 10 MB Webspace, FTP-Login und Werbe
- Einblendungen schon für 1,99 EUR pro Monat. Puretec nennt dies Produkt
"Visitenkarte 3.0". Die einmalige Registrierungsgebühr für den Eintrag des .de-
Domain-Namens beträgt 9,90 EUR . Ein Upgrade (Aufstieg) auf die werbefreie
Domain für 2,99 EUR pro Monat ist jederzeit möglich.
Mit der Verfügbarkeit, dem schnellen Datenzugriff der Puretec-Server sowie
dem Support per E-Mail bin ich persönlich sehr zufrieden.
Wenn Sie mit dem 10 MB Webspace irgendwann an die Grenze stoßen, können Sie Ihre
Domain problemlos bei Puretec auf eine mit mehr Webspace upgraden - 1 Mausklick
im Kunden-Login genügt.
Um Geld zu sparen, können Sie auch stattdessen Ihre Download-Dateien und Bilder
auf den Webspace eines kostenlosen Anbieters auslagern. Ich habe verschiedene
Anbieter ausprobiert. Sie finden die Adressen einiger empfehlenswerter
kostenloser Webspace-Anbieter unten bei den "Links für Webworker". Mein
Lieblings-Anbieter ist momentan www.heim.at, und 10 MB bekomme ich bei
meinem Provider T-Online. Von der Auslagerung der Inhalte merken die Besucher
Ihrer Hauptseite überhaupt nichts. Ich selbst besitze zusätzlich zu meiner
Puretec "Visitenkarte" 7 weitere kostenlose 10 MB Domains und damit insgesamt 72
MB schnellen, zuverlässigen und werbefreien Webspace für 2,99 EUR pro Monat.
Das ist eine gute Investition !!!
Es gibt neben Puretec auch andere empfehlenswerte Webspace-Provider,
die .DE-Domains anbieten und teilweise sogar noch etwas preisgünstiger sind,
wie z.B. Strato ( www.strato.de ).
Von einer kostenlosen DE-Domain mit Umleitungs-Service ohne eigenen Webspace
rate ich wegen der vielen lästig aufpoppenden Werbefenster und den verlängerten
Ladezeiten dringend ab; einen solchen - nur auf den ersten Blick attraktiven -
Service bietet z.B www.freecity.de an. Ich sehe bei einer Freecity-Domain
jedoch die Gefahr, dass ein späterer Umzug zu einem anderen Webspaceprovider
u.U mit hohem Aufwand (und Kosten) verbunden sein kann. Die momentane Gebühr
hierfür beträgt ca. 20 EURO.
Wie eine umgeleitete Freecity-Domain mit der Werbeeinblendung aussieht, können
Sie auf meiner Seite www.w-i-z.de betrachten, die eine Umleitung auf
meine Seite www.antonis.de enthält. Und ein "WIZ" - das ist es auch :-)
Wenn es denn schon eine Billig-Umleitung sein muss, dann verwenden Sie lieber
die zuverlässigen Umleitungs - Domains für ca. 0,29 EUR/Monat bei Puretec.de
oder Strato.de. Da können Sie beim Aufsteigen auf eine Domain mit eigenem
Webspace wenigstens bei demselben Anbieter bleiben.
Vor Domain-Umleitungsdiensten (z.B. http://nic.de.vu ), die kostenlose, leicht
zu merkende Domains wie xxx.de.vu als Umleitung zu einer bestehenden Webseite
anbieten, rate ich ebenfalls strikt ab. Solche Umleitungen verlängern die
Wartezeiten oft erheblich, sind unzuverlässig und erzeugen meist unangenehme
Werbefenster. Ihre Webseite soll ja schließlich keine elektronische Litfassäule
sein. Außerdem stehen die meisten Anbieter wirtschaftlich auf wackeligen Füßen
und irgendwann ist Ihr mühsam bekannt gemachter Domain-Name vielleicht ganz
futsch.
Noch ein Tipp zur Registrierung Ihrer Domain: Notieren Sie sich unbedingt alle
Zugangsdaten, Service-Adressen, URLs, Passwörter usw., die Sie von Ihrem
Provider erhalten. Besonders wichtig sind die Zugangsdaten für Ihren FTP-Zugang
(Server-Adresse, User-Name und Passwort). Diese Daten benötigen Sie, wenn Sie
Ihre erste Homepage auf den Server heraufladen wollen (siehe unten bei Schritt
5, Punkt 9). Tragen Sie diese möglichst in eine eigene Textdatei ein, z.B.
mit dem Namen "LOGINS.TXT". Sie werden sehen: Im Lauf Ihrer "Webmaster-Karriere"
werden viele solche Dinge dazukommen - für Ihr Gästebuch, E-Mail-Server,
Zusatzdomains usw. Am besten ist es natürlich, wenn Sie diese Datei nur in
verschlüsselter Form ablegen, damit Ihre wertvollen Zugangsdaten niemals in
falsche Hände geraten können.
[zum Inhalt]
\\|//,
/ /
@ @ /|
|/ ?
| ~ )\
/__/\ \____
/ \_/ \
/ <_ ____,_ \
+------------------------------/___/_____ \,-'--------------------------------+
| \\\ |
| |
| Schritt 4 : Erstellen Sie in 10 Minuten Ihre erste kleine Webseite |
| |
+------------------------------------------------------------------------------+
Dieses Kochbuch habe ich so aufgebaut, dass Sie so schnell wie möglichst Ihre
erste eigene Webseite erstellen und auf den Server Ihres Anbieters heraufladen
können. Hierbei lasse ich zunächst einmal alle komplizierten Details und
jegliche graue Theorie beiseite.
Im Schritt 4 werden Sie nun im Geschwindschritt Ihre erste Homepage
zusammenbauen. Im darauffolgenden Schritt 5 erfolgt dann das Hochladen auf den
Server. Alle weiterführenden Informationen erhalten Sie anschließend, nachdem
Sie mit leuchtenden Äuglein den "Big Bang" Ihres ersten Internet-Auftritts
erlebt haben. Dann werden Sie auch hochmotiviert sein, mehr über HTML und das
"Webworking" zu lernen.
<-------------====================================================------------->
Was ist HTML?
<-------------====================================================------------->
Webseiten sind im Grunde ganz normale Text-Dateien, in denen die darzustellenden
Inhalte in der Layout- Beschreibungssprache HTML definiert sind. HTML steht für
"Hypertext Markup Language". Das ist eine ganz einfache, leicht erlernbare
"Programmiersprache". Mit HTML werden Schriftarten, Schriftgröße,
Textformatierungen, Darstellung von Bildelementen, Farbdefinitionen, Links usw.
durch HTML-Befehle beschrieben. HTML-Dateien haben im Namen die Dateierweiterung
.html bzw. .htm und können auch offline auf Ihrem PC mit jedem Web-Browser
angezeigt werden. Sie können eine solche Datei auch mit einem ganz normalen
Text- Editor öffnen. Dann sehen Sie "HTML pur", wobei die eigentlichen HTML-
Befehle in <spitzen Klammern> stehen, die auch Tags genannt werden.
Zugegeben, HTML sieht auf den ersten Blick etwas verwirrend aus. Ich zeige Ihnen
aber, wie Sie ganz leicht diese Hürde nehmen, und in Minutenschnelle zu einer
pfiffigen Homepage kommen.
[zum Inhalt]
<-------------====================================================------------->
Womit kann ich Webseiten erstellen?
<-------------====================================================------------->
Wie Sie oben oben erfahren haben, bestehen Webseiten nur aus normalen
Textzeichen - genauer gesagt aus ANSI-Text. Sie lassen sich mit jedem beliebigen
Text-Editor erstellen und anschauen.
Das ist für einen Homepage-Einsteiger sogar sehr zu empfehlen. Es hilft Ihnen,
sich die wichtigsten, unverzichtbaren HTML-Grundkenntnisse anzueignen. Daher
gehe ich bei den folgenden Schritten von der Verwendung eines normalen
Texteditors aus. Tun Sie mir den Gefallen: Folgen Sie mir dabei und vergessen
Sie zunächst alles, was man Ihnen vielleicht schon über tolle Tools wie
Frontpage oder Word-Exportfilter erzählt hat. Auf diese Weise kommen Sie auch am
schnellsten zu Ihrem ersten Erfolgserlebnis, nämlich Ihre erste kleine Homepage
im Internet bestaunen zu können.
Zu Beginn des Schrittes 6 werde ich Ihnen dann in voller Breite erzählen, was es
für Web-Editoren gibt und wie Sie das optimale Tool finden können.
<-------------====================================================------------->
Erstellen Sie Ihre erste Webseite in 5 min
<-------------====================================================------------->
Für die Erstellung der Beispiel-Seiten können Sie fürs erste den normalen
Windows Texteditor "Notepad" verwenden - zu finden unter "Start | Programme |
Zubehör | Editor".
_________________
_____/ Befehle in HTML \________________________________________________________
HTML-Befehle treten als sogenannten Tags auf und sind durch spitze Klammern vom
normalen Text getrennt. Ein Befehl besteht meistens aus einem Anfangs- und einem
Endetag. Das Endetag ist immer durch einen Schrägstrich gekennzeichnet. Bei
<center>...............</center> weiß der Browser, dass er alles, was zwischen
diesen beiden Tags steht zentriert darstellen muß. Den Tag selbst zeigt er nicht
an. Die in den Tags stehenden Befehle können beliebig in Groß- oder
Kleinbuchstaben geschrieben werden. <Center>, <center> und <CENTER> werden also
identisch interpretiert. Ich werde in diesem Kochbuch durchgängig die
<kleinschreibung> verwenden.
_____________________
_____/ Die ersten Schritte \____________________________________________________
Sie werden jetzt ganz easy im Schnellverfahren Ihre erste Webseite erstellen und
im Browser bewundern. Anschließend werden Sie spielerisch einige Möglichkeiten
erkunden und gleich in Ihre neue Seite einbauen.
Zunächst geben Sie die folgenden Zeilen für das Grundgerüst einer Seite ein.
Keine Angst: Die Befehle werden später noch ausführlich erläutert. Öffnen Sie
den Windows-Editor ("Textpad") über "Start | Programme | Zubehör | Editor" und
geben Sie folgenden Text ein:
<html>
<head>
<title>Meine Homepage</title>
</head>
<body bgcolor="#FFFF99">
Herzlich willkommen !
</body>
</html>
Wählen Sie dann den Menüpunkt "Datei | Speichern unter...", um die Datei zu
speichern. Im Dialogfeld geben Sie als Dateinamen "index.htm" ein.
[zum Inhalt]
__________________________
_____/ Begutachten Sie Ihr Werk \_______________________________________________
Per Doppelklick auf den Dateinamen "index.htm" im Windows Explorer öffnen Sie
die Webseite mit Ihrem Standard-Browser, etwa dem Netscape Navigator oder dem
Internet Explorer : Sie sehen eine gelbe Seite mit dem Text "Herzlich
willkommen!". Taräääää!! Herzlichen Glückwunsch: Sie gehören jetzt also bereits
zum erlauchten Kreis der "Webworker".
Sie können übrigens beliebige auf Ihrer Festplatte befindliche HTML-Seiten
jederzeit in Ihrem Browser öffnen, auch wenn Sie nicht online sind, und zwar
über den Menüpunkt "Datei | Seite öffnen" Ihres Browsers.
__________________________
_____/ Was die Befehle bedeuten \_______________________________________________
In der ersten Zeile steht immer das HTML-Tag <html>. Es signalisiert dem
Browser, dass ein HTML-Dokument beginnt. Grundsätzlich gliedert sich eine HTML-
Seite in die Bereiche Head (engl. "Kopf") und Body (engl. "Körper"). Der
Kopfteil ist in die Tags <head>...</head> eingeschlossen. Dort werden
Informationen für den Browser oder eine Suchmaschine angegeben. So erscheint
beispielsweise der im Titel-Tag angegebene Text in der oberen Titelleiste des
Browser-Fensters, als Lesezeichen in den Bookmarks und als erste Zeile bei den
Fundstellen der Suchmaschinen. Der Kopfteil bleibt ansonsten für den Surfer
unsichtbar.
Mit <body> beginnt dann die im Browser sichtbare Seite. Im Beispiel wird
zusätzlich mit bgcolor="#FFFF99" die Farbeinstellung für den Seitenhintergrund
eingestellt.
Weitere Informationen finden Sie weiter unten im Abschnitt "Grundsätzlicher
Aufbau einer HTML-Datei".
Die Farben werden entweder über so genannte "Hexadezimalzahlen" oder über die
englischen Farbnamen definiert. Auch zu den Farben gibt es weiter unten in
Schritt 6 ein extra Kapitel.
__________________________
_____/ Spielen Sie etwas herum! \_______________________________________________
Fügen Sie beliebigen Text ein. Zeilenumbrüche können Sie hierbei mit <br>
erzeugen ("line BReak"), Leerzeilen durch <br><br>. Normale Zeilenvorschübe und
mehrfache Leerzeichen ignoriert der Browser!
Fügen Sie auch ganz cool mal ein Bild ein, z.B. mit
<center> <p> <img src="ihrbild.jpg"> </p> </center>
Mit Ihrer Bildbearbeitungssoftware sollten Sie das Bild als JPG- oder GIF-Datei
abspeichern. Achten Sie darauf, dass sich Bild und Homepage in demselben
Verzeichnis auf Ihrer Festplatte befinden, sonst kann der Browser das Bild nicht
in die Seite laden.
Das <p>...</p> Tag bewirkt, dass das Bild isoliert auf der Seite steht und
nicht vom folgenden Text "umflossen" wird. Durch <center>...</center> erreichen
Sie, dass das Bild schön in der Seitenmitte zentriert erscheint.
Nach dem Bild können Sie noch einen kleine Bildbeschreibungs-Text einfügen.
Diese Beschriftung sollte ebenfalls zentriert dargestellt werden. Dazu
verschieben Sie den Endtag </center> bis hinter die Bildbeschriftung.
Mit <p> ... </p> markieren Sie einen Absatz. Jetzt sollten Sie einen pfiffigen
Text in den Tag-Zwischenraum schreiben, der den Online-Besucher Ihrer Seite
fesselt.
______________
_____/ Links setzen \___________________________________________________________
Damit die Seite nicht zur Einbahnstraße wird, verraten Sie dem Besucher Ihre
persönlichen Top-Links. Die Befehlssyntax dazu lautet:
<a href="http://INTERNETADRESSE"> LINKTEXT </a>.
Beispiel:
Vor Erscheinen des Spiegels am Montag, werfe ich immer einen Blick auf die
<a href="http://www.spiegel.de">Spiegel-Online-Seiten</a>.
Der Besucher kann dann bequem den gesetzten Link durch Anklicken mit der
Maustaste besuchen.
Zum Schluß geben Sie noch Ihre E-Mail Adresse mit dem Befehl
<a href="mailto:E-MAILADRESSE">BESCHREIBUNGSTEXT</a> an.
Beispiel:
Ich würde mich freuen, wenn Sie mir Ihre
<a href="mailto:thomas@antonis.de">Verbesserungsvorschläge zum Homepage -
Kochbuch per E-Mail zusenden</a>.
[zum Inhalt]
________________________________________
_____/ Tipp: Einfach drauflos experimentieren \_________________________________
HTML lernen Sie am schnellsten durch spielerisches Herumprobieren. Verändern Sie
Ihre Seite, indem Sie verschiedene Befehle und Parameter einfügen. So können Sie
etwa für den Wert "bgcolor="#FFFF99"" Ihr Geburtsdatum eingeben und sehen, was
für eine Farbe damit verbunden ist. Oder Sie probieren Farbennamen aus
(bgcolor=green, lime, olive, yellow, navy, blue, teal, aqua). Vergessen Sie aber
nicht, die veränderte Seite abzuspeichern und im Browser zu aktualisieren. Jede
Veränderung des Quellcodes wird dann nach Betätigen des "Neuladen" Knopfes
sofort im Browser sichtbar.
_______________________________________________________________________
_____/ So - jetzt wird's ernst; Sie schreiben Ihre erste offizielle Homepage \__
Jetzt ist Schluss mit dem Herumspielen. Sie können das Gelernte gleich anwenden,
indem Sie Ihre erste offizielle Homepage erstellen. Im nächsten Kapitel werden
Sie erfahren, wie Sie diese dann geschwind auf den Server Ihres Webspace -
Providers heraufladen können.
Diese erste Homepage könnte etwa so aussehen:
<html>
<head>
<title>Pauls Homepage</title>
</head>
<body>
<center><h1>Pauls Witzeseite</h1></center>
Hier sehen Sie in Kürze meine Ostfriesen-Witzeseite
<p><img src="bilder/elch.gif"></p>
<p>Besucht auch <a href="http://www.antonis.de">Thomas Antonis Homepage</a></p>
<p>Ich freue mich über jede <a href="mailto:tomant@gmx.de">E-Mail</a> !
<br>
</body>
</html>
... und so sieht's im Browser aus (Datei erste-hp.htm)
Nennen Sie diese Datei bitte "index.htm". Dann wird sie vom Server später
automatisch bei der Aufruf Ihrer Domain zum Surfer gesendet. Nur nochmal
zur Wiederholung: Diese Beispielseite besteht aus den folgenden Elementen:
- dem Titel "Pauls Homepage" (erscheint oben in der Titelzeile des Browsers)
- der Überschrift "Pauls Witzeseite"
- einem kurzer Text "Hier sehen Sie ..."
- einem Bild von von Pauls Lieblingstier, dem Elch, im GIF-Format, das im
Unterverzeichnis ...\bilder\ hinterlegt ist - sowohl auf Ihrer Festplatte als
auch später auf dem Server. Beachten Sie das Trennzeichen "/", das statt des
unter Windows gewohnten "\" bei den Server-Betriebssystemen verwendet wird.
- einen Link zu meiner Seite www.Antonis.de
- einen Link zu Ihrer E-Mailadresse. Wenn der Seitenbesucher später darauf
klickt wird sich sein E-Mailprogramm öffnen, um Ihnen eine Mail zu senden.
Testen Sie Ihre erste Homepage gründlich auf Ihrem Computer bevor Sie sie auf
den Server Ihres Providers heraufladen. Die häufigsten Fehler in HTML Seiten
sind fehlende spitze Klammer-zu-Zeichen ">" bei Tags, fehlende Abschluss-Tags
</TAGNAME> und fehlende Anführungszeichen bei den Attributwerten (besonders
das hintere wird gern vergessen). Solche Fehler können dazu führen, dass ganze
Seitenbereiche im Browser nicht angezeigt werden.
[zum Inhalt]
\\|//,
/ /
@ @ /|
|/ ?
| ~ )\
/__/\ \____
/ \_/ \
/ <_ ____,_ \
+------------------------------/___/_____ \,-'--------------------------------+
| \\\ |
| |
| Schritt 5 : Übertragen Sie Ihre erste Homepage auf den Server des Providers |
| |
+------------------------------------------------------------------------------+
Wir kommen meine Dateien in das Internet ? Dies ist eine der am häufigsten
gestellten Frage bei Einsteigern. In diesem Abschnitt finden Sie hierfür eine
Schritt für Schritt Anleitung, mit der das Heraufladen Ihrer ersten Homepage
auf den Server Ihres Providers zum Kinderspiel wird.
Manche Anbieter bieten auch "Hochlade" - Webseiten an, auf denen Dateien über
Formulare auf Ihrem Computer ausgewählt und auf den Webserver überspielt
werden können. Darauf wird hier nicht eingegangen, da jeder Anbieter es ein
wenig anders macht. Außerdem ist dieses Verfahren für ambitionierte Anwender auf
Dauer äußerst unbefriedigend, weil er keine volle Übersicht und Kontrolle über
seine Dateien auf dem Server hat.!
Die folgende Anleitung bezieht sich auf die Nutzung eines FTP Programms. FTP
heißt "File Transfer Protocol". Das ist das übliche Verfahren zum Transferieren
von Dateien jeder Art über das Internet und wird von den meisten Webspace-
Providern unterstützt. Für Ihren heimischen Computer benötigen Sie ein "FTP
Client" Programm, das Gegenstück zur serverseitigen Software.
<-------------====================================================------------->
Schritt für Schritt Anleitung
<-------------====================================================------------->
1. Besorgen Sie sich ein FTP Programm. Mein Favorit ist WS_FTP, da es einfach zu
bedienen ist und auf allen Systemen sehr stabil und robust läuft. Am meisten zu
empfehlen ist die kaum eingeschränkte "Limited-Edition" von WS-FTP "WS_FTP LE".
Dies ist der weltweit beliebteste FTP-Client. Die Limited Edition ist Freeware
und stellt im Gegensatz zur "Pro"-Version nicht nach 30 Tagen ihre "Tätigkeit"
ein. Sie können WS_FTP LE direkt bei Ipswitch, dem Hersteller des Programms,
herunterladen unter www.ipswitch.com . Die genaue Download-Adresse war
bei mir www.ipswitch.com/downloads . Nach Ausfüllen eines
kleinen Formulars geht das Herunterladen der ca. 0,8 MB großen
Installationsdatei problemlos über die Bühne. WS_FTP LE ist auch auf anderen
Webseiten erhältlich, z.B. unter www.csra.net/junodj/ftpdesc.htm.
Alle weiteren Anweisungen beziehen sich auf WS_FTP LE (englischsprachige
Version 5). Es gibt jedoch auch andere gute FTP Client Programme, auf die ich
hier nicht eingehe, etwa
- "FTP Commander" ( www.internet-soft.com )
- "FTP Voyager" ( www.ftpvoyager.at )
- "CuteFTP" ( www.cuteftp.com )
- "SmartFTP" ( www.smartftp.com )
- "FTP-Uploader" ( www.ftp-uploader.de )
- "LeechFTP" ( http://stud.fh-heilbronn.de/~jdebis/leechftp )
Freeware
- "NcFTP" ( www.ncftp.org ) NcFTP ist Freeware und für
Windows und Linux verfügbar. Sehr gutes Programm,
aber mit einer sehr minimalistische, textbasierten
Bedienungsoberfläche
Die Bedienung dieser Programme ist grundsätzlich ähnlich wie bei WS_FTP.
2. Installieren Sie WS-FTP LE auf Ihrem heimischen Rechner. Das geht kurz und
schmerzlos.
3. Starten Sie WS-FTP nach erfolgter Einwahl in das Internet.
4. Sie sehen jetzt zwei Fenster: Das linke zeigt einen Verzeichnisbaum auf
Ihrem Computer. Das rechte Fenster ist noch leer. Hier wird später der
Verzeichnisbaum Ihrer Seite auf dem Webserver erscheinen.
5. Als "Trockentest" stellen wir jetzt wie folgt eine Verbindung zu dem anonymen
(für jedermann zugänglichen) FTP-Server der Firma Microsoft her:
- Betätigen Sie in WS_FTP das untere Klickfeld "Connect"
- Klicken Sie im jetzt aufpoppenden Fenster "New", um eine neue Verbidung
einzurichten.
- Tragen Sie in das Feld "Host Name/Address" "ftp.microsoft.com" ein.
- Als "Host Type" lassen Sie das "Automatic detected" stehen
- Aktivieren Sie das Klickfeld "Anonymus"
- Dann klicken Sie einfach auf OK.
6. Jetzt müßten Sie eigentlich als anonymer Nutzer mit dem FTP Server von
Microsoft verbunden werden, und dessen Datei-Angebot müsste im rechten Feld
erscheinen. Falls das funktioniert hat, ist Ihr FTP Programm richtig
eingestellt, und Ihr Internet Zugangs-Provider (Freeenet, AOL, Compuserve,
T-Online usw.) lässt FTP Nutzung zu.
Bravo! Sie haben bereits einen wichtigen Schritt erfolgreich absolviert!
Sie könnten jetzt beliebige Microsoft-Dateien markieren und mit der Maus oder
den Pfeil-Schaltflächen vom rechten Fenster mit dem Serververzeichnis in das
linke Fenster mit dem Verzeichnisbaum Ihres heimischen Computers herunterladen.
7. Durch Anklicken des Klickfeldes "Close" trennen Sie die Verbindung mit
microsoft.com wieder.
8. Jetzt wollen wir darangehen, Ihre erste Homepage heraufzuladen. Doch vorher
sollten wir eine der "beliebtesten" Stolperschwellen aus dem Weg räumen:
-=== Groß- und Kleinschreibung der Datei- und Pfadnamen ===-
Fast jeder Anfänger - mich eingeschlossen - tappt einmal in die Groß-/
Kleinschreibungsfalle, die das Unix-Betriebssystem der meisten Server
bereithält. Unix unterscheidet nämlich zwischen Groß- und Kleinschreibung
in den Verzeichnis- und Dateinamen sowie in den Links. Es kann unter Unix
sowohl eine Datei xxx.xx als auch eine XXX.XX in einem Verzeichnis geben !!!.
Um alle dadurch verursachten Probleme zu vermeiden, sollten Sie grundsätzlich
alle Zeichen in den Dateinamen und Verzeichnisnamen Ihrer Webseite klein
schreiben. Auch alle Links auf Dateien und Anker im HTML-Code sollten Sie
grundsätzlich klein schreiben.
Überprüfen Sie bitte Ihre Homepage-Dateien dahingehend und stellen Sie die
Benennung Ihrer Dateien und Links gegebenenfalls auf eine durchgängige
Kleinschreibung um.
Am besten Sie aktivieren zur Sicherheit zusätzlich in WS_FTP LE im Optionen-Menü
die automatische Konvertierung aller Pfadnamen in KLeinbuchstaben über "Options
| Session | Force Lowercase Remote Names" .
9. Nun wird's Ernst: Sie stellen jetzt eine Verbindung zu Ihrer Server-Adresse
im Internet her. Hierzu benötigen Sie die folgenden 3 wichtige Angaben, die Sie
sicherlich bei der Registrierung Ihrer Domain von Ihrem Webspace-Provider
erhalten haben:
- Adresse des FTP-Servers (manchmal identisch mit Ihrem Domainnamen)
- Username für den FTP-Zugang ("User-ID")
- Passwort für den FTP-Zugang ("Password")
Klicken Sie in WS_FTP LE auf "Connect" und tragen Sie diese Zugangsdaten gemäß
der folgenden Beispiele in das Popup-Fenster ein:
*** Beispiel 1 (Hochladen über extra FTP-Server):
- Host Name / Address : ftp.tripod.de
- User-ID : peter
- Password : dfst345r
*** Beispiel 2 (Hochladen direkt auf die Homepage):
- FTP-Hostname: www.antonis.de
- User-ID : p4711
- Passwort : sauerkraut
Beachten Sie bitte unbedingt bei allen diesen Eingaben die korrekte Groß- und
Kleinschreibung.
Das Passwort wird nicht lesbar durch Sternchen angezeigt und kann durch
Anklicken von "Save Pwd" dauerhaft auf ihrer Festplatte gespeichert werden, so
dass diese Eingabe bei den nächsten "Herauflade-Sitzungen" entfallen kann.
10. Machen Sie noch ein paar Zusatzangaben im "Session"-Fenster von WS_FTP:
- Als Profil Name können Sie einen beliebigen, aussagekräftigen Namen
für die aktuelle Webadresse eingeben, z.B. "Antonis.de". Dies erleichtert die
Auswahl der gewünschten Zugangs, wenn Sie einmal mehr als eine Homepage haben
(über das Pfeil-nach unten Klickfeld).
- "Anonymus" sollte nicht aktiviert sein
- Als "Host Type" passt meistens die Vorbesetzung "Automatic detect".
In den meisten Fällen ist auch "Unix /Standard" nicht verkehrt.
11. Jetzt kommt endlich der große Augenblick: Wenn Sie nun auf OK klicken,
werden Sie mit Ihrer Domain verbunden - Vorausgesetzt die Angaben waren alle
richtig.
Nun sollten Sie zwei Verzeichnisfenster sehen. Das linke zeigt ein Verzeichnis
auf Ihrem heimischen Rechner an und das rechte ein Verzeichnis auf dem
Webserver, mit dem Sie verbunden wurden.
Der FTP-Transfer geht in beide Richtungen - sowohl vom Server zu Ihrem Computer
als auch umgekehrt. Die Datentransfers erfolgen immer zwischen den in den beiden
Fenstern angezeigten Verzeichnissen - der gute alte Norton Commander lässt
grüßen.
Gratulation: Die Verbindung zu Ihrer Serverseitigen Domain hat geklappt
und Sie können umgehend mit dem Heraufladen Ihrer Webseite beginnen.
12. Vorher sollten Sie die auf dem Server meist bereits vorhandenen HTMl
Dateien und evtl. auch JPF- oder GIF-Bilder komplett löschen. Meistens
hat der Provider mit der Seitenfreischaltung bereits eine "Feigenblattseite"
"index.html" installiert. Zum Löschen klicken Sie auf die Datei(en) im rechten
"Remote Site" Fenster und betätigen "Delete" am rechten Rand.
13. Wechseln sie nun im "Local System" Fenster in das Verzeichnis, in dem die
Dateien auf Ihrem Computer liegen. Wenn Sie dann eine oder mehrere Dateien
auswählen, können Sie diese mit der Maus oder durch Anklicken des
Pfeil-Nach-Rechts Klickfeldes zwischen den Fenstern in das aktuelle Verzeichnis
des Webservers übertragen.
Überprüfen Sie nochmal kurz, ob Ihre Startseite den vom Provider
vorgeschriebenen Namen hat. "index.htm" passt fast immer.
Beachten Sie, dass streng genommen für jede Datei über die unteren kleinen
Auswahlknöpfe einer der 3 folgenden Übertragungsmodi ausgewählt werden muß:
1. ASCII => Übertragungsmodus für Textdateien,
z.B. *.html, *.txt, *.htm,*.shtml,*.php usw.
2. Binary => Übertragungsmodus für Binärdateien,
z.B. alle Grafiken, alle Zip-Dateien, alle Musikdateien.
3. Auto => WS_FTP entscheidet automatisch, ob die aktuelle Datei vom
Typ "ASCII" oder "Binary" ist
Ich persönlich verwende immer "Auto" und habe damit noch niemals Probleme
bekommen. Auch "Binary" passt fast immer.
Nach dem Heraufladen Ihrer Seiten sollten Sie die Verbindung durch Anklicken
des unteren Klickfeldes "Close" sofort wieder beenden.
Hurrah ! Jetzt ist der große Augenblick da! Ihre allererste Homepage ist
heraufgeladen, und Sie können sie gleich in Ihrem Browser ansurfen. Testen Sie
jetzt das Aussehen und schauen Sie, ob alle auf der Seite vorhandenen Links
richtig funktionieren.
14. Sie werden sehen: Ab jetzt werden Sie WS_FTP LE vollkommenn easy und
intuitiv bedienen. Alle Einstellungen, die Sie gemacht haben, bleiben
gespeichert. Sie brauchen bei der nächsten "Session" nur auf "Connect" zu
klicken und Ihren "Profile Name" auszuwählen. Bei Klick auf OK wird dann
schwuppdiwupp die Verbindung zu Ihrem Server hergestellt.
Haben Sie irgendwann einmal mehrere Homepages, dann müssen Sie vor einem
Serverwechsel einmal "Close" und dann gleich wieder "Connect" betätigen. Diese
Bedienfolge war mir anfangs nicht ganz klar, und es lag ein gewisses
Lernerlebnis darin. Wahrscheinlich hatte mich verwirrt, dass beide Funktionen
"Close" und "Connect" auf demselben Klickfeld erscheinen. Bei Fehlern erhalten
Sie übrigens wertvolle Informationen in dem unteren "Logbuch-Fenster" von
WS_FTP LE.
Puh - das ist aber nun wirklich alles, was ich Ihnen über WS_FTP und die
Herauflade - Prozedur zu erzählen habe. Vielen Dank für Ihre Geduld.
________________________________________________________________________________
[Inhalt] [Crashkurs] [HTML-Kurs] [Tipps&Tricks] [Glossar] [Links für Webworker]