1 / 36

Internet-Technologie

Internet-Technologie. Herzlich Willkommen. Prof. J. Walter. Seminarinhalt Seitenerstellung im Internet. Webs erstellen – veröffentlichen – lesen / Zusammenspiel: Seitenerstellungsprogramm – Internet-Server – Browser

jolene
Download Presentation

Internet-Technologie

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Internet-Technologie Herzlich Willkommen Prof. J. Walter

  2. 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

  3. Seminarinhalt 2 • Suche auf der Webseite • Einbindung von Besucher-Zählern, Laufschrift • Downloads • Dynamische Elemente • Verwalten der Webseite - Berichte • Interaktion mit dem Benutzer • Feedbackformulare • Diskussionsforen • Datenbank-Anbindung

  4. Adresse - URL:http://www.hit.fh-karlsruhe/meinweb Webs – Erstellen – Veröffentlichen - Lesen Server Zentrale Daten Internet Globale Daten IIS4.0 Web veröffentlichenhttp://F-PC-160/meinweb Lokale Daten Neues Web auf Festplatte erstellend:\meinweb

  5. Neues Web erstellen • Frontpage starten • Datei – Neu – Web • Standardweb auswählen • Adresse des neuen Webs:d:\WEB • OK • Web mit Seite index.htm wird erstellt.

  6. Symbolleiste Format Symbolleiste Standard Programmleiste Menüleiste Ansichten Ordner-liste Editier-FensterNormal Seite editieren

  7. HTML - Fenster Start-Tag Kopf Inhalt einer HTML-Datei Körper Ende-Tag

  8. Vorschau-Fenster – Ansicht in Browser Vorschau-Fenster in Frontpage Browser-Fenster

  9. Web veröffentlichen • Button Veröffentlichen • Adresse des Servers + Namen • Name und Kennwort

  10. Hyperlink Adresse Der erste relative Link – absolute Link Zielrahmen Absoluter Link Link-Liste:www.bbbank.de

  11. Planung des Webs - Mindmap

  12. Inhalte – Nutzung eines Webs • 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

  13. Idealfall - Internet • „Sämtliche Dokumente in HTML-Format“ • Termine • Kommunikation • Fortbildung / Firmen-TV • Telefon / Fax • Videokonferenz • Alle Medien

  14. Netscape – IE ? Versionen Server Kompatibilität der Browser Seitenoptionen

  15. Formatierungen - Design • Zuweisen eines Designs

  16. CSS Cascading Style Sheets • Cascading Stylesheet (CSS) definiert die Formatvorlagen

  17. Hyperlink Homepage E-Mail E-Mail Adresse Einen Hyperlinkerstellen, der eine E-Mail sendet E-Mail

  18. Neu Seite Navigationsrahmen oben Frames - Rahmen

  19. Frames – Rahmen 2 Frameset Framename

  20. Ansicht Hyperlinks Hyper- link Ansicht Unterbrochener Hyperlink

  21. Arbeiten mit Ordnern Neuer Ordner Neue Ordnerliste

  22. Multimedia-Elemente • Screenshots • Bilder • Hotspots – Querverweise in Bildern • Flipping Images - wechselnde Bilder • Animated GIF – animierte Bilder - Daumenkino • Sound – Geräusche, Klänge, Sprache, Musik • Videos

  23. Screenshots - Bildschirmaufnahmen Markieren Kopieren <Strg & C> Einfügen <Strg & V> Bildschirm kopieren <Druck> / <PrtSc> Aktives Fenster kopieren <Alt & Druck >

  24. Bild einfügen Bild aus „Internet“ kopieren Bild in FP2000 einfügen Bildbearbeitungs-leiste

  25. Ordner fp2000 Neue Seite Hotspot Rechteckiger Hotspot Hotspots

  26. Bildgröße Anzeigedauer Übergangs-effekt Datei-namen Link Flipping Images – wechselnde Bilder Anzeigenwechsler AutoMiniaturansicht

  27. Speichern Einfügen Animated GIFs Mit rechter Maustastekopieren

  28. Erstellender Links Sound einfügen Inhalt aus der GO!-CD

  29. Video einfügen Datei

  30. Textmarke Textmarken Textmarke

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

  32. Erweiterung der Struktur auf Web mit Unterwebs

  33. Meta name= “autor“ und “keywords“

  34. 5 Regeln für gute Internet-Seiten • Startseite wird schnell angezeigt • Interessante Einstiegsseite • Übersichtliche Navigation • Suche in den eigenen Seiten • Adresse – Kontaktmöglichkeiten

  35. 5 Hauptfehler schlechter Internet-Seiten • Homepage kann nur mit Zusatzprogrammen vollständig dargestellt werden • Einschränkungen für Benutzer • Komplizierte Bedienung • Zu viele Informationen auf einer Seite • Übertriebene Verwendung von Farben, Schriften und Bildern

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

More Related