Design, Layout, Struktur file:///./wpts_suck.htm

Größe: px
Ab Seite anzeigen:

Download "Design, Layout, Struktur file:///./wpts_suck.htm"

Transkript

1 Konstruiertes Beispiel Design, Layout, Struktur file:///./wpts_suck.htm Web Site Engineering, Vorlesung Nr. 5 Martin Klarner, Informatik 8, FAU VORL 5/Folie 2 Konstruiertes Beispiel (2): Was ist daran so schlecht? Allgemeines Erster Eindruck, Ladezeit, fehlende Information (Kontakt, Erstellungsdatum) JavaScript Schwer erkennbar, nicht portierbar, Funktion? Grafik Unübersichtlich, überladen Organisation Strukturlos, verwirrend Navigation Unübersichtlich, uneinheitlich Inhalt Quantitiv und qualitativ wenig, unnötiges Audio-File Praktisches Beispiel file:///./warez.htm Martin Klarner, Informatik 8, FAU VORL 5/Folie 3 Martin Klarner, Informatik 8, FAU VORL 5/Folie 4 Praktisches Beispiel (2): Was ist daran so schlecht? Layout und Struktur: Erste Generation! Zentrierter Text mit Inlined Images Lineare Struktur, keine textuellen Inhalte Design Aufdringliche Farbgebung: Starke Kontraste zwischen schwarzem Hintergrund und leuchtenden Vordergrund-Elementen Blinkende Banner, Icons und Lämpchen Sehr große, sehr unruhige animierte GIFs ( Leuchtreklamen ) Alerts und Popups Navigation Externe Links unverhältnismäßig stark gegenüber internen betont Externe Links nicht ohne weiteres von internen unterscheidbar Missbrauch von JavaScript zum Überladen von Browserfunktionen (Back-, Forward- und Close-Button) Praktisches Beispiel (3): Was ist daran interessant? Verknüpfung der wichtigsten Suchbegriffe Das Web-Triumvirat : Sex/Warez/MP3 (und Passwörter) Meta-Tags: <meta name= keywords content= warez, warez, elite, pirate, games, porn, teen, death, death, anarchy, phreak, hacker, hack, metallica, links, ftp, fuck, sex, sex, sex, warez, wares, elite, elite, pirat8, verified, FTP, free, free, free, warez, warez, milano, geocities, codez, cheats, cracks, serial, numbers, serial, serail, serial > Kundenbindung durch free -Argument in Kombination mit labyrinthischer Navigation Trotz free -Argument entstehen schnell Kosten Underground - bzw. Rotlichtviertel -Metapher Suchtpotential überwiegt Nachteile Funktioniert trotz schlechten Designs! Martin Klarner, Informatik 8, FAU VORL 5/Folie 5 Martin Klarner, Informatik 8, FAU VORL 5/Folie 6

2 Weiteres Beispiel Weiteres Beispiel (2) Martin Klarner, Informatik 8, FAU VORL 5/Folie 7 Martin Klarner, Informatik 8, FAU VORL 5/Folie 8 Was ist an diesem Beispiel so gut? Klares, durchgängig eingehaltenes Konzept First things first! Funktionalität: Umfangreich und vielfältig, aber trotzdem gut erreichbar Inhalt: Mischung aus Aktuellem und Bewährtem Navigation: Mehrere Möglichkeiten (Text und Bild) Schlichte, funktionale, aber gediegene Grafik Übersichtliches Layout, Einbettung in festen Rahmen Einheitliche, unaufdringliche Farbgebung Corporate Identity durch Logo, Verzicht auf Klischees wie Cliparts Sparsamer Umgang mit animierten GIFs Inhalt Ausgewogenes Verhältnis von Text und Bildern Aktuelle Meldungen an prominenter Stelle Viele Give-Aways zur Kundenbindung Was lernen wir daraus? Allgemeine Design-Prinzipien Form follows function Zuerst Konzept entwickeln Einstieg erleichtern und verschönern Technologie ist nicht alles Site nicht überfrachten Inhalt strukturiert organisieren Struktur im Layout übernehmen (Grid) Struktur an Möglichkeiten der Darstellung anpassen (z.b. Anzahl der Rubriken) Martin Klarner, Informatik 8, FAU VORL 5/Folie 9 Martin Klarner, Informatik 8, FAU VORL 5/Folie 10 Allgemeine Design-Prinzipien (2) Wert von Inhalt und Give-Aways hoch einschätzen Navigationsdesign (Text und Grafik) bewältigen Ausgleich zwischen Stabilität und Veränderung schaffen Zeitangaben News-Sektion Moderate Änderungen Dialog und Interaktion integrieren (Erhöhung des Erinnerungswerts) Möglichkeiten zum Kontakt erstellen Sorge um den Benutzer! Vorgehen bei der Erstellung einer Website 1. Zweck und Publikum 2. Planung Design Ressourcen 3. Umsetzung 4. Deployment Test Wartung Marketing Vgl. auch vorherige Vorlesungen! Martin Klarner, Informatik 8, FAU VORL 5/Folie 11 Martin Klarner, Informatik 8, FAU VORL 5/Folie 12

3 Auslegung einer Site Zentrale Bedeutung der thematischen Auslegung: Metapher! Kombination aus Phantasie und Zweckmäßigkeit Beispiele: Galerie, Werkstatt, Fabrik Transport durch Hintergrund (z.b. Filmrolle), Navigation, Logo, Möglichst über die ganze Site hinweg durchzuhalten! Zweck Gefühl der Vertrautheit bei der ersten Benutzung erzeugen Rasche Wiedererkennung und Zurechtfinden bei weiterer Benutzung ermöglichen Auslegung (2) Bestehende Site-Standards respektieren De-facto-Standards: Browsertyp, Bildschirmgröße, Betriebssystem, Ungeschriebene Gesetze Anforderungen erfüllen bezüglich Mindestgröße Interessantheit Aktualität Mit konkurrierenden Sites vergleichen Martin Klarner, Informatik 8, FAU VORL 5/Folie 13 Martin Klarner, Informatik 8, FAU VORL 5/Folie 14 Bestandteile einer Site 1. Einstiegsseite Geringe Ladezeit Übersichtliches Layout Attraktives Aussehen Verschiedene Doorway Pages 2. Zentralseite Einheitliche Navigation Wiedererkennungswert (z.b. durch Metapher ) Corporate Identity (z.b. durch Logo an prominenter Stelle) 3. Definierter Ausgang (Erhebung von Kundendaten, Feedback) Aktualität Aktualität dokumentiert Ernstnehmen des Users Interesse am User Daumenregel: Wöchentliches Update Erhaltung von Navigationspfaden und URLs, auch über Updates hinaus! Inhalt durch den Nutzer verändert: Benutzer fühlt sich umsorgt! Martin Klarner, Informatik 8, FAU VORL 5/Folie 15 Martin Klarner, Informatik 8, FAU VORL 5/Folie 16 Aktualität (2) Vermittlung von Aktualität durch Seitenbestandteile: z.b. durch last updated News-Spalte: Protokoll der Änderungen aktuelle und aktualisierte Inhalte sanftes Redesign (z.b. technische Anpassung) Newsletter moderiertes Forum Bestandteile einer Seite Titelzeile (wichtig u. a. für Bookmarking) Kopf (Header): Übersicht Körper (Body): Inhalt Fuß (Footer): Allgemeine Information Datum der letzten Änderung und/oder der Erstellung (Aktualität) Autor oder verantwortliche Person, -Adresse oder Homepage (Seriosität, Service) Link zur Homepage (Teil der Navigation) URL der Seite (Papierausdruck, Referenz) Navigation (Redundanz schadet hier nicht!) Martin Klarner, Informatik 8, FAU VORL 5/Folie 17 Martin Klarner, Informatik 8, FAU VORL 5/Folie 18

4 Inhalte Wertvolle Inhalte Einzigartigkeit, Zusammenstellung Aktualität, Nützlichkeit, Originalität,... Incentives Sonderangebote Zusätzliche Informationen Give-Aways Gewinnspiele,... Archivierung und Bereitstellung alter Inhalte Referenzierbarkeit Vertrauensbildung Text Alignment und Grid machen die Seite lesbarer Information in kleine, logisch abgeschlossene Teile aufteilen Textabschnitte kurz halten Aufzählungen verwenden Typographische Prinzipien verwenden (von der Papierdokument-Erstellung abgeleitet) Wenige verschiedene Fonts Gebräuchliche Fonts verwenden Leerräume als wichtiges Gestaltungsmerkmal Martin Klarner, Informatik 8, FAU VORL 5/Folie 19 Martin Klarner, Informatik 8, FAU VORL 5/Folie 20 Text (2) Hervorhebungen Leiten des Users, aber: Gefahr der Verwirrung Konsistenz in Farbe, Font, Hintergrund Sparsame Verwendung Farbliche Hervorhebung wichtiger Dokumentteile Vermeiden von blinkendem Text Text in Statuszeile Javascript -Alerts großen Bannern Darstellung Papier vs. Bildschirm Ermöglichen des Ausdrucks Zehnfach bessere Auflösung von Papier Ausdrucken von Seiten zur Offline-Benutzung Unterschiedliche Art, auf Papier und im Netz zu lesen (Scanning) Unterschiedliche Bildschirme (Auflösung, Farbe) und Browser Martin Klarner, Informatik 8, FAU VORL 5/Folie 21 Martin Klarner, Informatik 8, FAU VORL 5/Folie 22 Suche vs. Navigation Verschiedene Benutzerstrategien: Navigationstypen und Suchtypen Navigation und Suchfunktion bereitstellen Eigene Suchmaschine Daumenregel: Sites ab 100 Seiten Boole sche Suche zu komplex Besser einfache Suche mit Verfeinerung Verschiedene (benutzerspezifische) Funktionalitäten bereithalten Navigation Voraussetzung: Orientierung, Lokalisation Interaktion mit dem Benutzer Intention Einfach Schnell zum Ziel (keine Verwirrung) Navigation oft zu kompliziert Einsatz von Navigationslinks Jeder Link muss sinnvoll sein Verwendung aussagekräftiger Linktitel Schnell auf den Punkt kommen Site Map als letzte Chance! Martin Klarner, Informatik 8, FAU VORL 5/Folie 23 Martin Klarner, Informatik 8, FAU VORL 5/Folie 24

5 Navigationsdesign Statuszeile des Browsers nicht verbiegen! Bekannte grafische Elemente nicht abändern Keine kryptischen Navigationspfeile (s.u.) Lokale Position veranschaulichen Ordnung (Hierarchie) erkennen lassen! Navigationslinks zu Homepage übergeordneten Seiten Navigationshilfen Kontakt Navigationselemente An die Standards halten Dateimanager-Metapher Karteikasten Home > Section > Subsection > Page Image Maps Thumbnails, Buttons Navigationselemente Aussagekräftig Unterscheidbar Einheitlich Navigationsalternativen: Text und Grafik Aber: Kein Überangebot an Navigationsmitteln! Martin Klarner, Informatik 8, FAU VORL 5/Folie 25 Martin Klarner, Informatik 8, FAU VORL 5/Folie 26 Layout und Struktur Sinn von Layout Konsistenz erhalten Vertrautheit schaffen Vermittlung von Inhalten unterstützen User auf der Seite halten Layout-Regeln Seitengröße dem Browserfenster anpassen (Scrolling vermeiden) Links müssen über Farben erkennbar sein Konsistentes Layout gewährleisten Farbe Farben haben Bedeutung Emotion Skala für Textfärbung: weiß, schwarz, rot, blau, 8 bit (256) vs. 24 bit (16 Mio.) Farben Farbenlehre: analoge, komplementäre Farben Farben müssen zusammenpassen und Lesen ermöglichen Verschiedene Bildschirme, Browser Martin Klarner, Informatik 8, FAU VORL 5/Folie 27 Martin Klarner, Informatik 8, FAU VORL 5/Folie 28 Grafik Balance zwischen Bild und Text GIF (Graphic Interchange Format) Nur 256 Farben v. a. für Zeichnungen Animiertes GIF, Interlacing Transparenz JPEG (Joint Photographic Experts Group) 16 Mio. Farben v. a. für Fotos Verschiedene Kompressionsgrade Dateigrößen beachten Verwendung als Hintergrund Multimedia /Sound Verschiedene Formate MIDI (Musical Instrument Digital Interface) WAV (WAVeform Audio File Format) MP3 (Motion Pictures Expert Group Layer 3) Voraussetzungen Mehrwert Triftige Gründe Vermeidung von Hintergrundmusik Störung Ladezeit Martin Klarner, Informatik 8, FAU VORL 5/Folie 29 Martin Klarner, Informatik 8, FAU VORL 5/Folie 30

6 Proprietäre Erweiterungen am Beispiel Flash Mehrwert eines Flash-Intros? Missbrauch von Design: Häufig Eliminierung der Navigation, Bruch mit Standard-GUIs, oberflächlicher Inhalt Verlust üblicher Funktionalität: Veränderung von Schriftgrad und Linkfarben, Back-Button innerhalb von Flash, Suche (Find-Menü), einheitliche Wartung Hoher Erstellungsaufwand Lange Download-Zeit URLs Kurze, eingängige URLs verwenden (Memorierbarkeit) Korrespondenzen zwischen URL und Struktur gewährleisten Keine ungewöhnlichen Abkürzungen einführen Sonderzeichen ("~", "/", "_", "-", ".") sparsam einsetzen (Verwirrung, Eingabe, Verwechslung) Konsistente Verwendung von Groß- und Kleinbuchstaben (für UNIX relevant!) URLs beibehalten Einstiegspunkte auszeichnen und kenntlich machen Vermeidung proprietärer Erweiterungen Martin Klarner, Informatik 8, FAU VORL 5/Folie 31 Martin Klarner, Informatik 8, FAU VORL 5/Folie 32 Frames Vorteile Organisation und Struktur Modulares Design Statische Dynamik Nachteile Widerspricht Prinzip ein Fenster ein Inhalt Fehlende/falsche Indizierung durch Suchmaschinen Probleme mit Bookmarks Navigation (Schwierigkeiten mit Back-Button) Frames (2): Probleme Zerstörung des Layouts durch neue Fenster Resizing Bildschirmauflösung alte Browserversionen Unsitte: Integration fremden Inhalts Probleme mit Bedienbarkeit Quellcode Ausdruck Interaktion zwischen Frames (Javascript) Martin Klarner, Informatik 8, FAU VORL 5/Folie 33 Martin Klarner, Informatik 8, FAU VORL 5/Folie 34 Frames (3): Verwendung Allgemeine Empfehlungen Abgeschlossenes System Nutzung für Inhaltsverzeichnisse Vergleich von Seiten Beliebige Kombinationen von Frames Alternative: Tabellen entsprechen dem Prinzip ein Fenster eine Seite erleichtern den Überblick für Benutzer geben dem Web-Designer die Kontrolle über das Layout Probleme bei Tabellen Komplexität Ladezeit Missbrauch Berücksichtigung unterschiedlicher Blickwinkel Sicht des Erstellers Abbildung der internen Struktur Sicht des Nutzers Beschränkung auf einige wenige Ideen Beachtung des HTML-Standards Geringere Fehlerwahrscheinlichkeit Ordentlicher Eindruck Zusätzliche Möglichkeiten wie Prefetching von Text (nur bei Höhe und Breite von Images) Martin Klarner, Informatik 8, FAU VORL 5/Folie 35 Martin Klarner, Informatik 8, FAU VORL 5/Folie 36

7 Allgemeine Empfehlungen (2) Abwägung bei wenig verbreiteten oder neuen Technologien: Nutzen, Aufwand,... im Zweifel die einfachere Technik Sparsamer Einsatz von Grafik, Hintergrund, grafischen Tricks (alberne Wirkung, lange Ladezeiten, Verwirrung, grafischer Overload, Bilderbucheffekt) Ehrlichkeit: Kein geistiger Diebstahl! (Respektierung von Copyrights, Trademarks ) Allgemeine Empfehlungen (3) Vermeiden von Bevormundung des Benutzers, z.b. Change these browser settings Best viewed with... Download this plug-in Zeichen der Unsicherheit Kritik an der eigenen Site Baustellenschildern ( Under Construction ) Martin Klarner, Informatik 8, FAU VORL 5/Folie 37 Martin Klarner, Informatik 8, FAU VORL 5/Folie 38 Allgemeine Empfehlungen (4) Vermeiden von Fonts, die nicht Standard sind Klischees: Zähler, laufender oder blinkender Text, Einblendungen,... Eindruck von billiger Werbung Überdimensionierte Banner Wenig Text Viele Links Allgemeine Empfehlungen (5) Entwicklung einer Corporate Identity (Logo) Interaktion erhöht den Erinnerungswert Benutzung von Metaphern (z.b. Cockpit zur Orientierung) und Bildern (z.b. Krombacher-Werbung) Automatisierung der Site und des Servers Mit eigenwilligen Nutzern rechnen Erstellung von Tracking-Statistiken Anordnung des Gitters (Grid) Martin Klarner, Informatik 8, FAU VORL 5/Folie 39 Martin Klarner, Informatik 8, FAU VORL 5/Folie 40 Sünden 100 Kilobyte in einer einzigen Tabelle Überfrachtung mit Bildern Wegsperren von Inhalt (Registrierung) Öffnen neuer Browserfenster Automatische Weiterleitungen Image Map als Hauptnavigation Fehlende Kontaktadressen Zu hohe technische Anforderungen (z.b. Shockwave- Animationen und 20-Zoll-Monitore) Sünden (2) Fehlerhafte Seiten Fehlende Elemente Sichtbare Tabellengitter Überflüssige Inhalte Laufschriften Zu breites Seitenlayout Keine Papierversion (Ausdrucke auf DIN A4) Dicke (3D)-(Tabellen-)Rahmen Dominante Hintergrundmuster Martin Klarner, Informatik 8, FAU VORL 5/Folie 41 Martin Klarner, Informatik 8, FAU VORL 5/Folie 42

8 Zusammenfassung Gesunder Menschenverstand Einfachheit Berücksichtigung des technischen Rahmenbedingungen Funktionalität und Navigierbarkeit wichtiger als künstlerischer Eindruck Design als Hilfsmittel Ziele, Benutzer, Funktionalität und Ressourcen bedingen das Design Checkliste für Sites 1. Allgemeines 2. Optik 3. Text und Bild 4. Struktur und Navigation 5. Technik 6. Inhalt 7. Sonstiges Martin Klarner, Informatik 8, FAU VORL 5/Folie 43 Martin Klarner, Informatik 8, FAU VORL 5/Folie 44 Checkliste für Sites: Allgemeines und Optik Checkliste für Sites: Bestandteile und Inhalt Erster spontaner Eindruck Ausgewogenheit Metapher Benutzerfreundlichkeit Ladezeit Corporate Identity Hintergrund Ordnung (Gitter, Spalten) Aufteilung Martin Klarner, Informatik 8, FAU VORL 5/Folie 45 Verhältnis von Text, Bildern und anderen Elementen Lesbarkeit, Absätze, Textlänge Größen, Hintergrund/Farben Thematische Textgliederung Rechtschreibung Vollständigkeit Klarheit der Aussagen, zielgruppengerechte Präsentation Inhaltliche Güte (Anstrengung, Mühe, Wertschätzung des Benutzers) Werbung (Anzahl, Position) Martin Klarner, Informatik 8, FAU VORL 5/Folie 46 Checkliste für Sites: Organisation Erkennbarkeit der Struktur Kombination mit Navigation Orientierung Darstellung Navigationsschema Zeitlicher Suchaufwand Hilfe- bzw. Suchfunktion Auffindbarkeit der Produkte, Dienstleistungen Martin Klarner, Informatik 8, FAU VORL 5/Folie 47 Checkliste für Sites: Technik und Sonstiges Ladezeit Angepasster Funktionsumfang, Konfigurierbarkeit Adäquate Umsetzung Fehler, z.b. hängende Links Zerstörbarkeit Kompatibilität Aktualität Metadaten Bekanntheit der Site (Suchmaschinen) URL-Design Sünden (s.o.) Martin Klarner, Informatik 8, FAU VORL 5/Folie 48

9 Literatur Links Dave Siegel: Creating Killer Web Sites, 2 nd Edition, Hayden Books, 1997, Patrick Lynch: Web Style Guide, 2 nd Edition, Yale Univ. Press, 2002, Jakob Nielsen, Marie Tahir: Homepage Usability: 50 Websites Deconstructed, New Riders Publishing, 2001 Jakob Nielsen: Designing Web Usability : The Practice of Simplicity, New Riders Publishing, 1999, Vincent Flanders: Web Pages That Suck: Learn Good Design by Looking at Bad Design, Sybex, 1998, Jennifer Niederst: Web Design in a Nutshell, O'Reilly, 2001 Robin Williams:The Non-Designer's Design Book, Peachpit Press, 1994 Robin Williams: Web Design Workshop, Peachpit Press, 2001 Martin Klarner, Informatik 8, FAU VORL 5/Folie Martin Klarner, Informatik 8, FAU VORL 5/Folie 50

Konstruiertes Beispiel. Design, Layout, Struktur. Praktisches Beispiel. Konstruiertes Beispiel (II) Praktisches Beispiel (III)

Konstruiertes Beispiel. Design, Layout, Struktur. Praktisches Beispiel. Konstruiertes Beispiel (II) Praktisches Beispiel (III) Konstruiertes Beispiel Design, Layout, Struktur KI-Methoden für das Web Site Engineering vor Weihnachten Konstruiertes Beispiel (II) VORL 9/Folie 2 Praktisches Beispiel Was ist daran so schlecht? Allgemeines

Mehr

Vorlesung 12: Gestaltung von Inhalten Barrieren und Barrierefreiheit

Vorlesung 12: Gestaltung von Inhalten Barrieren und Barrierefreiheit Übersicht Web (Site) Engineering (WebE) Vorlesung 12: Gestaltung von Inhalten B. Schiemann, P. Reiß Lehrstuhl für Informatik 8 Universität Erlangen-Nürnberg 19. 01. 2010 1 / 31 2 / 31 Internet und Barrieren?

Mehr

USABILITY. kurze Geschichte der Computer Interfaces. web usabilty. Bernhard Bauch, 0327044 / Digitale Kunst WS 2005/06. download PDF of this document

USABILITY. kurze Geschichte der Computer Interfaces. web usabilty. Bernhard Bauch, 0327044 / Digitale Kunst WS 2005/06. download PDF of this document web usabilty 1 Bernhard Bauch, 0327044 / Digitale Kunst WS 2005/06 download PDF of this document USABILITY kurze Geschichte der Computer Interfaces Erste Rechenmaschinen mit 1:1 Relation zwischen Interface

Mehr

Übersicht. Web (Site) Engineering (WebSE) Datenmengen. Multimedia für das Web. Multimedia und das Web SVG SMIL. Vorlesung 5: Gestaltung von Inhalten

Übersicht. Web (Site) Engineering (WebSE) Datenmengen. Multimedia für das Web. Multimedia und das Web SVG SMIL. Vorlesung 5: Gestaltung von Inhalten Übersicht Web (Site) Engineering (WebSE) Vorlesung 5: Gestaltung von Inhalten P. Reiß, B. Schiemann Lehrstuhl für Informatik 8 Universität Erlangen-Nürnberg 14. 11. 2006 Multimedia und das Web SVG SMIL

Mehr

Die häufigsten Fehler bei der Erstellung einer Homepage!

Die häufigsten Fehler bei der Erstellung einer Homepage! 2014 Die häufigsten Fehler bei der Erstellung einer Homepage! mrr-fotolia.com Die Wichtigkeit einer professionellen Website wird unterschätzt! Eine Homepage stellt alle anderen Werbemöglichkeiten in den

Mehr

Benutzerfreundliche Webseite (Usability)

Benutzerfreundliche Webseite (Usability) Benutzerfreundliche Webseite (Usability) Text von Javi Gonzalez Eine benutzerfreundliche Webseite, ist eine Webseite die sich am Benutzer orientiert. Das heisst, die Webseite wurde mit den Gedanken an

Mehr

Felix Schwenzel E-Marketing Forum Xinnovations 2009. Vergessen Sie Suchmaschinenoptimierung Optimieren Sie Ihre Website

Felix Schwenzel E-Marketing Forum Xinnovations 2009. Vergessen Sie Suchmaschinenoptimierung Optimieren Sie Ihre Website Felix Schwenzel E-Marketing Forum Xinnovations 2009 Vergessen Sie Suchmaschinenoptimierung Optimieren Sie Ihre Website Felix Schwenzel Projektleiter EsPresto AG baut seit 1995 Webseiten Vergessen Sie Suchmaschinenoptimierung

Mehr

... ECDL WEB-STARTER. 1. WAS IST DAS INTERNET...1 Überblick... 1

... ECDL WEB-STARTER. 1. WAS IST DAS INTERNET...1 Überblick... 1 INHALT 1. WAS IST DAS INTERNET...1 Überblick... 1 Entwicklung des Internet... 2 Von militärischer Notwendigkeit zum wirtschaftlichen Nutzen... 2 Wissenschaftliche Einrichtungen... 2 Private Nutzung...

Mehr

Responsive Web Design Graceful Degradation and Progressive Enhancement

Responsive Web Design Graceful Degradation and Progressive Enhancement Graceful Degradation and Progressive Enhancement Seminar Web Engineering für Master-Studenten (WS 2013/2014) Betreuer: Michael Krug Datum: 13.12.2013 1 Gliederung 1. Warum? 2. Konzepte zur Anpassung an

Mehr

Websites, die mehr können: Konzept, Technologie, Usability

Websites, die mehr können: Konzept, Technologie, Usability Websites, die mehr können: Konzept, Technologie, Usability Zeix AG Stauffacherstrasse Postfach CH-0 Zürich www.zeix.com Peter Hogenkamp peter.hogenkamp@zeix.com August 00 X'0 by Zeix AG, Zürich/St.Gallen

Mehr

Leitfaden zur Pflege der zentralen Internetseiten der Bauhaus-Universität Weimar

Leitfaden zur Pflege der zentralen Internetseiten der Bauhaus-Universität Weimar Universitätskommunikation Leitfaden zur Pflege der zentralen Internetseiten der Bauhaus-Universität Weimar Mit ihrem Web-Auftritt präsentiert sich die Bauhaus-Universität vor einem weltweiten Publikum.

Mehr

Barrierefreies Internet mit Content-Management-Systemen am Beispiel des CMS Papoo. Carsten Euwens. Erstellung BITV konformer Internetseiten

Barrierefreies Internet mit Content-Management-Systemen am Beispiel des CMS Papoo. Carsten Euwens. Erstellung BITV konformer Internetseiten Carsten Euwens Erstellung BITV konformer Internetseiten Welche Möglichkeiten bietet dabei das CMS Papoo Was kann Papoo ohne Benutzereingriff Wobei kann Papoo den Seitenersteller/Redakteur unterstützen

Mehr

Web-Design. Usability / Software-Ergonomie Dr. Siegfried Olschner. Referenten: Monika Pilarska Martin Schmidkunz

Web-Design. Usability / Software-Ergonomie Dr. Siegfried Olschner. Referenten: Monika Pilarska Martin Schmidkunz Web-Design Usability / Software-Ergonomie Dr. Siegfried Olschner Referenten: Monika Pilarska Martin Schmidkunz Erlangen, 10.02.2006 Inhalt Allgemeines Design Fehler 2005 Navigation Links Grafik Methoden

Mehr

Inhalt und Ziele. Homepage von Anfang an. Herzlich Willkommen! HTML Syntax; grundlegende Grafik- und Bildbearbeitung für das Internet;

Inhalt und Ziele. Homepage von Anfang an. Herzlich Willkommen! HTML Syntax; grundlegende Grafik- und Bildbearbeitung für das Internet; Homepage von Anfang an Herzlich Willkommen! Caroline Morhart-Putz caroline.morhart@wellcomm.at Inhalt und Ziele!! HTML Grundlagen - die Sprache im Netz; HTML Syntax;!! Photoshop - Optimieren von Bildern,

Mehr

Web (Site) Engineering (WebSE)

Web (Site) Engineering (WebSE) Software Engineering : Einführung Web (Site) Engineering (WebSE) Vorlesung 8: Software Engineering () B. Schiemann, P. Reiß Lehrstuhl für Informatik 8 Universität Erlangen-Nürnberg 13.12.2005 Software

Mehr

Barrierefreies Web. Web-Sites so gestalten, dass jeder sie nutzen und lesen kann. Zielkonflikte: barrierefreies Web für kommerzielle Anbieter

Barrierefreies Web. Web-Sites so gestalten, dass jeder sie nutzen und lesen kann. Zielkonflikte: barrierefreies Web für kommerzielle Anbieter Barrierefreies Web Web-Sites so gestalten, dass jeder sie nutzen und lesen kann Zielkonflikte: barrierefreies Web für kommerzielle Anbieter Dr. Armin Schulz Inhalte Was habe ich davon? Mythen Vorteile

Mehr

Bewertungsmatrix Performance-Analyse

Bewertungsmatrix Performance-Analyse Bewertungsmatrix Performance-Analyse Inhalte Auswahl der Inhalte Wesentliche Inhalte Impressum vorhanden? Mail an Webmaster möglich? Zielgruppenorientierung Interessen getroffen? Bildungsniveau getroffen?

Mehr

WebCT-Kurse müssen nicht immer gleich aussehen. Design und Integration grafischer Elemente in WebCT-Kurse

WebCT-Kurse müssen nicht immer gleich aussehen. Design und Integration grafischer Elemente in WebCT-Kurse WebCT-Kurse müssen nicht immer gleich aussehen Design und Integration grafischer Elemente in WebCT-Kurse Grundsätzliches zu diesem Handout Die folgenden Seiten waren Begleitmaterial zu einem Workshop,

Mehr

Jakob Nielsen Usability, alertbox. FH-Aachen VK SS06 Datarama Prof. Gasteier

Jakob Nielsen Usability, alertbox. FH-Aachen VK SS06 Datarama Prof. Gasteier Jakob Nielsen Usability, alertbox FH-Aachen VK SS06 Datarama Prof. Gasteier Inhalt 1 Kurzbiographie: Jakob Nielsen 2 Nielsen Norman Group (NNG) 3 Erfolgskonzept 4 Heuristische Evaluation 5 www.amazon.com

Mehr

AxCMS.net ENTERPRISE CONTENT MANAGEMENT SYSTEM. Module. AxCMS.net. Module. Copyright 2001-2006 Axinom GmbH AxCMS.net Seite 1

AxCMS.net ENTERPRISE CONTENT MANAGEMENT SYSTEM. Module. AxCMS.net. Module. Copyright 2001-2006 Axinom GmbH AxCMS.net Seite 1 AxCMS.net Copyright 2001-2006 Axinom GmbH AxCMS.net Seite 1 AxCMS.net Das AxCMS.net steht mit einem umfangreichen Template-Projekt als Visual Studio Projekt im Quellcode zum Download. Darin enthalten sind

Mehr

1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign?

1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign? 1. Warum Responsives Webdesign? 2. Was ist Responsives Webdesign? 3. Welche Technik und Konzepte gibt es im Responsiven Webdesign? 4. Wie sieht die Zukunft im Responsiven Webdesign aus? Special: Responsives

Mehr

Inhaltsverzeichnis. Vorwort Einleitung. 1 Die Philosophie 21. 2 Die neue Technologie: XAML, WPF und Silverlight 47

Inhaltsverzeichnis. Vorwort Einleitung. 1 Die Philosophie 21. 2 Die neue Technologie: XAML, WPF und Silverlight 47 Vorwort Einleitung 1 3 Bisherige Möglichkeiten des UI-Designs 5 Die neuen Möglichkeiten 7 Die neuen Herausforderungen Ausblick Ziel dieses Buches An wen richtet sich dieses Buch Diskussion zu diesem Buch

Mehr

Webdesign mit (X)HTML und CSS

Webdesign mit (X)HTML und CSS Webdesign mit (X)HTML und CSS Das Praxisbuch zum Einsteigen, Auffrischen und Vertiefen Deutsche Ausgabe der 3. englischen Auflage Jennifer Niederst Robbins Übersetzung von Kathrin Lichtenberg O'REILLY*

Mehr

Die ersten Schritte zur eigenen Homepage - Möglichkeiten der technischen Umsetzung

Die ersten Schritte zur eigenen Homepage - Möglichkeiten der technischen Umsetzung Die ersten Schritte zur eigenen Homepage - Möglichkeiten der technischen Umsetzung Bremen, den 16. September 2014 Uwe Salm, ebusiness Lotse Osnabrück Agenda Vorüberlegungen Umsetzung Handlungsempfehlung

Mehr

Die Bürgerstiftung im Internet

Die Bürgerstiftung im Internet Die Bürgerstiftung im Internet Markus Behr Schulen ans Netz e.v., Bonn Kontakt: Markus.Behr@web.de Vorüberlegungen Zielsetzung: Was wollen wir mit der Internetseite erreichen? Zielgruppe: Wen möchten wir

Mehr

Log Files geben Informationen

Log Files geben Informationen Online- Marketing Log Files geben Informationen welche Dateien wie oft abgerufen wurden wie lange die Besucher blieben von welcher Seite sie kamen (Refering- Websites) mit welchem Browser sie surfen welches

Mehr

Content Management mit Typo3

Content Management mit Typo3 Content Management mit Typo3 Ausgangssituation Zielstellung Evaluation (Zwischen) Ergebnis Demo Ausgangssituation: Gewachsener Internet Auftritt Struktur: Werkzeuge: Einstiegsseiten V.3 Gruppen Seiten

Mehr

Checkliste für die Planung einer neun Website

Checkliste für die Planung einer neun Website Checkliste für die Planung einer neun Website Sie planen Ihre Webseite zu erneuern oder eine neue Website zu erstellen? Aber Sie wissen nicht wo Sie anfangen sollen? Sie wissen auch nicht, worauf Sie achten

Mehr

Innovationspolitik, Informationsgesellschaft, Telekommunikation. Rosengarten - Nenndorf, den 05.10.2006 RECO

Innovationspolitik, Informationsgesellschaft, Telekommunikation. Rosengarten - Nenndorf, den 05.10.2006 RECO Innovationspolitik, Informationsgesellschaft, Telekommunikation Titel "Kunden finden - Kunden binden": Subtitel Erfolgreiche Webseiten für Handwerk und Kleinunternehmen Rosengarten - Nenndorf, den 05.10.2006

Mehr

Warum Tables doof und Divs viel besser sind

Warum Tables doof und Divs viel besser sind Warum Tables doof und Divs viel besser sind Web Development Fulda 03.02.2010 Dr. med. Christine Trutt-Ibing www.barrierearm-im-netz.de Barrierefreier Zugang zu einem Internetauftritt bedeutet, dass Internetanwendungen

Mehr

L A TEX Presentation Packages

L A TEX Presentation Packages L A TEX Presentation Packages Andre Gass, Jörn Spannhacke 28. November 2003 Das Seminar Package Allgemein Das Prosper Package Allgemein Beispiel PDFscreen Beispiel Nachteile Beamer Nachteile Themes Das

Mehr

Wo Sie fürs Optimieren und Individualisieren ansetzen müssen... 19

Wo Sie fürs Optimieren und Individualisieren ansetzen müssen... 19 Inhalt Über die Autoren... 5 1. Wie komme ich zu meinem eigenen Wunschdesign?... 13 1.1 Warum ein Content Management System?... 14 1.2 Wie finde ich den Einstieg?... 14 2. Die Anatomie eines web to date-projekts:

Mehr

Webshop-Lösungen. Individuelle Webshops für Fachhandel und Endkunden

Webshop-Lösungen. Individuelle Webshops für Fachhandel und Endkunden Webshop-Lösungen Individuelle Webshops für Fachhandel und Endkunden Intuitives Shopping-Erlebnis... durch optimierte Usability und individuelles Design Die COM-ACTIVE Shoplösungen bieten Ihnen einen umfassenden

Mehr

Webdesign mit HTML & CSS

<Trainingsinhalt> Webdesign mit HTML & CSS Webdesign mit HTML & CSS Einführung...11 Das Internet, das Web und HTML...12 Offen, doch nicht gleich...13 Der Krieg der Browser...14 Ein Schub in Richtung Standards...15 Das aktuelle

Mehr

Easy Mobile Homepage. Nützliche Tipps für die Nutzung der Software. 2011 Die Software ist urheberrechtlich geschützte Freeware - all rights reserved

Easy Mobile Homepage. Nützliche Tipps für die Nutzung der Software. 2011 Die Software ist urheberrechtlich geschützte Freeware - all rights reserved Easy Mobile Homepage Nützliche Tipps für die Nutzung der Software Danke für Ihr Interesse! Danke für Ihr Interesse an unserer neuen Software und wir freuen uns darüber, dass Sie die Tutorials angefordert

Mehr

Checkliste Internetseiten. n/a... nicht zutreffend. BGAG - Institut Arbeit und Gesundheit Dresden (DGUV) 1

Checkliste Internetseiten. n/a... nicht zutreffend. BGAG - Institut Arbeit und Gesundheit Dresden (DGUV) 1 Checkliste für die Beurteilung von Internetauftritten n/a... nicht zutreffend 1. Werden zu allen Zielbereichen Informationen bzw. Möglichkeiten angeboten? (je nach Zielen der Internetseite sind Fragen

Mehr

Webseiten werden mobil Planung geht vor

Webseiten werden mobil Planung geht vor Webseiten werden mobil Planung geht vor Mobiles Web Aspekte der Planung 20. April 2012 Inhaltliche Schwerpunkte Einordnung mobiler Technologien Besonderheiten mobiler Touchscreen-Geräte Best Practices

Mehr

Einführung in das Seminarthema Web-Analyse. WS 2001/2002 H.-J. Hoffmann 9. November 2001

Einführung in das Seminarthema Web-Analyse. WS 2001/2002 H.-J. Hoffmann 9. November 2001 Einführung in das Seminarthema Web-Analyse WS 2001/2002 H.-J. Hoffmann 9. November 2001 Web-Analyse: Warum? Fehler technischer Art: - Nichtbeherrschung von HTML - Inkompatibilität der Stöberer (engl. Browser)

Mehr

Universelle Benutzbarkeit und Barrierefreiheit bei Webseiten der breiten Masse und der öffentlichenhand

Universelle Benutzbarkeit und Barrierefreiheit bei Webseiten der breiten Masse und der öffentlichenhand Markus Tressl Universelle Benutzbarkeit und Barrierefreiheit bei Webseiten der breiten Masse und der öffentlichenhand Grundlagen, Erklärungen und Lösungswege zur Erstellung von behindertengerechten, gesetzeskonformen

Mehr

Regelsammlung. Navigation. Suchfunktion DO :

Regelsammlung. Navigation. Suchfunktion DO : Regelsammlung Navigation Der Webentwickler muß verdeutlichen wo sich der Benutzer gerade befindet, welche Navigationsmöglichkeiten von einer Seite gegeben sind und welche Seiten bisher besucht worden sind.

Mehr

Kanton St.Gallen Design Guidelines Web-Auftritt des Kantons St.Gallen

Kanton St.Gallen Design Guidelines Web-Auftritt des Kantons St.Gallen Design Guidelines Web-Auftritt des Kantons St.Gallen Version 8.0 - CQ5-Redesign Juli 2011 Inhalt 1. Geltung und Reichweite der Guidelines 2. Visual Design Basics 3. Style Guide Internet «sg.ch» 4. Style

Mehr

Datenbank-basierte Webserver

Datenbank-basierte Webserver Datenbank-basierte Webserver eines Datenbank-basierten Webservers Karl Riedling Institut für Sensor- und Aktuatorsysteme 2 zur Gestaltung von Klare, übersichtliche Seitengestaltung Hinreichende Navigationshilfen

Mehr

Webseiten mit HTML. Visual QuickProject Guide. von Elizabeth Castro

Webseiten mit HTML. Visual QuickProject Guide. von Elizabeth Castro Webseiten mit HTML Visual QuickProject Guide von Elizabeth Castro Der Ihnen vorliegende Visual QuickProject Guide langweilt nicht mit Theorie und umständlichen Erklärungen, sondern nutzt große Farbabbildungen

Mehr

Gründe für Accessibility («Zugänglichkeit, Barrierefreiheit»)

Gründe für Accessibility («Zugänglichkeit, Barrierefreiheit») Access-for-all-Award Merkblatt für barrierefreies Webdesign «Die Macht des Internets ist seine Universalität, der Zugang für alle, unabhängig von Behinderungen, ist ein zentraler Aspekt darin.» (frei nach

Mehr

ISCOM Webdesign Angebotsformular

ISCOM Webdesign Angebotsformular www.iscomtech.com Aktualisiert: Mai, 2010 ISCOM Technologies Webdesign Angebotsformular Seite 1 of 5 ISCOM Webdesign Angebotsformular 1 Angaben zum Unternehmen Firma / Gesellschaftsform Berufsbezeichnung

Mehr

1 Fangen wir an aber wie? 9

1 Fangen wir an aber wie? 9 v Vorwort 1 1 Fangen wir an aber wie? 9 1.1 Wie man geplante Zeitrahmen und Budgets einhält..... 9 1.1.1 Effektive Vorplanung...................... 10 1.1.2 Sammeln Sie Informationen und treffen Sie fundierte

Mehr

Die ersten Schritte zur eigenen Homepage - Möglichkeiten der technischen Umsetzung

Die ersten Schritte zur eigenen Homepage - Möglichkeiten der technischen Umsetzung Die ersten Schritte zur eigenen Homepage - Möglichkeiten der technischen Umsetzung Bremen, den 23. September 2013 Uwe Salm, ebusiness Lotse Osnabrück ebusiness Lotse Osnabrück Träger: Science to Business

Mehr

Das moderne Redaktionshandbuch als Rückgrat technischer Dokumentation

Das moderne Redaktionshandbuch als Rückgrat technischer Dokumentation als Rückgrat technischer Dokumentation Gertraud Fischer cognitas. Gesellschaft für Technik-Dokumentation mbh 85521 Ottobrunn, Alte Landstr. 6 33106 Paderborn, Heinz-Nixdorf-Ring 1 www.cognitas.de gertraud.fischer@cognitas.de

Mehr

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung

3-W-Event. Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign. Sabrina Schoenfelder Projektleitung, Beratung 3-W-Event Simplify! Ganzheitliche Gestaltungskonzepte neue Trends im Webdesign Sabrina Schoenfelder Projektleitung, Beratung internezzo ag Grundstrasse 4b CH-6343 Rotkreuz Tel. +41 41 748 02 48 www.internezzo.ch

Mehr

Design & UX. Tim Schoch UX Designer IOZ AG Januar 2015

Design & UX. Tim Schoch UX Designer IOZ AG Januar 2015 Design & UX Tim Schoch UX Designer IOZ AG Januar 2015 Tim Schoch, UX Designer bei der IOZ AG Zuständig für das Schöne und das Praktische rund um SharePoint und Office 365 Aufgaben als UX-Designer: Umsetzen

Mehr

PRAKLA SEISMOS Downloadportal

PRAKLA SEISMOS Downloadportal PRAKLA SEISMOS Downloadportal Voraussetzungen Um die recht umfangreichen PDF Dokumente, mit einer Größe bis zu 60 MByte, ansehen zu können, müssen sie aus dem Internet geladen werden. Dazu ist eine schnelle

Mehr

Präsentationsziele Vorüberlegungen zum gewählten Thema

Präsentationsziele Vorüberlegungen zum gewählten Thema Präsentation Grundlagen und Tipps 1 Präsentationsziele Vorüberlegungen zum gewählten Thema Ich will mit meiner Präsentation erreichen, dass... Ziele müssen sein:... realistisch... auf die Zielgruppe abgestimmt...

Mehr

D. Stone et al. User Interface Design and Evaluation. Kap. 13+14 Interface-Komponenten

D. Stone et al. User Interface Design and Evaluation. Kap. 13+14 Interface-Komponenten D. Stone et al. User Interface Design and Evaluation Kap. 13+14 Interface-Komponenten Referat von Börge Kiss Universität zu Köln Historisch-Kulturwissenschaftliche Informationsverarbeitung User Interfaces

Mehr

Herzlich Willkommen! KALIBER42 - ein Kurzprofil

Herzlich Willkommen! KALIBER42 - ein Kurzprofil Herzlich Willkommen! KALIBER42 - ein Kurzprofil 11/2007 PINSKER Druck und Medien Die Agentur Inhabergeführt, seit 1998-5 Mitarbeiter - Full-Service - Cross-Media - Marketing-Leidenschaft Schwerpunkte -

Mehr

LCM-6 Digital Signage Software

LCM-6 Digital Signage Software Die richtige Information zur richtigen Zeit am richtigen Ort LCM-6 Digital Signage Software LCM-6 Player-Software LCM-6 Digital Signage Software Die richtige Information zur richtigen Zeit am richtigen

Mehr

Checkliste Webdesign. markus zellner MEDIADESIGN

Checkliste Webdesign. markus zellner MEDIADESIGN markus zellner MEDIADESIGN Schindackersweg 10 D - 41334 Nettetal telefon: +49 (0) 21 57. 88 63 64 mobil: +49 (0) 1 72. 2 67 75 24 fax: +49 (0) 21 57. 90 96 38 email: info@mz-mediadesign.de info@web-media-design.com

Mehr

Konzepte zur Datenhaltung für Webseiten in einem Web-Content- Management-System

Konzepte zur Datenhaltung für Webseiten in einem Web-Content- Management-System Konzepte zur Datenhaltung für Webseiten in einem Web-Content- Management-System Web-Content-Management-Systeme () dienen dazu, komplexe Websites zu verwalten und den Autoren einzelner Webseiten möglichst

Mehr

DATENFORMATE IM INTERNET

DATENFORMATE IM INTERNET DATENFORMATE IM INTERNET Steffen Petermann Projekt reisefieber:// BILDFORMATE JPG / GIF / PNG / SVG MULTIMEDIA FLASH / SHOCKWAVE TEXT-BASIERTE FORMATE HTMP / CSS / JS / CGI / PHP AUDIO & VIDEO MP3 / MOV

Mehr

Webdesign 1. PCC-Seminar Einheit 1 Di., 21.3.2006

Webdesign 1. PCC-Seminar Einheit 1 Di., 21.3.2006 Webdesign 1 PCC-Seminar Einheit 1 Di., 21.3.2006 Projekt Website Wir wollen eine Website gestalten und umsetzen! Aber wie fangen wir an? Grundsätzliches: Internet Print ein anderes Medium verlangt andere

Mehr

KURZANLEITUNG HOMEPAGEBUILDER

KURZANLEITUNG HOMEPAGEBUILDER KURZANLEITUNG HOMEPAGEBUILDER Hochwertige Homepages selbst erstellen und ändern: 300 unterschiedliche adaptierbare Designs für alle Themen und Branchen! > Individuelle Menüführung, Logo Maker und freie

Mehr

Manuela Hoffmann. Modernes Webdesign. Gestaltungsprinzipien, Webstandards, Praxis. Galileo Press

Manuela Hoffmann. Modernes Webdesign. Gestaltungsprinzipien, Webstandards, Praxis. Galileo Press Manuela Hoffmann Modernes Webdesign Gestaltungsprinzipien, Webstandards, Praxis Galileo Press Einleitung 11 TEIL I: Das Design 1 Webdesign und Webstandards 17 1.1 Webdesign, was ist das eigentlich? 17

Mehr

Digital Imaging Einführung

Digital Imaging Einführung Tutorium Digital Imaging Einführung 7./14. Juli 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Bilder bestehen aus Pixeln Die Maße eines Bildes bestimmen sich aus Breite x Höhe in Pixeln (Auflösung)

Mehr

Suchmaschinenoptimierung mit WebsiteBaker - Webmarketing -

Suchmaschinenoptimierung mit WebsiteBaker - Webmarketing - Suchmaschinenoptimierung mit WebsiteBaker - Webmarketing - Erfolgreiches Webmarketing mit einem eigenen Internetauftritt Die Voraussetzung für ein erfolgreiches Webmarketing ist immer eine => benutzer-freundliche

Mehr

10%, 7,57 kb 20%, 5,3 kb 30%, 4,33 kb 40%, 3,71 kb 50%, 3,34 kb. 60%, 2,97 kb 70%, 2,59 kb 80%, 2,15 kb 90%, 1,62 kb 99%, 1,09 kb

10%, 7,57 kb 20%, 5,3 kb 30%, 4,33 kb 40%, 3,71 kb 50%, 3,34 kb. 60%, 2,97 kb 70%, 2,59 kb 80%, 2,15 kb 90%, 1,62 kb 99%, 1,09 kb Die Komprimierung: Die Abkürzung JPG (oder auch JPEG) steht für "Joint Photographic Experts Group". Dieses Bildformat ist nach der Expertengruppe, die es erfunden hat, benannt. Die Komprimierung empfiehlt

Mehr

Rollover-Effekte für Schaltflächen mit Frontpage (2000/2002)... 2. Eine Hover-Schaltfläche erstellen... 2. Was ist in Ihrem Web passiert?...

Rollover-Effekte für Schaltflächen mit Frontpage (2000/2002)... 2. Eine Hover-Schaltfläche erstellen... 2. Was ist in Ihrem Web passiert?... Rollover-Effekte für Schaltflächen mit Frontpage (2000/2002)... 2 Eine Hover-Schaltfläche erstellen... 2 Was ist in Ihrem Web passiert?... 3 Eine Rollover-Schaltfläche erstellen... 4 Vorbereitung für eine

Mehr

Empfehlung der t3n-redaktion. Open. Web. Business.

Empfehlung der t3n-redaktion. Open. Web. Business. Empfehlung der t3n-redaktion Open. Web. Business. 1 TYPO3 kennenlernen [01:41 Std.] Zu Beginn des Trainings erfahren Sie, was TYPO3 als ein Content Management System (CMS) auszeichnet. Zudem lernen Sie

Mehr

Proseminar: Website-Managment-System. NetObjects Fusion. von Christoph Feller

Proseminar: Website-Managment-System. NetObjects Fusion. von Christoph Feller Proseminar: Website-Managment-System NetObjects Fusion von Christoph Feller Netobjects Fusion - Übersicht Übersicht Einleitung Die Komponenten Übersicht über die Komponenten Beschreibung der einzelnen

Mehr

Vertrauensförderung im Internet Ihr Schlüssel zum langfristigen Erfolg.

Vertrauensförderung im Internet Ihr Schlüssel zum langfristigen Erfolg. www.namics.com Vertrauensförderung im Internet Ihr Schlüssel zum langfristigen Erfolg. Telematiktage Bern 2006, KMU-Forum 10. März 2005 Jürg Stuker / Partner, CEO namics ag Bern, Frankfurt, Hamburg, St.Gallen,

Mehr

Usability Untersuchung eines Internetauftrittes nach DIN EN ISO 9241 Am Praxisbeispiel der Firma MAFI Transport-Systeme GmbH

Usability Untersuchung eines Internetauftrittes nach DIN EN ISO 9241 Am Praxisbeispiel der Firma MAFI Transport-Systeme GmbH Markus Hartmann Usability Untersuchung eines Internetauftrittes nach DIN EN ISO 9241 Am Praxisbeispiel der Firma MAFI Transport-Systeme GmbH Diplom.de Markus Hartmann Usability Untersuchung eines Internetauftrittes

Mehr

Usability im mobilen Web

Usability im mobilen Web Usability im mobilen Web Rezepte und Konzepte für die beste mobile Web Usability web mobile specialists Benno Bartels, 02.12.09 iphonedevcon, Köln Marketing Entwicklung Usability 2 Danke iphone! Usability:

Mehr

Marco Wilhelm Linke www.seo-marketing-guru.de

Marco Wilhelm Linke www.seo-marketing-guru.de Marco Wilhelm Linke www.seo-marketing-guru.de SEO in 4 Schritten 1 Idee finden Nach welchen Begriffen möchte ich gefunden werden? 2 Ideen prüfen Wonach suchen meine Kunden wirklich? 3 4 Kampagne erstellen

Mehr

Dr. Klaus Körmeier BlueBridge Technologies AG

Dr. Klaus Körmeier BlueBridge Technologies AG Dr. Klaus Körmeier BlueBridge Technologies AG Agenda Was ist ein SharePoint Wiki Anwendungsbeispiele und Erweiterungen Was ist beim Einsatz zu beachten Zusammenfassung Partner Partner BlueBridge AG SharePoint-Erfahrung

Mehr

Björn Seibert Manuela Hoffmann. Professionelles Webdesign I mit (X)HTML und CSS [

Björn Seibert Manuela Hoffmann. Professionelles Webdesign I mit (X)HTML und CSS [ Björn Seibert Manuela Hoffmann Professionelles Webdesign I mit (X)HTML und CSS [ Inhalt Vorwort 11 Über das Buch 11 Über die Autoren 12 Teil I Bevor es losgeht... 15 1 Einfach moderne Websites 19 1.1 Auf

Mehr

Digitale Medien. Inhalt. Web-Usability. Usability. Usability. Verbreitete Usability-Fehler. Tote Links oder fehlende Bilder.

Digitale Medien. Inhalt. Web-Usability. Usability. Usability. Verbreitete Usability-Fehler. Tote Links oder fehlende Bilder. Inhalt Digitale Medien 6. WEB USABILTY/DESIGN Webdesign Probleme, häufige Fehler Richtlinien Organisation von Informationen Bilder und ihre Parameter Barrierefreiheit Typographie Validierung 2 Usability

Mehr

sinnvoll? Wann ist der Einsatz von SharePoint als CMS How we did it: Realisierung einer Website mit SharePoint 2013

sinnvoll? Wann ist der Einsatz von SharePoint als CMS How we did it: Realisierung einer Website mit SharePoint 2013 Wann ist der Einsatz von SharePoint als CMS sinnvoll? How we did it: Realisierung einer Website mit SharePoint 2013 SharePoint Community, 12. Februar 2014 Alexander Däppen, Claudio Coray & Tobias Adam

Mehr

LCM-6 Digital Signage Software

LCM-6 Digital Signage Software Die richtige Information zur richtigen Zeit am richtigen Ort LCM-6 Digital Signage Software LCM-6 Administratoren-Software LCM-6 Player-Software LCM-6 Stand-Alone-Software LCM-6 Digital Signage Software

Mehr

Log Files geben Informationen

Log Files geben Informationen Online- Marketing Log Files geben Informationen welche Dateien wie oft abgerufen wurden wie lange die Besucher blieben von welcher Seite sie kamen (Refering- Websites) mit welchem Browser sie surfen welches

Mehr

ImageReady. office@wofi.at www.wofi.at

ImageReady. office@wofi.at www.wofi.at ImageReady office@wofi.at www.wofi.at Inhaltsverzeichnis Inhaltsverzeichnis 0. EINLEITUNG...3 0.1. Was ist ImageReady?...3 0.2. So wechseln Sie zwischen ImageReady und Photoshop...3 0.3. Slices...3 0.3.1.

Mehr

Java Applet Generator

Java Applet Generator Ihr Modell als Simulation im Netz... System Design Toolkit Java Applet Generator.vom Modell zum Prototyp im Browser Copyright 2006 Stefan Sachs UML ist ein eingetragenes Warenzeichen von Object Management

Mehr

Marketing im Internet

Marketing im Internet Existenzgründung Marketing im Internet Seien Sie von Anfang an gut aufgestellt. Einst lebten wir auf dem Land, dann in Städten und von jetzt an im Netz. Mark Zuckerberg im Film. The social Network. Projekt:

Mehr

BOSS 2 BSZ One Stop Search

BOSS 2 BSZ One Stop Search BOSS 2 BSZ One Stop Search 16. BSZ-Kolloquium in Stuttgart 22.09.2015 Cornelius Amzar 1 Responsive Design Smartphone, Tablet, Fernseher, PC, Laptop Benutzer erwarten einen gleichwertigen Dienst für alle

Mehr

Bildbearbeitung: Grafikformate II und Farbmodelle

Bildbearbeitung: Grafikformate II und Farbmodelle Michael Gieding Bildbearbeitung: Grafikformate II und Farbmodelle Folien zur gleichnamigen Lehrveranstaltung PH-Heidelberg, Sommersemester 2004 Wiederholung Folie 1: Speicherplatzberechnungen Grafikformate

Mehr

Web-Usability und Web-Styleguides

Web-Usability und Web-Styleguides Seminararbeit im Fach Mensch-Maschine-Interaktion an der Fachhochschule Trier Web-Usability und Web-Styleguides Hans-Jürgen Stemmer, Dipl. Inf (FH) Juli 2004 Web-Usability und Web-Styleguides Im Internet

Mehr

Über den Autor 7. Einleitung 19

Über den Autor 7. Einleitung 19 Inhaltsverzeichnis Über den Autor 7 Einleitung 19 Über dieses Buch 19 Törichte Annahmen über den Leser 20 Konventionen in diesem Buch 20 Wie dieses Buch aufgebaut ist 21 Teil I: Eine Webseite an einem

Mehr

Komplett-Service für Online-Werbemittel basierend auf dynamischen CMS-Lösungen mit Drupal & WordPress

Komplett-Service für Online-Werbemittel basierend auf dynamischen CMS-Lösungen mit Drupal & WordPress Cybergrafic Web & Mobile Solutions Währinger Gürtel 33, 1180 Wien Komplett-Service für Online-Werbemittel basierend auf dynamischen CMS-Lösungen mit Drupal & WordPress Seite 1 / 10 Auf Grund der starken

Mehr

Web Datei Formate GIF JPEG PNG SVG. Einleitung. GIF Graphic Interchange Format. JPEG Joint Photographic Expert Group. PNG Portable Network Graphic

Web Datei Formate GIF JPEG PNG SVG. Einleitung. GIF Graphic Interchange Format. JPEG Joint Photographic Expert Group. PNG Portable Network Graphic Einleitung Graphic Interchange Format Joint Photographic Expert Group Portable Network Graphic scalabel Vector Graphic Fazit Übungsaufgabe Speichern Einleitung Das Web ist eines der wichtigsten Medien

Mehr

Veränderungen in orange markiert

Veränderungen in orange markiert 1 Wir haben die aktuellen Funktionen und Vergleichskriterien des CMS-Vergleich Portals für OpenCms 9.5 aufgelistet. OpenCms 9.5. ist ein modernes OpenSource Web Content Management System für Ihren Internetauftritt

Mehr

Workshop Web-Projekte

Workshop Web-Projekte Workshop Web-Projekte 1 Bekanntmachen Prof. Dr. Susann Kowalski - FH Köln - Fakultät für Wirtschaftswissenschaften - Organisation und Datenverarbeitung E-Learning Software-Engineering für Web-Projekte

Mehr

«Es gibt bereits alle guten Vorsätze,

«Es gibt bereits alle guten Vorsätze, Do s and dont s professioneller Webauftritte «Es gibt bereits alle guten Vorsätze, wir brauchen sie nur noch anzuwenden.» Pascal Blaise (1623 1662) 1 Inhalt Die Wichtigkeit von Webseiten Ihr Auftritt im

Mehr

http://www.jimdo.com Mit Jimdo eine Homepage erstellen Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo http://benutzername.jimdo.com Der Benutzername

http://www.jimdo.com Mit Jimdo eine Homepage erstellen Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo http://benutzername.jimdo.com Der Benutzername Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo Mit Jimdo ist das Erstellen einer eigenen Homepage ganz besonders einfach. Auch ohne Vorkenntnisse gelingt es in kurzer Zeit, mit einer grafisch sehr ansprechenden

Mehr

Erfolg im E-Business

Erfolg im E-Business Erfolg im E-Business So machen Sie aus Besuchern Kunden Mit dem 1&1 Werbe-Paket garantieren wir Ihnen monatlich eine feste Anzahl von qualifizierten Besuchern auf Ihrer Homepage. Alle diese Besucher haben

Mehr

Wissensmanagement mit Neuen Medien: Website-Konzeption

Wissensmanagement mit Neuen Medien: Website-Konzeption Wissensmanagement mit Neuen Medien Übung Wissensmanagement mit Neuen Medien: Website vs. Webseite Mit dem Begriff Website ist der Auftritt eines Unternehmens, einer Person oder einer Organisation im World

Mehr

Quickstart IMS Custom-Player Pro

Quickstart IMS Custom-Player Pro Quickstart IMS Custom-Player Pro Jedes IMS-MDN (Media Delivery Network) Konto bietet zum Abspielen von Flash Videos den Standard IMS Custom Player. Dieser Player wird von uns auf einem hoch performanten

Mehr

plusvalue COMMUNICATION Wintersemester 2012/13 Birger Schnepp

plusvalue COMMUNICATION Wintersemester 2012/13 Birger Schnepp plusvalue COMMUNICATION Wintersemester 2012/13 Birger Schnepp Inhalt und Struktur + Online Marketing/-Kommunikation + Werbeformen allgemein + Strategischer Einsatz von Werbeformen nach OnWW + Creative

Mehr

Anleitung TYPO3. Inhalt 2 Login 4. Übersicht 5. Dateiliste 5 Dateien (Fotos, PDF) integrieren 5. Datei hochladen 6

Anleitung TYPO3. Inhalt 2 Login 4. Übersicht 5. Dateiliste 5 Dateien (Fotos, PDF) integrieren 5. Datei hochladen 6 Inhalt Inhalt 2 Login 4 Übersicht 5 Dateiliste 5 Dateien (Fotos, PDF) integrieren 5 Datei hochladen 6 Bild oder PDF auf den Server laden 6 Exkurs: Bilder herunter rechnen 7 Web 7 Module 7 Seite 7 Liste

Mehr

Schön, dass Sie da sind. 16. Juni 2008. E-Commerce im Handel SS 2008 Lehrbeauftragte: Maria-Christina Nimmerfroh

Schön, dass Sie da sind. 16. Juni 2008. E-Commerce im Handel SS 2008 Lehrbeauftragte: Maria-Christina Nimmerfroh Schön, dass Sie da sind. 16. Juni 2008 E-Commerce im Handel SS 2008 Lehrbeauftragte: Maria-Christina Nimmerfroh Personalisierung (Online- Marketing) Anpassung des Angebotes/der Seite/der Elemente an den

Mehr

COMPUTER UND KOMMUNIKATION. Web-Seiten. Wie Web-Seiten gestaltet sein sollten, damit sie für Blinde und Sehbehinderte zugänglich sind

COMPUTER UND KOMMUNIKATION. Web-Seiten. Wie Web-Seiten gestaltet sein sollten, damit sie für Blinde und Sehbehinderte zugänglich sind 1 COMPUTER UND KOMMUNIKATION Wie gestaltet sein sollten, damit sie für Blinde und Sehbehinderte zugänglich sind COMPUTER UND KOMMUNIKATION 1 DAS INTERNET bietet blinden und sehbehinderten Menschen die

Mehr

Photoshop für Webdesigner. Briefing und Projektplanung 4o. Farbkonzepte und Farben 52 Farbmischung Farben im Web Farbwirkungen Farbkontraste.

Photoshop für Webdesigner. Briefing und Projektplanung 4o. Farbkonzepte und Farben 52 Farbmischung Farben im Web Farbwirkungen Farbkontraste. Photoshop für Webdesigner ie Voreinstellungen 16 Allgemein 17 Benutzeroberfläche 18 Dateihandhabung 19 Leistung 20 Zeigerdarstellung 20 Transparenz/Farbumfang-Warnung 20 Maßeinheiten t Lineale 21 Hilfslinien,

Mehr

User Interface Guidelines - Möglichkeiten und Grenzen

User Interface Guidelines - Möglichkeiten und Grenzen Folie Titel User Interface Guidelines - Möglichkeiten und Grenzen Ellen Reitmayr relevantive AG World Usability Day Berlin 3. November 2005 www.openusability.org Übersicht 1 Einführung Wozu User Interface

Mehr