Einstieg in das Webdesign

(05-Sep-2008, 31-Oct-2008)

Einfache Website in HTML erstellen

HTML ist die Sprache, in der Websites programmiert werden. Man braucht noch nicht einmal teure Programme, um eine einfache Website zu erstellen. Es genügt ein Texteditor. Das Ergebnis speichert man z.B. unter dem Namen index.htm und kann es in jedem Browser öffnen. (Tipp: Im Windows-Explorer darf "Erweiterungen bei bekannten Dateitypen ausblenden" nicht aktiviert sein.)

Software zur Bearbeitung/Erstellung von Websites

Adobe Dreamweaver (für Windows/MacOS, kommerziell: Studentenversion siehe www.unimall.de)
KompoZer (für Windows/Linux/MacOS, kostenlos: siehe www.kompozer.net oder www.nvu-composer.de
Quanta Plus (für Linux, kostenlos: siehe http://quanta.kdewebdev.org

Beispiele

Hier ein Beispiel für eine einfache HTML-Datei:

<html>

<head>
<title>Meine Website</title>
</head>

<body>
Willkommen auf meiner ersten Website!
</body>

</html>

Weitere nützliche Inhalte:

Ein Hyperlink: <a href="seite2.htm">Gehe zu Seite 2</a>

Nun folgt ein Zeilenumbruch.<br>Hier beginnt eine neue Zeile.

Ein Bild: <img src="bild.jpg">

Zum Gliedern von Texten:
<h1>Ueberschrift erster Ordnung</h1>
<h2>Ueberschrift zweiter Ordnung</h2>
...
<h6>Ueberschrift sechster Ordnung</h6>

<p>Ein Absatz.</p>
<p>Und noch einer.</p>

Sonderzeichen:
< wird zu <
> wird zu >
& wird zu &

Deutsche Umlaute und sz:
ä und Ä wird zu ä und Ä
ö wird zu ö
ü wird zu ü
ß wird zu ß

Alternativ können die Umlaute mit einem Meta-Tag erlaubt werden:

<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>Meine Website mit Umlauten</title>
</head>

<body>
  Nun können ä, ö, ü, ß direkt verwendet werden!
</body>

</html>

Dies und mehr zu HTML kann man in SelfHTML nachschlagen.

Eine Website online stellen

Damit eine Website von überall auf der ganzen Welt aufgerufen werden kann, wird Webspace benötigt. Das ist nichts anderes als ein Laufwerk oder Verzeichnis auf einem Webserver, in das man seine HTML-Dateien hineinlegen kann. Der Webserver lässt sich dann von einem Webbrowser z.B. über eine Internetadresse wie http://www.meinehomepage.de erreichen.

Webspace beim Hochschulrechenzentrum (HRZ)

benötigt wird ein HRZ-Account (Benutzername und Passwort, hat jeder Student, siehe hier)
kann in allen PC-Sälen des HRZ direkt verändert werden
unterstützt nur einfache HTML-Websites
entspricht dem Ordner public_html im Benutzerlaufwerk
ist über http://www.students.uni-marburg.de/Benutzername/ erreichbar
man kann von zu Hause aus mit einem Secure-FTP-Client (z.B.WinSCP) Dateien hochladen
- Host: sftp.students.uni-marburg.de

Quellen: www.uni-marburg.de/hrz/

Webspace am Fachbereich 12 (FB12)

benötigt wird zusätzlich ein FB12-Account (Antrag siehe hier oder hier)
Achtung, man kann verschiedene Passwörter für Windows und Unix/Linux wählen
- eine spätere Passwort-Änderung in Windows lässt das Linux-Passwort unberührt!
- um MySQL-Datenbanken zu erzeugen, braucht man das Linux-Passwort
- um sich von zu Hause aus einzuloggen, braucht man das Linux-Passwort
kann in allen PC-Sälen des FB12 direkt verändert werden
bietet zusätzlich PHP, Perl/CGI, MySQL
entspricht dem Ordner public_html im Benutzerlaufwerk U:
ist über http://www.mathematik.uni-marburg.de/~benutzername/ erreichbar
man kann von zu Hause aus mit einem Secure-FTP-Client (z.B. WinSCP) Dateien hochladen
- Host: login.mathematik.uni-marburg.de
es gibt außerdem einen FTP-Zugang:
- Host: ftp.mathematik.uni-marburg.de
- Verzeichnis: public_html
- oder notfalls: /app/home/benutzername/public_html/

Quellen: www.uni-marburg.de/fb12/sys/

Kommerzielle Webspace-Anbieter

www.arcor.de - kostenlos und werbefrei (nur HTML, Adresse http://home.arcor.de/Benutzername/)
www.freehoster.ch - kostenlos (inkl. PHP, MySQL)
www.one.com - günstiger Webspace für Privatkunden (inkl. Domain, PHP, MySQL)
www.1und1.de - professioneller Webspace (auch inkl. Domain, PHP, MySQL)

Eigenen Laptop ans Uni-Netzwerk anschließen

benötigt wird ein HRZ-Account (Benutzername und Passwort, hat jeder Student, siehe hier)
und ein Laptop-Anschluss (Netzwerkkabel mit rotem Schild "Laptop")
- Netzwerkkarte muss die "Netzwerkadresse automatisch beziehen" (DHCP)
- dann unter Start » Ausführen folgendes eingeben: telnet lanzug.uni-marburg.de
- HRZ-Benutzername und Passwort eingeben
oder ein WLAN-Hotspot (grünes Wandschild mit Aufschrift "HRZ Hotspot")
- Anmeldung am WLAN mittels SecureW2-Software (siehe hier)

Quellen: www.uni-marburg.de/hrz/internet/lanzug und www.uni-marburg.de/hrz/internet/wlan