2 InternetTechnologie Internet-Technologie Herzlich Willkommen Prof. J. Walter Prof. J. WALTER Kurstitel Stand: september 2002 Seite 1 2 InternetTechnologie 1. 2. 3. 4. 5. 6. 7. Seminarinhalt Seitenerstellung im Internet Webs erstellen – veröffentlichen – lesen / Zusammenspiel: Seitenerstellungsprogramm – Internet-Server – Browser Ein sehr einfaches Web veröffentlichen und testen - Hyperlink erstellen relative – absolute Adressierung Planung des Webs – Struktur des Webs – Navigation im Web – Festlegung der Inhalte Idealfall Ausbau eines Webs mit Frontpage 2000 - Formatierungen - E-Mail - Einbinden von Bildern – Unterschied JPEG-GIF-PNG - Hot-Spots - Einbinden von Klangdateien - Einbinden von Filmen Frames – Rahmen Erstellen einer Quickbar mit Javascript Prof. J. WALTER Kurstitel Stand: september 2002 Seite 2 2 InternetTechnologie Seminarinhalt 2 Suche auf der Webseite 10. Einbindung von Besucher-Zählern, Laufschrift 11. Downloads 12. Dynamische Elemente 13. Verwalten der Webseite - Berichte 14. Interaktion mit dem Benutzer 15. Feedbackformulare 16. Diskussionsforen 17. Datenbank-Anbindung 9. Prof. J. WALTER Kurstitel Stand: september 2002 Seite 3 2 InternetTechnologie Webs – Erstellen – Veröffentlichen - Lesen Server Zentrale Daten Internet Globale Daten IIS4.0 Web veröffentlichen http://F-PC-160/meinweb Lokale Daten Adresse - URL: Neues Web auf Festplatte erstellen d:\meinweb Prof. J. WALTER Kurstitel Stand: september 2002 http://www.hit.fh-karlsruhe/meinweb Seite 4 Neues Web erstellen 2 InternetTechnologie 1. 2. 1. 2. 3. 4. Frontpage starten Datei – Neu – Web Standardweb auswählen Adresse des neuen Webs: d:\WEB OK Web mit Seite index.htm wird erstellt. Prof. J. WALTER Kurstitel Stand: september 2002 Seite 5 2 InternetTechnologie Seite editieren Programmleiste Menüleiste Symbolleiste Standard Symbolleiste Format Ansichten Ordnerliste EditierFenster Normal Prof. J. WALTER Kurstitel Stand: september 2002 Seite 6 2 InternetTechnologie HTML - Fenster Kopf Körper Prof. J. WALTER Kurstitel Stand: september 2002 Start-Tag Inhalt einer HTML-Datei Ende-Tag Seite 7 2 InternetTechnologie Vorschau-Fenster – Ansicht in Browser Vorschau-Fenster in Frontpage Browser-Fenster Prof. J. WALTER Kurstitel Stand: september 2002 Seite 8 2 InternetTechnologie Web veröffentlichen 1. 2. 3. Button Veröffentlichen Adresse des Servers + Namen Name und Kennwort Prof. J. WALTER Kurstitel Stand: september 2002 Seite 9 2 InternetTechnologie Der erste relative Link – absolute Link Hyperlink Adresse Absoluter Link Link-Liste: www.bbbank.de Prof. J. WALTER Kurstitel Stand: september 2002 Zielrahmen Seite 10 2 InternetTechnologie Planung des Webs - Mindmap Prof. J. WALTER Kurstitel Stand: september 2002 Seite 11 2 InternetTechnologie Inhalte – Nutzung eines Webs 1. 2. 3. 4. 5. Internet als elektronische Litfasssäule Internet als interaktives Medium? Internet als Datenerfassung? Internet als Datenerfassung und Ausgabe? E-Commerce Internet / Intranet als zentrales Werkzeug zur Informationsverarbeitung Prof. J. WALTER Kurstitel Stand: september 2002 Seite 12 2 InternetTechnologie Idealfall - Internet 1. „Sämtliche Dokumente in HTML- Format“ 2. Termine 3. Kommunikation 4. Fortbildung / Firmen-TV 5. Telefon / Fax 6. Videokonferenz 7. Alle Medien Prof. J. WALTER Kurstitel Stand: september 2002 Seite 13 2 InternetTechnologie Kompatibilität der Browser Netscape – IE ? Seitenoptionen Versionen Server Prof. J. WALTER Kurstitel Stand: september 2002 Seite 14 2 InternetTechnologie Formatierungen - Design Zuweisen eines Designs Prof. J. WALTER Kurstitel Stand: september 2002 Seite 15 CSS Cascading Style Sheets 2 InternetTechnologie • Cascading Stylesheet (CSS) definiert die Formatvorlagen Prof. J. WALTER Kurstitel Stand: september 2002 Seite 16 2 InternetTechnologie E-Mail Hyperlink Homepage E-Mail E-Mail Adresse Einen Hyperlink erstellen, der eine E-Mail sendet Prof. J. WALTER Kurstitel Stand: september 2002 Seite 17 2 InternetTechnologie Frames - Rahmen Neu Prof. J. WALTER Kurstitel Stand: september 2002 Seite Navigationsrahmen oben Seite 18 2 InternetTechnologie Frames – Rahmen 2 Framename Prof. J. WALTER Kurstitel Stand: september 2002 Frameset Seite 19 2 InternetTechnologie Ansicht Hyperlinks Hyperlink Ansicht Unterbrochener Hyperlink Prof. J. WALTER Kurstitel Stand: september 2002 Seite 20 2 InternetTechnologie Arbeiten mit Ordnern Neuer Ordner Neue Ordnerliste Prof. J. WALTER Kurstitel Stand: september 2002 Seite 21 2 InternetTechnologie Multimedia-Elemente Screenshots 2. Bilder 3. Hotspots – Querverweise in Bildern 4. Flipping Images - wechselnde Bilder 5. Animated GIF – animierte Bilder Daumenkino 6. Sound – Geräusche, Klänge, Sprache, Musik 7. Videos 1. Prof. J. WALTER Kurstitel Stand: september 2002 Seite 22 2 InternetTechnologie Screenshots - Bildschirmaufnahmen Markieren Kopieren <Strg & C> Einfügen <Strg & V> Bildschirm kopieren <Druck> / <PrtSc> Aktives Fenster kopieren <Alt & Druck > Prof. J. WALTER Kurstitel Stand: september 2002 Seite 23 2 InternetTechnologie Bild einfügen Bild aus „Internet“ kopieren Bild in FP2000 einfügen Bildbearbeitungsleiste Prof. J. WALTER Kurstitel Stand: september 2002 Seite 24 2 InternetTechnologie Hotspots Ordner fp2000 Neue Seite Hotspot Rechteckiger Hotspot Prof. J. WALTER Kurstitel Stand: september 2002 Seite 25 2 InternetTechnologie Flipping Images – wechselnde Bilder Anzeigenwechsler Bildgröße Anzeigedauer Übergangseffekt Dateinamen Link AutoMiniaturansicht Prof. J. WALTER Kurstitel Stand: september 2002 Seite 26 2 InternetTechnologie Animated GIFs Speichern Mit rechter Maustaste kopieren Prof. J. WALTER Kurstitel Stand: september 2002 Einfügen Seite 27 2 InternetTechnologie Sound einfügen Erstellen der Links Inhalt aus der GO!-CD Prof. J. WALTER Kurstitel Stand: september 2002 Seite 28 2 InternetTechnologie Video einfügen Datei Prof. J. WALTER Kurstitel Stand: september 2002 Seite 29 2 InternetTechnologie Textmarke Textmarken Textmarke Prof. J. WALTER Kurstitel Stand: september 2002 Seite 30 2 InternetTechnologie Javascript - Quickbar • Javascript ist eine Programmiersprache und wird vom Browser während der Laufzeit interpretiert. Prof. J. WALTER Kurstitel Stand: september 2002 Seite 31 2 InternetTechnologie Erweiterung der Struktur auf Web mit Unterwebs Prof. J. WALTER Kurstitel Stand: september 2002 Seite 32 2 InternetTechnologie Meta name= “autor“ und “keywords“ Prof. J. WALTER Kurstitel Stand: september 2002 Seite 33 2 InternetTechnologie 5 Regeln für gute Internet-Seiten 1. 2. 3. 4. 5. Startseite wird schnell angezeigt Interessante Einstiegsseite Übersichtliche Navigation Suche in den eigenen Seiten Adresse – Kontaktmöglichkeiten Prof. J. WALTER Kurstitel Stand: september 2002 Seite 34 2 InternetTechnologie 5 Hauptfehler schlechter Internet-Seiten 1. Homepage kann nur mit Zusatzprogrammen vollständig dargestellt werden 2. Einschränkungen für Benutzer 3. Komplizierte Bedienung 4. Zu viele Informationen auf einer Seite 5. Übertriebene Verwendung von Farben, Schriften und Bildern Prof. J. WALTER Kurstitel Stand: september 2002 Seite 35 2 InternetTechnologie Vielen Dank Vielen Dank für Ihre Teilnahme und weiterhin viel Erfolg beim Studium. Prof. J. WALTER Kurstitel Stand: september 2002 Seite 36