Webdesign im Tourismus

Slides:

Advertisements

Ähnliche Präsentationen

Dateiformate Tobias Rolle IT takes more than systems …

Advertisements

Hani Sahyoun, Rechenzentrum Universität Hohenheim

Gestaltung von Web-Seiten so können Sie Ihr Publikum verwöhnen G. Hege / W. Moritz OSA Stuttgart.

HTML Silla Plump, 2009.

Grundlagen im Bereich der Tabellenkalkulation

Wismar Business School

Zusammenfassende Übung 2. Beispiel 1: Schreiben Sie auf der Titelfolie (Folie 1) als Untertitel Ihren Namen.

Zusammenfassende Übung

Hallo! Ich zeige dir, wie du eine eigene Präsentation gestalten kannst! Beginne eine neue Präsentation mit einer leeren Folie. Wie das geht, steht auf.

Java ohne Kara. Java ohne Kara Ab jetzt: Java ohne Kara Ziel: Erfahrungen sammeln mit ersten Java Programmen.

PDF-Datei erstellen Wir wollen nicht auf Papier drucken, sondern in eine PDF-Datei. (Portable Document Format) Wir öffnen das heruntergeladene Dokument.

Brainstorming Hinweis: Susi Sonne Aufgabe 1: Ansichten wechseln

Textfelder, Grafiken,... Verschieden Übungen Schreibe als Untertitel:

HTML-Editor Phase 5 (Download )

BILDFORMATE von Margarita Isjurowa.

7. Dokumente verwalten 7.1 Grundlagen

12. Das Arbeiten mit DokumentvorlagenInhaltsverzeichnis 12. Das Arbeiten mit Dokumentvorlagen 12.1 Grundlagen 12.2 Dokumentvorlagen erstellen 12.3 Dokumentvorlagen.

Dokumente organisieren und finden

Tutorium zur LV Online Research Ein Computerprogramm tut, was Du schreibst, nicht was Du willst.

Einbinden von Grafiken

Theorie Praktische Beispiele

Zusammenfassende Übung 2. Beispiel 1: Schreibe auf der Titelfolie als Untertitel deinen Namen.

Textfelder, Grafiken,... Schreibe als Untertitel:

Brainstorming Susi Sonne Aufgabe 1: Ansichten wechseln

Theorie Praktische Beispiele

Aufgabe 1: Setzen Sie im unteren Textfeld einen Tabstopp an der Position 5 und ergänzen Sie den Text gemäss nebenstehendem Textfeld. Ende der Aufgabe 1.

Browser sucht in diesem Ordner nach einer Seite namens

Software Adobe Photoshop Elements (ca. 100 €)

Webübungen erstellen – Hot Potatoes -

Einführung in das Schulnetz. Anmeldung / Login ++ Username: user[Nummer des PC] z.B. user201 Kennwort: kein Kennwort notwendig!

EINFÜHRUNG in HOT POTATOES

3. Text Titel erfassen und festlegen Weiteren Text den Folien zuweisen Text ordnen.

Aufgabe 1: Setzen Sie im unteren Textfeld einen Tabstopp an der Position 5 und ergänzen Sie den Text gemäss nebenstehendem Textfeld. Ende der Aufgabe 1.

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

Kompressionsprinzipien bei digitalen Bildern

Hot Potatoes v6 JMatch - Zuordnungsübung mit Bildern erstellen © 2004, Ingeborg Kanz.

Die Sprache des WWW: HTML (HyperText Markup Language)

HTML 4.0 Einführung Prof. Peter Altmann. HTML Basics Tags treten normalerweise paarweise auf Tags können Parameter haben......

Einführung Prof. Peter Altmann

Einführung Prof. Peter Altmann

Einführung Prof. Peter Altmann

Bildbearbeitung Einführung. Allgemeines Internet-Browser können nur wenige Bildformate: gif, jpg, png Bilder im Internet müssen schnell angezeigt werden.

Ansichtsoptionen für Ordner und Dateien. Stell dir vor … Du möchtest deine Dateien besser ordnen? Du möchtest mehr Informationen über deine Dateien und.

Arbeiten mit Grafiken – Übungen für Fortgeschrittene Folge den Anweisungen auf den Folien!

Materialien zur Fortbildungsreihe C für die Informatik in SII

Hypertext Markup Language

HTML Grundkurs Patrick Cato.

Textfelder, Grafiken,... Schreibe als Untertitel:

Theorie Praktische Beispiele

Digitale Medien I Programmablauf der Vorlesung am 05. Juli 2014 Dozent: Gerhard Fleige Digitale Medien I Samstag, 05. Juli 2014 Die nachfolgenden Folien.

HTML Hypertext Markup Language

F362.01, 04 Die Größe von Fotos in Dokumenten Ausgangslage in Word Im Worddokumente sichtbare Größe als Skalierung (Verkleinerung) der Originalgröße 1.

DREAMWEAVER MODUL DRWMX_0203 WEBDESIGN MODUL DRW_02 h.huetter 1 Dreamweaver MX - Tabellen Teil 3 Den Schriftstil ändern Um die CSS-Formatierungen auch.

MS PowerPoint 2010 PowerPoint Arbeiten mit der Programmoberfläche

MS Word 2010 Word Texte eingeben und bearbeiten automatische und manuelle Korrekturen Text bearbeiten Word Texte eingeben und bearbeiten automatische und.

CSS Float Sommerkurs: Frontend-Entwicklung für Webapplikationen

1 Grafikformate. 2 Grafikformate 3 Grafikformate 1.Bild mit Hilfe eines Rasters von Punkten beschreiben 2.Bild in geometrische Objekte unterteilen Bitmap-Grafik.

MS Word 2010 Word Texte eingeben und bearbeiten automatische und manuelle Korrekturen Word Texte eingeben und bearbeiten automatische und manuelle Korrekturen.

Web-Design Wie erstelle ich eine eigene Webseite und bringe sie ins weltweite Internet Ein Kurs der Agenda 21 von Postbauer-Heng in Zusammenarbeit mit.

MS Word 2010 Word Abschnitte formatieren Kopf- und Fusszeilen Absatzformatierung, Tabulatoren Aufzählungen und Nummerierung Gegliederte Listen Rahmen und.

Desktop-Publishing Grafik- und Bildformate. F. Müller Übersicht Bitmaps – Pixel, Größe – Auflösung – Optimierung – Farbtiefe – Speicherformate – Animationen.

Zusammenfassende Übung. Füge auf allen Folien einen hellen Hintergrund ein. Lasse auf allen Folien außer der Titelfolie eine Fußzeile mit deinem Namen.

Was ist ein HTML-Dokument? - Ein WWW-Dokument, das mit anderen Dokumenten verknüpft ist. - Es kann beinhalten: Text, Bilder, Geräusche, Videos, Animationen,

Die Grundlagen der Bildbearbeitung. Welche Speichermedien für Fotoapparate gibt es? SD-Card: SDXC-Card: SDHC-Card: Die Speicherkarte besitzt einen integrierten.

Digitale Bildbearbeitung

Webdesign im Tourismus

Webdesign im Tourismus

Zu beachten bei Bildern oder Texten aus dem www

Powerpoint öffnen.

Meine erste Präsentation

Präsentation transkript:

Webdesign im Tourismus Übung Prof. Dr. Markus Landvogt Zur Vorlesung Informationsmanagement im Tourismus Webdesign im Tourismus 3 HTML - GRUNDLAGEN DER ERSTELLUNG VON WEBSEITEN 3.5 Grafiken WWW.M3L.DE Webdesign im Tourismus Informationsmanagement im Tourismus

5. Grafiken Grafiken <img src="URL" alt="Beschreibung"> Beachten Sie Lizenzbestimmungen, besser eigene Fotos benutzen! Alternativtext Pflicht Höhe der Grafik bestimmt Zeilenabstand Kein Zeilenumbruch vor und nach Grafik A15: Ergänzen Sie vor und nach der Grafik in index.html weiteren Text, ergänzen Sie den Alternativtext zum Bild und simulieren Sie, dass das Bild nicht gefunden werden kann.. WWW.M3L.DE Webdesign im Tourismus Informationsmanagement im Tourismus

5. Grafiken Grafiken GIF JPG PNG Farbtiefe Bis zu 256 16,7M Kompression verlustfrei Verlust Transparenz Eine Farbe Nein Animation Animated GIF Über MNG Eignung Grafiken Fotos Grafiken, Fotos Unterstützung Alle Neue Browser WWW.M3L.DE Webdesign im Tourismus Informationsmanagement im Tourismus

5. Grafiken Grafiken Absolute Auflösung 800 x 600 = 800 Pixel breit und 600 Pixel hoch A16: Teste Aussehen von smiley.png von www.m3l.de/web/smiley.png <img scr="smiley.png" height= "100" width="80"> Alternativ probieren Sie es mit Prozentangaben. WWW.M3L.DE Webdesign im Tourismus Informationsmanagement im Tourismus

5. Grafiken Grafiken Öffnen Sie http://www.m3l.de/web/obst.jpg in MS Paint Verändern Sie die Größe mittels der Funktion Start und Größe ändern den Prozentwert. Speichern Sie das Bild unter einem neuen Namen und stellen Sie beide Bilder auf die index.html. A17: Kopieren Sie das Projekt in den Ordner hotel01. Öffnen Sie im Ordner text die Datei wegweiser.html und fügen Sie von http://www.m3l.de/web/ die Grafiken ballon.jpg, dom.jpg, und boote.jpg. WWW.M3L.DE Webdesign im Tourismus Informationsmanagement im Tourismus

5. Grafiken A17: Vergeben Sie aussagekräftige Alternativtexte. Überprüfen Sie die Webseite im Browser Fügen Sie die Miniaturbilder aller Grafiken oben im Dokument ein, indem Sie eine einheitliche Höhe von 75 Pixeln und eine Breite von 100 Pixeln für jedes Bild festlegen. Zeigen Sie die Webseite im Browser an. Legen Sie einen Rahmen um die Miniaturbilder (border=). Text um Grafiken fließen lassen Siehe Selfhtml. WWW.M3L.DE Webdesign im Tourismus Informationsmanagement im Tourismus