HTML & CSS
Nach der Designabnahme und Festlegung von Strukturierung und Aufbau der Website werden anhand von HTML & CSS die vorgegebenen Elemente umgesetzt und sorgen für die professionelle Herstellung der Website.
Die führenden Sprachen zur Umsetzung von Websites
HTML (Hypertext Markup Language) ist eine textbasierte Auszeichnungssprache zur Strukturierung von Inhalten wie Texten, Bildern und Hyperlinks in Dokumenten. HTML Dokumente sind die Grundlage des World Wide Web und werden von einem Webbrowser dargestellt.
CSS (Cascading Style Sheets) ist eine Sprache zur strukturierten Umsetzung von Dokumenten. CSS setzt das Aussehen eines Dokuments um, wobei HTML die Bedeutung eines Abschnittes festlegt. Inhalt und optische Gestaltung werden demnach getrennt voneinander umgesetzt und erscheinen anschließend als „sichtbare Einheit“ auf der Website. CSS stellt, wie auch HTML eine Standardsprache für Websites dar und wird sehr häufig verändert. Websites, die auf gängigen Sprachen basieren haben damit den Vorteil, dass sie von unterschiedlichen Administratoren verwaltet und umgebaut werden können. Eine Bindung an eine bestimmte Agentur findet daher nicht statt.
Vorteile und Nutzen von HTML & CSS
- HTML wurde für das Internet entwickelt
- Weltweiter Standard
- Plattformunabhänging
- Einfache Programierung
- Kurze Ladezeit für reine HTML-Seiten
- CSS bietet mehr Gestaltungsmöglichkeiten
- Mit CSS können Designänderungen schneller umgesetzt werden
- CSS ermöglicht barrierefreie Websites
Was wir für Sie tun können. Leistungen von Datenkraft
| Richtlinien und Standards | |
|---|---|
| XHTML 1.1 Transistional | Ja |
| CSS Level 2 Revision 1 | Ja |
| UTF-8 Zeichensatz | Ja |
| WCAG 2.0 Level AA (erforderliche Barrierefreiheit für öffentliche Auftraggeber) | Ja |
| Easy2See | Ja |
| Validatoren & Analysen | |
|---|---|
| W3C HTML Validator | Ja |
| W3C CSS Validator | Ja |
| Linkvalidierung | Ja |
| Webpagetest.org | Ja |
| Browserkompatibilität | |
|---|---|
| Cross-Browser kompatible Umsetzung | Ja |
| Internet Explorer 7.0 - 9.0 (Windows XP, Vista, 7) | Ja |
| Google Chrome 5.0 - 13.0 (Windows XP, Vista, 7) | Ja |
| Firefox 3.6 - 6.0 (Windows XP, Vista, 7 & Mac OS X 10.6) | Ja |
| Safari 4.0 - 5.0 (Mac OS X 10.6) | Ja |
| Mobile Browser (iPhone, iPad, Android, Nokia, Blackberry, …) | Ja |
| erweiterte Browserunterstützungen (Opera, Internet Explorer 6, Screenreader, …) | Ja |
| Darstellungsoptimierung für den Druck per CSS | Ja |
| Interaktionselemente | |
|---|---|
| JavaScript mit jQuery | Ja |
| konfigurierbare Flashkomponenten | Ja |
| Video- und Audiointegration | Ja |
| Blätterkatalog für PDF Dokumente | Ja |
| Vorlesen von Texten | Ja |
| HTML 5 Elemente (Video, Canvas, ...) | Ja |
| Darstellung von TrueType Schriftarten | Ja |
| Schriftvergrößerung mit AAA Element | Ja |
| Optimierungen | |
|---|---|
| CSS3 zur Verringerung von grafischen Elementen | Ja |
| Ladezeitreduktion (CSS Sprites, Minimierung von CSS & JavaScript,...) | Ja |
| Parallelisierung von Serveranfragen | Ja |
| CDN - Content Delivery Network | Ja |
Richtlinien & Standards
Diverse öffentliche Stellen geben Richtlinien & Standards für Websites vor um diese für eine große Bandbreite von Nutzern zugänglich zu machen.
UTF-8 ist eine Zeichenkodierung für Unicode. Damit können wir alle Zeichen aus Unicode benutzen, ohne sie zu maskieren: das deutsche Alphabet und das chinesische, Währungszeichen, Musiknoten, Pfeile und Schachfiguren.
Richtlinien für barrierefreie Webinhalte (WCAG) 2.0. Die Richtlinien für barrierefreie Webinhalte (WCAG) 2.0 decken einen großen Bereich von Empfehlungen ab, um Webinhalte barrierefreier zu machen. Dies bedeutet. dass auch Menschen mit Behinderung Websites ohne Einschränkungen bedienen können. Hierzu zählen Blindheit und Sehbehinderung, Gehörlosigkeit und nachlassendes Hörvermögen, Lernbehinderungen, kognitive Einschränkungen, eingeschränkte Bewegungsfähigkeit, Sprachbehinderungen, Photosensibilität und Kombinationen aus diesen Behinderungen. Darüber hinaus werden durch die Einhaltung dieser Richtlinien Ihre Webinhalte in vielen Fällen für Nutzer im Allgemeinen leichter benutzbar gemacht.
Validatoren & Analysen
Durch den Einsatz diverser Validatoren und Analyseverfahren ist es möglich Seiten auf fehlerhaftes HTML oder CSS, sowie kaputte Links zu überprüfen. Weiters können Geschwindigkeit und weitere Attribute der Seite auf Fehler und Ungenauigkeiten analysiert werden.
Browserkompatibilität
Cross-Browser bezeichnet die Fähigkeit von in Websites eingebetteten Inhalten (insbesondere Cascading Style Sheets (CSS) und JavaScript), unabhängig vom jeweiligen Browsertyp und Betriebssystem die gleiche Ausgabe zu erzeugen beziehungsweise sich weitestgehend identisch zu verhalten.
Interaktionselemente
Optimierungen
CSS unterstützt den optimierten Einsatz von grafischen Elementen, da diese in eine "einfachere" Form gebracht werden können und die Geschwindigkeit der Darstellung diverser Elemente erhöht wird. Beispielsweise können durch neue Angaben für Rundungen und Verläufe Bilder ausschließlich mit CSS dargestellt werden. Dadurch verringert sich auch die Ladezeit und die Seite wird dynamischer und ist leichter zu warten.