Webdesign 2010
Immer wieder trifft man im Netz auf die erstaunlichsten Seiten. Und dabei sind nicht die effekthascherischen Websites gemeint, die versuchen, mit allerlei »Schnickschnack« zu punkten. Immer mehr Websites schaffen es, den Inhalt in ein sehr modernes und ansprechendes Design zu verpacken. Weniger ist oft mehr und immer öfter trifft man dabei auf Websites, deren Layout genau das tut, was es tun soll: den Inhalt zu präsentieren. In diesem Artikel möchten wir darstellen, was nach unserer Meinung gutes, modernes Webdesign ausmacht. Ein paar Beispiele dürfen natürlich nicht fehlen.
Tipp 5: DIVitis? Ist meine Webseite krank?
Diagnosen, die auf »itis« enden, bezeichnen in der Medizin das Krankheitsbild der Entzündung. Wenn nun von Divitis die Rede ist, dann bezeichnet diese Wortkreation wohl tatsächlich eine Krankheit, die Krankheit des übermäßigen und vollkommen unkontrollierten Einsatzes von DIV-Tags zum Zusammenbasteln des Inhalts einer Webseite.
Tipp 4: Trennung von Inhalt und Layout
Eine perfekte Webseite bedeutet nicht zuletzt, dass neben der Angabe des benötigten DOCTYPEs, einem soliden (X)HTML-Code-Gerüst und natürlich fehlerfreiem Code die Struktur der Webseite besondere Aufmerksamkeit erhält. Strukturelle Überlegungen dienen hierbei vor allem dazu, die Webseite auch aus Sicht des Codes übersichtlich zu halten, und dem Inhalt eine Struktur zu verleihen. Nicht zuletzt ergibt sich der Inhalt eines Dokumentes vor allem aus den Informationen, die für Menschen gedacht und lesbar sind. Alle anderen Daten sind Auszeichnungen, also Markup, der dazu dient, die Informationen des Dokuments inhaltlich zu strukturieren und maschinenlesbar zu machen.
Tipp 3: Das HTML-Codegerüst
Der vorherige Beitrag aus unserer Reihe »10 Tipps für eine perfekte Webseite« hat sich damit befasst, wofür ein DOCTYPE verwendet wird, und warum dieser so wichtig ist. In diesem Artikel soll nun eine komplette Vorlage zur Erstellung einer perfekten Webseite entwickelt werden, das HTML-Code-Gerüst!
Tipp 2: Kein Dokument ohne DOCTYPE
Bisher haben wir uns in der Artikelreihe damit befasst, was für eine Webseite essentiell ist, nämlich fehlerfreier Code. Nun ist es Zeit, auf die in diesem Artikel angerissenen Punkte näher einzugehen und Schritt für Schritt zu zeigen, wie ein Webdokument aufgebaut ist, und was bei dessen Aufbau zu beachten ist. In den nächsten Folgen dieser Artikelreihe soll es also darum gehen, wie ein vollständiges Webdokument definiert wird.
Tipp 1: Fehlerfreier Code
Der Code einer Webseite, also eines einzelnen Dokumentes, das aus dem Netz abgerufen und im Browser zur Anzeige gebracht wird, kann mitunter sehr komplex sein. Genau hier beginnen die Probleme. Leider werden auch Webseiten von einem Browser zur Anzeige gebracht, die genaugenommen gar nicht anzeigefähig sind, weil sie nämlich gegenüber der Definition von (X)HTML fehlerhaft sind.
Hier nun unsere Tipps für fehlerfreien Code.
10 Tipps für eine perfekte Webseite
Wer kennt sie nicht die Probleme beim Entwurf eines Layouts für eine Webseite und der letztendlichen Umsetzung derselben. Oft werden gelungene Layouts dadurch kompromittiert, dass bei der Überführung in den entsprechenden (X)HTML-Code, Kompromisse gemacht werden müssen. Der Grund hierfür ist meist, dass die verschiedenen Browser den Inhalt auf unterschiedliche Weise interpretieren, und sich nicht immer an die gängigen Standards halten.
Unsere Artikelreihe »10 Tipps für eine perfekte Webseite« beschäftigt sich mit den häufigsten Fehlern, die beim Erstellen einer Webseite in Bezug auf den Code anzutreffen sind.
Der richtige Partner für Ihr (Webdesign)Projekt
Die Fülle der Anbieter, die für die Realisierung Ihres (Web)Projektes infrage kommt, wächst stetig. Gerade im Bereich Webdesign ist das Angebot groß, die Bandbreite der Qualität des fertigen Produktes leider ebenso. Den Anbieter zu finden, der Ihr Produkt so gestaltet, dass es nicht nur Ihren Anforderungen sondern auch den gängigen Standards genügt, ist nicht einfach. Gerade im Bereich des Internets und seinen modernen Nutzungsformen gibt es viele Kriterien, die über den Erfolg einer Website entscheiden. Eine einfache Visitenkarte im Netz ist heute kaum noch ausreichend, wenn es darum geht, alle Möglichkeiten zu nutzen, die das Medium Internet einem bietet.
Büro MagdeburgAlbert-Vater-Straße 87
39108 Magdeburg
+49 (172) 31 30 475bpullwitt@imotion-design.de
