Zum Inhalt springen
Der Guide für ein smartes Leben.
Besser als Ajax

Teil 2: Was muss eine moderne Homepage bieten?

Autor: Redaktion pcmagazin • 2.1.2007 • ca. 0:45 Min

Die Basis für eine professionelle Homepage stellt zunächst eine weitgehend W3C-konforme Webseite dar. Trennen Sie konsequent Inhalte von Formatierungen (CSS-Layouts) und benutzen Sie Tabellen nur dort, wo auch wirklich Tabellen per se erforderlich sind. Wenn Sie auf diese Weise plattform- und brow...

Die Basis für eine professionelle Homepage stellt zunächst eine weitgehend W3C-konforme Webseite dar. Trennen Sie konsequent Inhalte von Formatierungen (CSS-Layouts) und benutzen Sie Tabellen nur dort, wo auch wirklich Tabellen per se erforderlich sind. Wenn Sie auf diese Weise plattform- und browserkompatible Webseiten entwickeln können, sind sie technisch allemal dauerhaft up to date. Unter Verzicht auf zu viel (typo-) grafische Spielerei, lassen sich die beliebten Mouse- Over-Buttons der Menüleiste mittels CSS-Anweisung in allen erdenklichen Variationen leicht realisieren. Im Gegensatz zu mühsam ausgeschnittenen pixelgrafischen und Java- Script-generierten MouseOver-Schaltflächen, lassen sich CSS-generierte Menüleisten im Stylesheet zentral und einfach steuern, verändern und anpassen. Kurz z.B. :

Was muss eine moderne Homepage bieten?
© Archiv
input { width: 142px;
color: #585858;
border: 1px solid #bfbfbf;
background-color: #fff;
padding: 4px;
font: 11px Arial,Helvetica,sans-serif;}
input:hover { background: #eee;}
input:focus { background: #eee; color:
#000;}

Formfelder lassen sich generell per CSS formatieren. Durch "input:hover" und "input:focus" im Stylesheet erhöhen Sie den optischen Reiz und den Bedienkomfort Ihres Kontaktformulars (gute Beispiele auf www. josef-hegenbarth.de z.B. beim Newsletter oder der Registrierung).