function zeig_css_anwendung(){document.getElementById("ueberschrift1").innerHTML='CSS Anwendungsbeispiele';document.getElementById("bildrechts").src='./images/services.jpg';document.getElementById("bildrechts").width='156';document.getElementById("bildrechts").height='104';document.getElementById("text").innerHTML='<p> CSS findet sich in nahezu jeder etwas bedeutenderen Internetpr&auml;senz wieder. Optimalerweise wird von der Hierarchie der auf einer Website angezeigten Elemente abgesehen das komplette Layout mittels einer oder mehrerer CSS-Dateien definiert. </p> <hr></hr> <br class="nofloat" /> <p> Nachfolgend finden Sie nur eine kleine &Uuml;bersicht der unseres Erachtens bedeutendsten, sich mit CSS bietenden M&ouml;glichkeiten. <br class="nofloat" /> </p> <br /> <h4>Dynamic HTML (DHTML)</h4> <p> Mit CSS lassen sich nicht nur Farben, Schriftarten, Abst&auml;nde etc. definieren. In Verbindung mit <a href="programmierung-javascript.php" title="JavaScript Programmierung">JavaScripts</a> und/oder <a href="programmierung-ajax.php" title="AJAX Programmierung">AJAX</a> k&ouml;nnen auch mit einfachen Mitteln Aufklapp-Men&uuml;s oder MouseOver-Effekt eingerichtet werden. Bei vern&uuml;nftigem Einsatz sorgt dieses sogenannte DHTML (englisch: „Dynamic HTML”) f&uuml;r eine bessere Benutzerfreundlichkeit (englisch: „Usability”) einer Website. </p> <p> Das naheliegendste Beispiel ist nat&uuml;rlich die Seite, auf der Sie sich gerade befinden. Auf <i class="werbe_markt">Werbe-Markt.de</i> ist das Layout vom Inhalt der Website weitestgehend getrennt. Die dabei verwendete CSS-Datei k&ouml;nnen Sie <a href="./css/style.css">hier</a> einsehen. </p> <p> Sie interessieren sich f&uuml;r die Verwendung von DHTML in Ihrer Website, um Aufklapp-Men&uuml;s, Slide-Shows, Ticker und vieles mehr zu integrieren? Dann lesen Sie bitte die unter <a href="dhtml.php">DHTML</a> bereitgestellten Informationen. <br class="nofloat" /> </p> <br /> <h4>Trennung von Design und Inhalt</h4> <p> Eine immer gr&ouml;&szlig;ere Rolle bei der Programmierung von Webseiten spielt die Trennung des Designs vom eigentlichen Inhalt. Die Ursache hierf&uuml;r ist unter anderem im rasanten Wachstum des mobilen Zugriffs auf das Internet zu suchen. Dabei werden im Februar 2012 Ger&auml;te und Software eingesetzt, von deren Existenz vor wenigen Jahren nur zu tr&auml;umen war. </p> <p> Es kann also nicht mehr davon ausgegangen werden, dass jeder Besucher Ihrer Internetseite an einem Rechner sitzt und einen Monitor vor sich stehen hat. Vielmehr m&ouml;chte der Anwender m&ouml;glicherweise nur den reinen Inhalt Ihrer Website einsehen, um die gew&uuml;nschten Informationen zu erhalten, w&auml;hrend ihn Bilder etc. gar nicht interessieren. Dies gilt es als Website-Betreiber unbedingt zu ber&uuml;cksichtigen. </p> <p> Neben dem <a href="rss-feeds-erstellen.php">Erstellen von RSS-Feeds</a>, die den Abonnenten kurz und b&uuml;ndig &uuml;ber Neuigkeiten auf Ihrer Website informieren, ist eine moderne Struktur mit dem Doctype XHTML und einer oder mehrerer CSS-Dateien einer veralteten HTML-Auszeichnungen unbedingt vorzuziehen. </p> <div class="beispiel"><div class="beispiel2"> Die fr&uuml;her in <code>HTML</code> &uuml;blichen Tags f&uuml;r graphische Darstellungen wie z.B. der <code>&lt;font&gt;</code>-Tag gelten inzwischen als veraltet. Nat&uuml;rlich werden sie in den kommenden Jahren weiterhin von den Browser unterst&uuml;tzt werden. Bei der Neuprogrammierung sollten Sie jedoch unbedingt vermieden und stattdessen CSS verwendet werden. </div></div> <p> Ihre Website verwendet noch ein „altes” HTML-Ger&uuml;st und Sie spielen mit dem Gedanken, die Umstellung auf XHTML und ggf. Ausbettung des Designs in eine CSS-Datei einem Fachmann zu &uuml;berlassen? Dann lesen Sie bitte die unter <a href="xhtml-umstellung.php">Umstellung auf XHTML</a> bereitgestellten Informationen. <br class="nofloat" /> </p> <br /> <h4>Integration eines neuen Designs</h4> <p> Sie m&ouml;chten das Layout Ihrer Website ver&auml;ndern und dabei die neueste Technik einsetzen? Unabh&auml;ngig davon, ob Sie bereits CSS einsetzen oder nicht, &uuml;bernehmen wir gerne die Integration einer von Ihnen zu &uuml;bermittelten Design-Vorlage. In einfachen F&auml;llen gen&uuml;gt schon eine einfache Grafik, aus der die gew&uuml;nschte Farbe, Struktur und Schriftarten hervorgehen. Bitte beachten Sie die zu diesem Thema ver&ouml;ffentlichten Informationen unter <a href="web-design.php">Webdesign Integration</a>. Dort haben Sie die M&ouml;glichkeit, uns eine Kontakt-Anfrage zwecks Einbinden eines (neuen) Layouts in Ihre Website zu senden. <br class="nofloat" /> </p>';return false;}
