RRZN
Regionales Rechenzentrum für Niedersachsen an der Universität Hannover
Web-Design mit Photoshop
Hassan Mahramzadeh, Dipl.-Ing.
Entwurf und Übertragung einer Homepage ins Internet
Erforderliche Hard- & Software

Erforderliche Hard- & Software
Diagramm
Was ist Internet und wann ist es entstanden?
Das Internet ist ein millionenfach verzweigtes, elektronisches Datennetz. Die Idee dafür wurde in den 60er Jahren vom amerikanischen Verteidigungsministerium entwickelt. Wichtige Daten sollten nicht zentral und zu dem mehrfach gelagert sein. Es begann 1969 mit der Vernetzung von drei Computern. Der zivile Einsatz vom Internet begann in den 80er Jahren, nachdem das Militär ein neues Datennetz einsetzte und das alte an National Science Foundation übergab. Zu den wichtigten Diensten vom Internet gehören E-Mail, Newsgroups, FTP (File Transfer Protocol), Text-Chat, Voice-Chat und WWW (World Wide Web).

WWW bietet neben der Möglichkeit der Gestaltung von Dokumenten mit stehenden und animierten Grafiken auch die einzigartige Möglichkeit der induviduellen Liveübertragung von Ton und Bild über Web-Cams vom eigenen Rechner aus.
Was ist WWW (World Wide Web) und wann ist es entstanden?
WWW, oder Web wurde 1989 in CERN (Genfer Hochenergiezentrum) durch Tim Berners-Lee als ein Hypertextsystem entwickelt. Es ermöglicht das Betrachten von Dateien im online Modus. Ausserdem können Seiten gestaltet, mit Querverweisen (links) und Grafiken versehen werden. Dazu wurde die Skript-Sprache HTML (HyperText Markup Language) entwickelt.
Grafik-Formate im Internet
Bildbearbeitungsprogramme, wie z.B. Photoshop, haben in der Regel ihre eigenen Dateiformate, die im Internet nicht darstellbar sind. Lediglich drei Formate sind für Internet-Dokumente zulässig:
*.jpg, *.gif, *.png
Was brauchen Sie, um eine Homepage zu etwerfen und diese ins Internet zu stellen?
Computer
Mindestens 512 MB RAM (Arbeitsspeicher), 40 GB Festplatte, ab 1 GHz Prozessor.

Modem
Mit Hilfe des Modems wird die Verbindung zwischen Ihrem Computer und dem Servicerechner, dem sog. Server, des Providers hergestellt. Danach können Sie im Internet surfen oder Ihre Daten in Ihre Webspace übertragen.

Internet Browser
Sie brauchen einen Browser, um sich den Inhalt einer Internet-Seite anschauen zu können. Die bekanntesten Browser sind u.a. "Microsoft Explorer", "Netscape Navigator" und "Mozilla Firefox".

HTML-Kenntnisse
HyperText Markup Language ist eine Skript-Spache, mit der Internet-Seiten gestaltet werden. HTML bietet jedoch keine Möglichkeiten, Seiten dynamisch zu gestalten. Da ist der Einsatz von anderen Spachen wie Java und Ergänzungen wie JavaScript oder CSS (Cascading-Syle-Sheets, Textformatierung) erforderlich.

HTML-Editor
Ein HTML-Skript (Dokument) hat ein eigenes Dateiformat (*.html oder *.htm) und lässt sich grundsätzlich mit jedem Text-Editor, wie z.B. dem "Editor" von Microsoft, erstellen. Da aber solche Skripte in der Regel sehr schreibintensiv sind, empfiehlt es sich, dafür Hilfsprogramme einzusetzen, die in jeder Preislage und sogar kostenlos auf dem Markt angeboten werden.

Die bekanntesten, professionellen Programme sind, um nur einige Beispiele zu nennen, "MacroMedia Dreamweaver", "Adobe GoLive" und "Allaire HomeSite", mit der diese Vorlage erstellt worden ist.

Bildberarbeitungssoftware
Um digitale Bilder für das Internet zu bearbeiten oder zu optimieren, benötigen Sie ein Bildbearbeitungsprogramm. Die bekannteste Software in diesem Bereich ist "Adobe Photoshop", die auch bei der Erstellung dieser Vorlage eingesetzt worden ist.

Nanouch
Diese Aufnahme hat die Daten 6,24 x 4,09 cm, 177x116 Pixel, 72 dpi, 12 KB.
Sie wurde mit Photoshop für das Web optimiert.

Photoshop liegt seit Mitte 2005 in der Version CS2 (entspricht der Version 9.0) vor.

Animationssoftware
Für die Erstellung von Bannern oder anderen Animationen benötigen Sie eine Software, die aus einer Reihe von Bildern eine einzige Datei mit animiertem Inhalt erstellt. Das hier verwendet Programm heißt "ImageReady 3.0".

Animation
Zwei Animationsbeispiele
Die linke Animation setzt sich aus einzelnen Fotos zusammen, während die Rechte aus einzelnen Zeichnungen besteht.

ImageReady ist ein Bestandteil von Photoshop und ist somit allein nicht erhältlich.

Upload/Download-Software
Um Ihre erstellten Internet-Seite ins Netz zu stellen, benötigen Sie eine Software, die die Verbindung zu Ihrem Webhoster herstellt und Ihre Daten in Ihre Webspace überträgt. Das bekannteste Programm hierfür ist aus dem Hause IpSwitch und wird mit WS_FTP bezeichnet.

Provider
Über einen Provider, Anbieter, erhalten Sie die Möglichkeit, sich in einen Servicerechner, den sog. Server, einzuwählen. Erst dann haben Sie Zugang zu dem weltweitem Netz. Als Zugangsdaten erhalten Sie eine Telefonnummer, einen Benutzernamen und ein Kennwort. Einer der bekanntesten Provider in Deutschland ist t-online.

Domainnamen
Wenn Sie selbst im WWW präsent sein möchten, benötigen einen sog. Domainnamen. In Deutschland werden diese Namen von DE-NIC, (Detsche Network Information Center) vergeben und verwaltet. Ihren Wuschennamen können jedoch nur bei einem Webhoster beantragen.

Webhoster
Ein Webhoster bietet Ihnen die Möglichten, auf seinem Servicerechner, dem Server, Plattenplatz, Webspace, zu mieten. Sie brauchen diesen Platz, damit Ihre Homepage für andere Internet-Nutzer sichtbar wird. Ausserdem können Sie in der Regel über einen Webhoster ihren Wuschnamen bei DE-NICreservieren lassen.

Für den Zugang zu Ihrer Webspace erhalten Sie von Ihrem Webhoster neben Ihrem Domainnamen, einen Benutzernamen und ein Kennwort.

Die bekanntesten Hoster in Deutschland sind Puretec und Strato.
© Mahramzadeh, November 2005                    nach oben