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

Preview:

Citation preview

2 Internet-Technologie

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

Internet-Technologie

Herzlich Willkommen

Prof. J. Walter

2 Internet-Technologie

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

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

2 Internet-Technologie

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

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

2 Internet-Technologie

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

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

2 Internet-Technologie

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

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.

2 Internet-Technologie

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

Seite editieren

Programmleiste MenüleisteSymbolleiste

Standard

Symbolleiste Format

Ansichten

Ordner-liste

Editier-FensterNormal

2 Internet-Technologie

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

HTML - Fenster

Inhalt einer HTML-Datei

Start-Tag

Ende-Tag

Kopf

Körper

2 Internet-Technologie

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

Vorschau-Fenster – Ansicht in Browser

Vorschau-Fenster in Frontpage

Browser-Fenster

2 Internet-Technologie

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

Web veröffentlichen

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

2 Internet-Technologie

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

Der erste relative Link – absolute Link

Absoluter LinkLink-Liste:www.bbbank.de

Adresse

Zielrahmen

Hyperlink

2 Internet-Technologie

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

Planung des Webs - Mindmap

2 Internet-Technologie

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

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

2 Internet-Technologie

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

Idealfall - Internet

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

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

2 Internet-Technologie

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

Kompatibilität der Browser

Seitenoptionen

Netscape – IE ?

Versionen

Server

2 Internet-Technologie

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

Formatierungen - Design

Zuweisen eines Designs

2 Internet-Technologie

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

CSS Cascading Style Sheets

• Cascading Stylesheet (CSS) definiert die Formatvorlagen

2 Internet-Technologie

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

E-Mail

Homepage

E-Mail

Hyperlink

Einen Hyperlinkerstellen, der eine E-Mailsendet

E-Mail Adresse

2 Internet-Technologie

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

Frames - Rahmen

Neu Seite Navigationsrahmen oben

2 Internet-Technologie

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

Frames – Rahmen 2

FramesetFramename

2 Internet-Technologie

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

Ansicht Hyperlinks

Unterbrochener Hyperlink

Hyper-linkAnsicht

2 Internet-Technologie

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

Arbeiten mit Ordnern

Neuer Ordner

Neue Ordnerliste

2 Internet-Technologie

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

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

2 Internet-Technologie

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

Screenshots - Bildschirmaufnahmen

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

Bildschirm kopieren <Druck> / <PrtSc>

Aktives Fenster kopieren <Alt & Druck >

2 Internet-Technologie

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

Bild einfügen

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

Bildbearbeitungs-leiste

2 Internet-Technologie

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

Hotspots

Rechteckiger Hotspot

Ordner fp2000

Neue Seite

Hotspot

2 Internet-Technologie

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

Flipping Images – wechselnde Bilder

Anzeigenwechsler

AutoMiniaturansicht

Datei-namen

Link

Bildgröße

Übergangs-effekt

Anzeigedauer

2 Internet-Technologie

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

Animated GIFs

Mit rechter Maustastekopieren Einfügen

Speichern

2 Internet-Technologie

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

Sound einfügen

Inhalt aus der GO!-CD

Erstellen der Links

2 Internet-Technologie

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

Video einfügen

Datei

2 Internet-Technologie

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

Textmarke

Textmarke

Textmarken

2 Internet-Technologie

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

Javascript - Quickbar

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

2 Internet-Technologie

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

Erweiterung der Struktur auf Web mit Unterwebs

2 Internet-Technologie

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

Meta name= “autor“ und “keywords“

2 Internet-Technologie

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

5 Regeln für gute Internet-Seiten

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

2 Internet-Technologie

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

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

2 Internet-Technologie

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

Vielen Dank

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

Recommended