04.02.2013 Aufrufe

Webdesign - Webseiten planen, gestalten - Free-Hack Library

Webdesign - Webseiten planen, gestalten - Free-Hack Library

Webdesign - Webseiten planen, gestalten - Free-Hack Library

MEHR ANZEIGEN
WENIGER ANZEIGEN

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.

HTML-Prototyp<br />

gezwungen sind, zuerst die Fehler zu finden und diese dann zu<br />

korrigieren. Achten Sie also auf eine sorgfältige Erstellung Ihres<br />

Prototyps, das ist für effizientes Arbeiten unverzichtbar. Zudem<br />

erhalten Sie durch validen Quelltext eine stabile Grundlage, auf<br />

der Sie Ihren Prototyp aufbauen können.<br />

7.3.6 Browser-Reset<br />

Jeder Browser besitzt ein internes Basisstylesheet, das auf jedes<br />

Element angewendet wird. Damit wird eine Grundstruktur erreicht,<br />

die allerdings von Browser zu Browser unterschiedlich ist. So werden<br />

Überschriften beispielsweise hervorgehoben, Textabsätze haben<br />

einen Abstand nach unten, Listen werden eingerückt etc.<br />

Bei der Umsetzung von Websites geraten Webautoren manchmal<br />

in Konflikt mit den Basisstyles des Browsers, wenn sie es verpassen,<br />

die Browservorgaben durch eigene Angaben zu überschreiben.<br />

Was bei der Kontrolle auf dem eigenen System wie gewollt aussieht,<br />

kann beim Nutzer unter anderen Bedingungen verfälscht<br />

werden. Aus diesem Grund kann es sinnvoll sein, dieses Stylesheet<br />

zu „resetten“, um eine einheitliche Arbeitsumgebung zu schaffen<br />

(Abb. 7.3.6a, b).<br />

Eric Meyer hat sich dieses Problems angenommen und einige CSS-<br />

Anweisungen für ein Browser-Reset bereitgestellt:<br />

html, body, div, span, applet, object, iframe, h1, h2, h3, h4,<br />

h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,<br />

cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,<br />

small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul,<br />

li, fieldset, form, label, legend, table, caption, tbody, tfoot,<br />

thead, tr, th, td {<br />

PROTOTYPING 7<br />

Abb 7.3.6a, b: Standard-Stylesheet (rechts)<br />

und nach Eric Meyer resettetes Stylesheet im<br />

Firefox-Browser<br />

249

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!