"Ich will auch ne Homepage" hört man ja ziemlich oft. Nichts leichter als das
1. Webspace
Als erstes braucht ihr einen Platz im Web, wo die Seite drauf kann.
Wenn es etwas einfacher sein soll, nimm einen Anbieter, bei dem man über die anbietereigenen Tools (Homepage-Generator) im Baukastensystem eine eigene Seite erstellen kann (hier sind die Möglichkeiten und der Platz natürlich stark eingeschränkt)
dann guckst du hier:
http://www.beepworld.de/
http://www.81x.com/
http://www.duimnetz.de/
http://www.geraldy-web.de/
http://www.buildingweb.org/
http://www.homepageservice4u.de/
http://deutsch.happygoo.com/homepage/
http://www.go-web-now.com/01928d91f60f20e04/index.html
Für mehr als ne „virtuelle Visitenkarte“ taugt das aber nicht, also ist der bessere Weg (langfristig) dann doch sich mit html oder html-Editoren auseinanderzusetzten und auf einem „richtigen“ Webspace eine Seite zu erstellen.
Für Freewebspace-Anbieter guckst Du hier:
http://www2.webhostlist.de/
http://www.freewebspace.net/
http://www2.webhostlist.de/free/
http://directory.google.com/Top/Compute ... /Personal/
http://service.t-online.de/t-on/dien/ho ... start.html (für T-online-Kunden)
2. Editoren
sind Softwareprogramme zum Homepageerstellen
Es gibt 2 Arten von Editoren:
Quelltext-Editoren und WYSIWYG (What you see ist what you get) - Editoren.
Quelltext-Editoren sind eher was für Vollprofis und leidensfähige Menschen. Es ist sehr arbeitsintensiv, den kompletten Quelltext manuell einzugeben. Allerdings lernt man eigentlich nur so, wie und warum html funktioniert.
Der klassische Quelltext-Editor ist der Windows-Editor.
Ein kostenloser, guter und freier Editor ist „HTML Editor Phase 5 von Ulli Meybohm“ guckst du hier:
www.meybohm.de
Der beste Editor ist und bleibt der kostenpflichtige UltraEdit.
WYSIWYG-Editoren sind die empfehlenswerten Editoren (nicht nur) für Anfänger.
Diese funktionieren ähnlich wie Word, man sieht beim Erstellen (als programmieren will ich es nun nicht bezeichnen) fertige Seite und ändern direkt im Layout der Seite.
Kostenpflichtige WYSIWYG-Editoren sind u.a.:
• Namo-Webeditor
• Dreamweaver von Macromedia
www.traum-projekt.com
• Frontpage von Microsoft
• Netobjekt Fusion
• und viele mehr...
Teilweise gibt es diese Editoren in Verbindung mit kostenpflichtigem Webspace bei Puretec, Strato, Loomes etc. verbilligt oder sogar kostenlos.
3. Upload der Dateien auf den Webspace
Es gibt 2 Möglichkeiten, die Dateien auf den Server des Webspace-Hosters aufzuspielen:
per Browers-Upload (sofern der Webspace dies anbietet)
In dem Fall gibt es irgendwo bei dem Anbieter die Möglichkeit, Dateien von der lokalen Festplatte zu suchen und aufspielen. Ist zwar sehr einfach, aber kann bei einer größeren Homepage sehr umständlich sein.
Upload via FTP
FTP heißt File Transfer Protokoll. Mit Hilfe von FTP überträgt man die Dateien übertragen Sie Ihre Dateien direkt auf den Server des Webhosters.
Bekannte FTP-Programme sind z.B.:
SmartFTP <->
http://www.smartftp.com/
FTP Voyager <->
http://www.ftpvoyager.com/
Igloo FTP Pro <->
http://www.iglooftp.com/windows/
CuteFTP Pro <->
http://www.globalscape.com/products/cut ... /index.asp
Bullet Proof FTP <->
http://www.bpftp.com/
FlashGet <->
http://www.amazesoft.com/
Go!Zilla <->
http://gozilla.com/index.htm
DL expert <->
http://www.yanew.com/
FlashFXP <->
http://www.flashfxp.com/
ReGet <->
http://www.reget.com/index.php?l=en
Download Accelerator <->
http://www.speedbit.com/DefaultT.asp?
NetAnts <->
http://www.netants.com/
GetRight <->
http://www.getright.com/
LeechFTP <->
http://stud.fh-heilbronn.de/~jdebis/leechftp/
Windows Commander <->
http://www.ghisler.com/
(Liste von TheMatrix01)
Und als Besonderheit für alle ohne FTP-Programm gibt es auch einen Anbieter, der über Ihren Browser ein FTP-Programm simuliert und FTP-Übertragungen ganz einfach ermöglicht:
http://www2ftp.de/
In dem FTP-Programm müssen die Zugangsdaten zum Webspace (gibt’s bei der Anmeldung und in den FAQ’s des Anbieters) eingegeben werden. Dann auf „Verbinden“ (o.äh.) klicken und die die Dateien einfach uploaden (aufspielen) bzw. downloaden (herunterladen). Sehr komfortabel und ideal für größere Homepages.
Achtung: Nicht jeder Anbieter unterstützt beide Möglichkeiten.
Nun ist die Homepage weltweit abrufbar. Wäre es, wenn Ihr eine hättet. Also:
4. Was ist HTML – wie entsteht eine Seite – ein Mini-Einstieg ins Thema
Es gibt unendlich viele gute Seiten, in denen alle möglichkeiten von HTML erklärt sind, das kann und will ich hier auch gar nicht in unendlicher tiefe ausführen. Aber wenigstens die Oberfläche ankratzen.
Also - HTML-Dateien erkennen Sie an den Dateiendungen .html und .htm (HTML heißt übrigends Hypertext Markup Language)
Das besondere an HTML ist die Fähigkeit, Links zu verwenden, die bei Anklicken zu einer anderen Datei führen (diese muss keine HTML-Datei sein, .doc, .txt. mp3, .jpg, … geht fast alles). Weiterhin ist es eine systemunabhängige Sprache, die im Browser (Internet-Explorer, Netscape Navigator, Opera etc.) interpretiert wird.
Eine einfache HTML-Datei besteht nur aus einer Zeile Text, hier: Meine erste Homepage. Zudem haben wir der Seite einen Titel gegeben: Hier steht der Titel der Homepage
Code:
<html>
<head>
<title> Titel der Homepage – wird im Browser-Kopf ausgegeben</title>
</head>
<body>
Meine erste Homepage
</body>
</html>
nicht verwirren lassen, das ist alles ganz einfach!
Alles in den spitzen Klammern < > kennzeicht sogenannte Tags. Tags sind Steuerbefehle, die den Browser anweisen, was passieren und angezeigt werden soll.
In diesem Beispiel:
Code:
<html> = Beginn der HTML-Datei
<head> = Beginn des Kopfteiles (Head) der HTML-Datei
<title> = Beginn des Titels (Title) der HTML-Datei
</title> = Ende des Titels (Title) der HTML-Datei
</head> = Ende des Kopfteiles (Head) der HTML-Datei
<body> = Beginn des Körpers (Body) der HTML-Datei
</body> = Ende des Körpers (Body) der HTML-Datei
</html> = Ende der HTML-Datei
Die im Head angegeben Informationen sind wichtig für Suchmaschinen und Ihren Browser. Zudem ist dort der Titel enthalten.
Im Body wird der anzuzeigende Inhalt definiert.
Alles was Sie außerhalb von Body und Head eingeben, wird vom Browser ignoriert.
Kopiert den Code der „ersten Homepage“ in einen Editor eurer Wahl, speichert es ab als index.html (oder index.htm, start.html, start.htm, …) und ladet es auf euren Webspace. Ruft ihr nun die URL auf (Beispiel
http://meineerstehompage.de/index.html )und schaut euch das Ergebnis an. Ihr könnt die URL auch ohne den Direktzugriff auf index.html aufrufen (Beispiel:
http://meineerstehompage.de/) , der Browser wird immer eine solche Startdatei suchen, wenn keine andere explizit angegben wird.
Was noch fehlt/kommt
- Was sind Domains?
- redirektoren
- gästebuch
- counter
- javascript
.....
wird (gern mit eurer Hilfe) fortgesetzt. Wenn ihr mitschreiben wollt, einfach posten, ich werde die Beiträge dann hier mit Angabe des schreibenden einfügen, sonst wirds unübersichtlich!!
