Webdesign im Tourismus

Präsentation zum Thema: "Webdesign im Tourismus"—  Präsentation transkript:

1 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 Webdesign im Tourismus Informationsmanagement im Tourismus

2 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.. Webdesign im Tourismus Informationsmanagement im Tourismus

3 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 Webdesign im Tourismus Informationsmanagement im Tourismus

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

5 5. Grafiken Grafiken Öffnen Sie 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 die Grafiken ballon.jpg, dom.jpg, und boote.jpg. Webdesign im Tourismus Informationsmanagement im Tourismus

6 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. Webdesign im Tourismus Informationsmanagement im Tourismus