SlideShare ist ein Scribd-Unternehmen logo
1 von 11
Fehler im Webdesign
     An einem
     praktischen Beispiel
     Fehler aufgezeigt.
Startseite
Ganz schlechter
Titel!



Ganz hässlicher
Schriftzug!



Ganz dummer
Spruch!
Startseite



             
Klick...
Ganz schlechter
Titel!



Frames!
Und so sah’s 2001 aus...
3 Frames
bedeutet:

3 HTML-Seiten,
3 Head-Bereiche,
3 Server-
Anfragen
Und so „sieht’s“ ein
      Blinder...
Nicht sehr
aufschlussreich...

Auch nicht
besser...
Navigation
 Klick auf einen Navigationspunkt
  ändert immer 2 Frames.
 Normalerweise funktioniert das per
  JavaScript.
 Hier: Kompliziert, dafür auch bei
  ausgeschaltetem JS bedienbar,
  durch Zusatzframe.
Noch eine Version
Bescheidene
Farbgebung!



Wieder Frames...




Imagemap als
Navigation ist
von Screen-
readern so gut
wie nicht zu
entziffern
Eine weitere Version
Alles in allem:
Hässliches
Design


Keine Frames!




Lustige (???)
Gesichter...
Layout-
tabellen
Benutzen von
unsichtbaren
Tabellen als
Gestaltungs-
raster

18 (!!) Tabellen
mit 83 (!!!)
<td/>-Tags

Viel Bandbreite
dadurch
verschwendet...
Layout-
tabellen
Benutzen von
unsichtbaren
Tabellen als
Gestaltungs-
raster

Wesentlich
weniger
Tabellen!

Weitere ähnliche Inhalte

Andere mochten auch

DOAG News 2012 - Analytische Mehrwerte mit Big Data
DOAG News 2012 - Analytische Mehrwerte mit Big DataDOAG News 2012 - Analytische Mehrwerte mit Big Data
DOAG News 2012 - Analytische Mehrwerte mit Big DataHarald Erb
 
Funciones de excel ada extra
Funciones de excel ada extraFunciones de excel ada extra
Funciones de excel ada extraMonserrat Chavez
 
Diapositiva equipo 12
Diapositiva equipo 12Diapositiva equipo 12
Diapositiva equipo 12Betty93Flores
 
Ingolstadt privatheit 2011_print
Ingolstadt privatheit 2011_printIngolstadt privatheit 2011_print
Ingolstadt privatheit 2011_printJan Schmidt
 
Morning linedealfonsorodriguezveralar28nov15[1]
Morning linedealfonsorodriguezveralar28nov15[1]Morning linedealfonsorodriguezveralar28nov15[1]
Morning linedealfonsorodriguezveralar28nov15[1]Winston1968
 
Neue Kataloge – wo geht die Reise hin?
Neue Kataloge – wo geht die Reise hin?Neue Kataloge – wo geht die Reise hin?
Neue Kataloge – wo geht die Reise hin?Martin Blenkle
 
Paola proyecto BLOQUE 3
Paola proyecto BLOQUE 3Paola proyecto BLOQUE 3
Paola proyecto BLOQUE 3Paolachable
 
Actividad de aprendizaje 1
Actividad de aprendizaje 1Actividad de aprendizaje 1
Actividad de aprendizaje 1231425
 
Habilidades Técnicas
Habilidades TécnicasHabilidades Técnicas
Habilidades TécnicasPaulRL
 
Feac primaria 11 març 2014
Feac primaria 11 març 2014Feac primaria 11 març 2014
Feac primaria 11 març 2014JORDIMELE
 

Andere mochten auch (17)

Lengua
LenguaLengua
Lengua
 
DOAG News 2012 - Analytische Mehrwerte mit Big Data
DOAG News 2012 - Analytische Mehrwerte mit Big DataDOAG News 2012 - Analytische Mehrwerte mit Big Data
DOAG News 2012 - Analytische Mehrwerte mit Big Data
 
Funciones de excel ada extra
Funciones de excel ada extraFunciones de excel ada extra
Funciones de excel ada extra
 
Diapositiva equipo 12
Diapositiva equipo 12Diapositiva equipo 12
Diapositiva equipo 12
 
Ingolstadt privatheit 2011_print
Ingolstadt privatheit 2011_printIngolstadt privatheit 2011_print
Ingolstadt privatheit 2011_print
 
ZODIAC
ZODIACZODIAC
ZODIAC
 
Shell
ShellShell
Shell
 
Morning linedealfonsorodriguezveralar28nov15[1]
Morning linedealfonsorodriguezveralar28nov15[1]Morning linedealfonsorodriguezveralar28nov15[1]
Morning linedealfonsorodriguezveralar28nov15[1]
 
Neue Kataloge – wo geht die Reise hin?
Neue Kataloge – wo geht die Reise hin?Neue Kataloge – wo geht die Reise hin?
Neue Kataloge – wo geht die Reise hin?
 
Paola proyecto BLOQUE 3
Paola proyecto BLOQUE 3Paola proyecto BLOQUE 3
Paola proyecto BLOQUE 3
 
Typographie
TypographieTypographie
Typographie
 
Ambiente de excel
Ambiente de excelAmbiente de excel
Ambiente de excel
 
Metodologia de la Investigacion
Metodologia de la InvestigacionMetodologia de la Investigacion
Metodologia de la Investigacion
 
Actividad de aprendizaje 1
Actividad de aprendizaje 1Actividad de aprendizaje 1
Actividad de aprendizaje 1
 
Habilidades Técnicas
Habilidades TécnicasHabilidades Técnicas
Habilidades Técnicas
 
Feac primaria 11 març 2014
Feac primaria 11 març 2014Feac primaria 11 març 2014
Feac primaria 11 març 2014
 
ADA 1
ADA 1ADA 1
ADA 1
 

Mehr von Eric Eggert

DrupalCamp Vienna 2015
DrupalCamp Vienna 2015DrupalCamp Vienna 2015
DrupalCamp Vienna 2015Eric Eggert
 
How to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazyHow to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazyEric Eggert
 
Github introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWGGithub introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWGEric Eggert
 
Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0Eric Eggert
 
How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15Eric Eggert
 
New developments in Web Accessibility
New developments in Web AccessibilityNew developments in Web Accessibility
New developments in Web AccessibilityEric Eggert
 
Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Eric Eggert
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Eric Eggert
 
Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)Eric Eggert
 
How I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with NotesHow I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with NotesEric Eggert
 
How I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notesHow I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notesEric Eggert
 
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...Eric Eggert
 
Fronteers Jam Session: Principles of Accessible Web Design
Fronteers Jam Session: Principles of  Accessible Web DesignFronteers Jam Session: Principles of  Accessible Web Design
Fronteers Jam Session: Principles of Accessible Web DesignEric Eggert
 
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01Eric Eggert
 
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...Eric Eggert
 
Webtech ’09 – Die Zukunft des Webs beginnt jetzt
Webtech ’09 – Die Zukunft des Webs beginnt jetztWebtech ’09 – Die Zukunft des Webs beginnt jetzt
Webtech ’09 – Die Zukunft des Webs beginnt jetztEric Eggert
 
Nutze die Macht @ IKT-Forum 09 Linz
Nutze die Macht @ IKT-Forum 09 LinzNutze die Macht @ IKT-Forum 09 Linz
Nutze die Macht @ IKT-Forum 09 LinzEric Eggert
 

Mehr von Eric Eggert (20)

ARIA Serious
ARIA SeriousARIA Serious
ARIA Serious
 
What is EOWG?
What is EOWG?What is EOWG?
What is EOWG?
 
What is EOWG?
What is EOWG?What is EOWG?
What is EOWG?
 
DrupalCamp Vienna 2015
DrupalCamp Vienna 2015DrupalCamp Vienna 2015
DrupalCamp Vienna 2015
 
How to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazyHow to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazy
 
Github introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWGGithub introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWG
 
Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0
 
How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15
 
New developments in Web Accessibility
New developments in Web AccessibilityNew developments in Web Accessibility
New developments in Web Accessibility
 
Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)
 
Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)
 
How I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with NotesHow I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with Notes
 
How I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notesHow I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notes
 
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
 
Fronteers Jam Session: Principles of Accessible Web Design
Fronteers Jam Session: Principles of  Accessible Web DesignFronteers Jam Session: Principles of  Accessible Web Design
Fronteers Jam Session: Principles of Accessible Web Design
 
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
 
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
 
Webtech ’09 – Die Zukunft des Webs beginnt jetzt
Webtech ’09 – Die Zukunft des Webs beginnt jetztWebtech ’09 – Die Zukunft des Webs beginnt jetzt
Webtech ’09 – Die Zukunft des Webs beginnt jetzt
 
Nutze die Macht @ IKT-Forum 09 Linz
Nutze die Macht @ IKT-Forum 09 LinzNutze die Macht @ IKT-Forum 09 Linz
Nutze die Macht @ IKT-Forum 09 Linz
 

Fehler im Webdesign (Historisches Dokument)