Hauptkategorien |
| » Auto und Verkehr |
| » Business |
| » Computer |
| » Essen und Trinken |
| » Finanzen und Wirtschaft |
| » Freizeit und Hobby |
| » Gesundheit |
| » Handy & Telefon |
| » Internet |
| » Kunst und Kultur |
| » Medien |
| » Natur und Umwelt |
| » Recht & Rechtsanwalt |
| » Reisen und Urlaub |
| » Shopping |
| » Singles und Freundschaft |
| » Sonstiges |
| » Sport und Unterhaltung |
| » Städte & Länder |
| » Versicherungen |
| » Wissenschaft |
| Optionen |
| » Meist gelesene Artikel |
| » Artikel schreiben |
| » Registrieren |
|
Zufalls Artikel |
| Kinderwunsch |
|
Statistiken |
||
| » Artikel |
5328
|
|
| » Autoren |
6331
|
|
| » Besucher |
3415825
|
|
| » Kategorien |
22
|
|
| Veröffentlicht : June 20, 2010 |
Autor : web-und-design Kategorie : Internet | Bisher gelesen : 548 |
|
||
|
|
|||
HTML, CSS & JavaScript für Nicht-WebdesignerDer Zusammenhang zwischen HTML, CSS und JavaScript erschließt sich vielen Menschen nicht direkt, vor allem wenn man mit Webdesign eigentlich nichts oder wenig zu tun hat. Da standardkonforme Web-Entwicklung immer wichtiger wird, sollte jeder, der in die Planung und Entwicklung eines Website-Projekts involviert ist, zumindest grob verstehen was es mit den 3 Technologien auf sich hat:HTMLHTML-Code ist die Grundlage jeder Website. Es enthält die Grundstruktur und die Inhalte (Überschriften, Absätze, Bilder etc.) der Website, ohne jedoch zu definieren wie die Elemente bzw. die Website endgültig aussehen soll. Früher wurde auch das Aussehen, also der "Stil" der Website auch im HTML-Dokument definiert. Das führte allerdings dazu, dass bei jede Design-Änderung großen Aufwand nach sich zog, da jedes Element, dessen Aussehen geändert werden sollte, einzeln modifiziert werden musste. Deshalb sollte man bei neuen Websites darauf achten, dass Inhalt und Aussehen der Website in getrennten Dateien verwaltet werden, um eine einfache und effiziente Wartung der Seite zu ermöglichen.CSSMit CSS (Cascading Style Sheets) wird bei moderner, standardkonformer Programmierung das Design der Website definiert. Die Inhalte der HTML-Datei können mithilfe von CSS fast beliebig gestaltet werden. Mit CSS kann man Schriftarten und -größen, Hintergrundbilder und -farben, Größen, Abstände und vieles mehr für seine Website festlegen. Soll das Design geändert werden, müssen nur die entsprechenden Änderungen in der CSS-Datei vorgenommen werden, und das Design ändert sich auf allen Seiten der Website, die auf diese CSS-Datei zugreifen.JavaScriptJavaScript (nicht zu verwechseln mit Java) ermöglicht, eine Website interaktiv zu machen und Animationen hinzuzufügen. Normalerweise wird eine Internet-Seite einmal geladen, und ändert sich dann nicht mehr bis die nächste Seite geladen wird. Mit JavaScript kann man HTML-Elemente animieren, auf Benutzereingaben reagieren und auch CSS-Eigenschaften ändern bzw. hinzufügen oder entfernen. Leider unterstützt nicht jeder Browser JavaScript - und manche User deaktivieren es auch bewusst - sodass man immer auch bedenken sollte, was passiert wenn JavaScript nicht verfügbar ist.ZusammenfassungHTML, CSS und JavaScript sind also drei Webdesign-Technologien, die aufeinander aufbauen. Zuerst werden im HTML die Inhalte angelegt. Danach werden sie mit CSS ins gewünschte Design gebracht. Zu guter Letzt kann man die Website mit JavaScript aufwerten, indem man z.B. bei einem Suchfeld Vörschläge anbietet, noch bevor die Suchanfrage abgeschickt wurde.Entscheidend ist, dass bei der Website-Entwicklung auf abwärtskompatibilität geachtet wird: Auch wenn CSS und JavaScript nicht verfügbar sind - das betrifft nicht nur "Nerds" mit Textbrowsern und Handy-User, sondern auch sehr viele Menschen mit Seh-Beeinträchtigungen etc. - müssen alle wichtigen Inhalte vorhanden, sichtbar und benutzbar bleiben. CSS bringt dann wenn verfügbar ein schöneres Design und JavaScript weitere Hilfen und Effekte um das Surf-Erlebnis auf der Website weiter zu verbessern. Standardkonformes Webdesign ist also das A und O für eine gute Wartbarkeit der Seite, sorgt für barrierefreiheit und eine positive User Experience und zahlt sich mittelfristig aus, weil viel Zeit und Ressourcen für die Pflege der Website eingespart werden können.
|
|||
|
|
|||
|
Visitor's Comments !
| keine Kommentare... |