2000

CSS-Design wurde mit Netscape 6 (Nachfolger von Netscape 4) praxistauglich. Bis dahin war, neben der allgemein mangelnden Unterstützung durch die Browser, kaum ein Webdesigner in der Lage, CSS-Designs zu erstellen. Mit CSS gestaltete Seiten sind generell schneller geladen und zusammen mit den höheren Bandbreiten führte diese Technik zu einem deutlich schnelleren Web.
Durch die Trennung von Inhalt und Layout und der Unterstützung in allen neueren Browsern, ist das Potenzial von CSS gegeben, Tabellen zu Layoutzwecken komplett zu verdrängen. Flash und JavaScript können hingegen mit CSS nicht ersetzt werden.

Notwehr: Tabellen und Fonts

Das Web ist von Wissenschaftlern für Wissenschaftler erfunden worden, und Wissenschaftler sind oft mehr am Inhalt als am Aussehen interessiert. Webseiten waren damals fast alle gleich: grauer Hintergrund, schwarze Schrift und blaue Hyperlinks, die lila wurden, wenn sie auf eine bereits besuchte Seite zeigten.

Als Mitte der 90er das Web plötzlich zum weltweiten Boom wurde, wurde der Ruf nach Gestaltung der optisch doch eher schlichten Webseiten immer lauter. Das für Standards im Web zuständige World Wide Web Consortium arbeitete bereits an CSS, einer Sprache für die ansprechende Gestaltung von HTML-Elementen. Aber die Welt wollte bunte Seiten, und zwar sofort. Irgendeine tolle neue Sprache, die irgendwann mal fertig sein würde, war ihr egal. Als Netscape "font" zur Gestaltung von Schriften und "table" zur Darstellung von Tabellen erfand, waren (fast) alle begeistert, und das klassische Webdesign begann sich herauszubilden:

  • Schriftgestaltung mit "font"
  • Positionierung mit unsichtbaren HTML-Tabellen

Der Quelltext dieser Seiten ist für Menschen so gut wie unlesbar, und nachträgliche Änderungen am Layout wurden schnell zum Albtraum.Das eigenständige Unterhalten einer Webseite durch den Kunden war kaum möglich

Ab ca. 2005

Browserübergreifend kann JavaScript in Kombination mit dem XML-http-Request eingesetzt werden. Die als Asynchronous JavaScript and XML (AJAX) bezeichnete Technik macht ein dynamisiertes und barrierefreies Austauschen von Inhalten auf einer Seite möglich. Es handelt sich zwar nicht um eine Layout-Technik, aber die prinzipiell beliebige Verwandlung einer Seite hat grossen Einfluss auf die inhaltliche Gestaltung. Ausserdem ist durch die Manipulation von Attributen und anderer Knoten im DOM-Baum des Browsers das grafische Design austauschbar.

Zurück zum Papierdenken

In gewisser Weise bedeutete diese Art der Gestaltung einen Schritt zurück in die vertraute Welt des Papierdenkens. Visuelle Editoren verstecken den Quelltext und verstärken die Papiermetapher, indem sie so tun, als seien sie eine ganz normale Textverarbeitung. Zahllose Homepagebastler wundern sich noch heute darüber, dass ihre Webseite zu Hause im Editor anders aussieht als beim Nachbarn im Browser.

Die Schriftgestaltung per CSS hat sich Ende der 90er relativ schnell durchgesetzt. Bei guter Planung war das eine echte Arbeitserleichterung, denn ein Style Sheet kann beliebig viele Webseiten gestalten.Formatierung per Fernsteuerung. Es gab zwar mit CSS theoretisch auch die Möglichkeit, Objekte auf einer Webseite zu positionieren, aber die Browser sprachen damals so schlecht CSS, dass der Versuch zu nicht vorhersehbaren Ergebnissen führte. Mehrspaltige Layouts wurden also weiterhin mit Tabellen realisiert.

 

ACCENTIS Schweiz AG
accentis_03
accentis_04
annette_bartholdy_01
annette_bartholdy_02
asiancatering_01
asoni_2000_01
asoni_2000_02
asoni_2000_03
asoni_2000_04
asoni_2000_05
asoni_2001_01
asoni_2002_01
asoni_2003_01
asoni_2003_02
asoni_2004_01
asoni_2004_02
asoni_2004_03
asoni_2005_01
asoni_2005_02
bcarchitekten_01
bcarchitekten_02
bcarchitekten_03
bcarchitekten_04
bcarchitekten_05
bilder-service_01
bilder-service_02
bilder-service_03
brupbacher_wilhelm_01
brupbacher_wilhelm_02
brupbacher_wilhelm_03
c-minded_01
c-minded_02
cb_technik_01
cb_technik_02
cb_technik_03
cb_technik_05
cb_technik_06
comparch_01
comparch_02
compass_01
compass_02
cs_siebdruck_01_intro
cs_siebdruck_02
cs_siebdruck_03
cs_siebdruck_04
cs_siebdruck_05
cs_siebdruck_06
cs_siebdruck_07
cs_siebdruck_08
cs_siebdruck_09
drivers_fun_day_01
drivers_fun_day_02
dubs_01
dubs_02
dubs_03
dvp_01
dvp_02
dvp_03
enea_01
enea_01a
enea_02
enea_03
enea_04
enea_05
enea_06
enea_07
enea_collezione_01
enea_collezione_02
enea_collezione_03
enea_collezione_04
enea_collezione_05
enea_collezione_06
enea_collezione_07
enea_collezione_08
enea_collezione_09
enea_collezione_10
ernesto_01
ernesto_02
erz_01_2001
erz_02_2001
firmenbroker_01
firmenbroker_02
franco_rinaldo_01
franco_rinaldo_02
gasthaus_adler_01
gasthaus_adler_02
goldenbohm_01_2005
goldenbohm_02_2005
goldenbohm__01_1999
goldenbohm__02_1999
gourmet_lachs_01
gourmet_lachs_02
gruenprojekt_01
gruenprojekt_02
hair-a_01
hair-a_02
heco_01
heco_02
heggli_00
heggli_01
heggli_02
heggli_04
holzbaumann_01
holzbaumann_02
homesweethome_01
homesweethome_02
horgen_gemeinde_01
horgen_gemeinde_02
immobiliaris_2007_01
immobiliaris_2007_02
immobiliaris_bis_2007_01
immobiliaris_bis_2007_02
immobiliaris_bis_2007_03
immobiliaris_bis_2007_04
im_hagenstal_01
im_hagenstal_02
im_hagenstal_03
im_hagenstal_04
info_kompass_01
info_kompass_02
institut_korporelle_energie
institut_korporelle_energie_01
kirchgemeinde_01
kirchgemeinde_02
kitapersonal_01
kitapersonal_02
kuenzle_druck_01
kuenzle_druck_02
muedespacher_01
muedespacher_02
muedespacher_03
muedespacher_04
musiktraum_01
musiktraum_02
musiktraum_03
nora_immobilien_00
nora_immobilien_01
oberland_zeitung_01
oberland_zeitung_03
office4you_01
office4you_02
office4you_03
oliverbu_01
pruefag_2000_01
pruefag_2000_02
pruefag_2003_01
pruefag_2003_02
pruefag_2003_03
putzfrauenagentur_01
relag_01
relag_02
rinaldo_treuhand_01
rinaldo_treuhand_02
transpobera_01
transpobera_03
triadvice_ag_01
triadvice_ag_02
venezia_01
wachteleier_02
warex_01
warex_02
widmer_technik_ag_01
winterhalder_carreisen_01
wirz_01
xplot_01
xplot_02
zwygart_architekturatelier_
zwygart_architekturatelier_01
zwygart_architekturatelier_02
Image 001
Image 001
 
 
Powered by Phoca Gallery

dynamic-duo webdesign/-publishing    Alte Landstrasse 1    8707 Uetikon am See    Telefon 044/920 58 77    E-Mail info@dynamic-duo.ch

abstandhalter

google-plus

abstandhalter facebook  abstandhalter twitter
Webseite erstellt und unterhalten durch
Webagentur dynamic-duo webdesign/-publishing Uetikon am See