2 Internet- Technologie Seite 1 Prof. J. WALTER Kurstitel Stand: september 2002 Internet-Technologie Herzlich Willkommen Prof. J. Walter

2 Internet-Technologie

Seite 1Prof. J. WALTER Kurstitel Stand: september 2002

Internet-Technologie

Herzlich Willkommen

Prof. J. Walter



Seminarinhalt Seitenerstellung im Internet

1. Webs erstellen – veröffentlichen – lesen / Zusammenspiel: Seitenerstellungsprogramm – Internet-Server – Browser

2. Ein sehr einfaches Web veröffentlichen und testen - Hyperlink erstellen relative – absolute Adressierung

3. Planung des Webs – Struktur des Webs – Navigation im Web – Festlegung der Inhalte

4. Idealfall5. Ausbau eines Webs mit Frontpage 2000

- Formatierungen- E-Mail- Einbinden von Bildern – Unterschied JPEG-GIF-PNG- Hot-Spots- Einbinden von Klangdateien- Einbinden von Filmen

6. Frames – Rahmen7. Erstellen einer Quickbar mit Javascript



Seminarinhalt 2

9. Suche auf der Webseite10. Einbindung von Besucher-Zählern, Laufschrift11. Downloads12. Dynamische Elemente13. Verwalten der Webseite - Berichte14. Interaktion mit dem Benutzer15. Feedbackformulare16. Diskussionsforen17. Datenbank-Anbindung



Webs – Erstellen – Veröffentlichen - Lesen

Neues Web auf Festplatte erstellend:\meinweb

Web veröffentlichenhttp://F-PC-160/meinweb

Server

Internet

IIS4.0

Adresse - URL: http://www.hit.fh-karlsruhe/meinweb

Lokale Daten

Zentrale Daten

Globale Daten



Neues Web erstellen

1. Frontpage starten2. Datei – Neu – Web

1. Standardweb auswählen2. Adresse des neuen Webs:

d:\WEB3. OK4. Web mit Seite index.htm

wird erstellt.



Seite editieren

Programmleiste MenüleisteSymbolleiste

Standard

Symbolleiste Format

Ansichten

Ordner-liste

Editier-FensterNormal



HTML - Fenster

Inhalt einer HTML-Datei

Start-Tag

Ende-Tag

Kopf

Körper



Vorschau-Fenster – Ansicht in Browser

Vorschau-Fenster in Frontpage

Browser-Fenster



Web veröffentlichen

1. Button Veröffentlichen2. Adresse des Servers + Namen3. Name und Kennwort



Der erste relative Link – absolute Link

Absoluter LinkLink-Liste:www.bbbank.de

Adresse

Zielrahmen

Hyperlink



Planung des Webs - Mindmap



Inhalte – Nutzung eines Webs

1. Internet als elektronische Litfasssäule2. Internet als interaktives Medium?3. Internet als Datenerfassung?4. Internet als Datenerfassung und Ausgabe?

E-Commerce5. Internet / Intranet als zentrales Werkzeug zur

Informationsverarbeitung



Idealfall - Internet

1. „Sämtliche Dokumente in HTML-Format“

2. Termine3. Kommunikation4. Fortbildung / Firmen-TV5. Telefon / Fax6. Videokonferenz7. Alle Medien



Kompatibilität der Browser

Seitenoptionen

Netscape – IE ?

Versionen

Server



Formatierungen - Design

Zuweisen eines Designs



CSS Cascading Style Sheets

• Cascading Stylesheet (CSS) definiert die Formatvorlagen



E-Mail

Homepage

E-Mail

Hyperlink

Einen Hyperlinkerstellen, der eine E-Mailsendet

E-Mail Adresse



Frames - Rahmen

Neu Seite Navigationsrahmen oben



Frames – Rahmen 2

FramesetFramename



Ansicht Hyperlinks

Unterbrochener Hyperlink

Hyper-linkAnsicht



Arbeiten mit Ordnern

Neuer Ordner

Neue Ordnerliste



Multimedia-Elemente

1. Screenshots2. Bilder 3. Hotspots – Querverweise in Bildern4. Flipping Images - wechselnde Bilder5. Animated GIF – animierte Bilder -

Daumenkino6. Sound – Geräusche, Klänge, Sprache, Musik7. Videos



Screenshots - Bildschirmaufnahmen

MarkierenKopieren <Strg & C> Einfügen <Strg & V>

Bildschirm kopieren <Druck> / <PrtSc>

Aktives Fenster kopieren <Alt & Druck >



Bild einfügen

Bild aus „Internet“ kopieren Bild in FP2000 einfügen

Bildbearbeitungs-leiste



Hotspots

Rechteckiger Hotspot

Ordner fp2000

Neue Seite

Hotspot



Flipping Images – wechselnde Bilder

Anzeigenwechsler

AutoMiniaturansicht

Datei-namen

Link

Bildgröße

Übergangs-effekt

Anzeigedauer



Animated GIFs

Mit rechter Maustastekopieren Einfügen

Speichern



Sound einfügen

Inhalt aus der GO!-CD

Erstellen der Links



Video einfügen

Datei



Textmarke

Textmarke

Textmarken



Javascript - Quickbar

• Javascript ist eine Programmiersprache und wird vom Browser während der Laufzeit interpretiert.



Erweiterung der Struktur auf Web mit Unterwebs



Meta name= “autor“ und “keywords“



5 Regeln für gute Internet-Seiten

1. Startseite wird schnell angezeigt2. Interessante Einstiegsseite3. Übersichtliche Navigation4. Suche in den eigenen Seiten5. Adresse – Kontaktmöglichkeiten



5 Hauptfehler schlechter Internet-Seiten

1. Homepage kann nur mit Zusatzprogrammen vollständig dargestellt werden

2. Einschränkungen für Benutzer3. Komplizierte Bedienung4. Zu viele Informationen auf einer Seite5. Übertriebene Verwendung von Farben, Schriften

und Bildern



Vielen Dank

Vielen Dank für Ihre Teilnahme und weiterhin viel Erfolg beim Studium.

Documents

2 Internet- Technologie Seite 1 Prof. J. WALTER Kurstitel Stand: september 2002 Internet-Technologie Herzlich Willkommen Prof. J. Walter