M•A•D

Modernes Webdesign

Wie kam M•A•D — Marc’s Applied Design zustande?

Ich betreibe mehrere Websites zu verschiedenen Themen. Die Websites werden mit unterschiedlichen Techniken (statische Seiten, mit PHP/MySQL selbstprogramierte Seiten, Wordpressblog, etc) betrieben. Jede Seite sah anders aus und es erforderte einen großen Aufwand sie immer aktuell zu hlten. Ebenso wollte ich ein Corporate Design, so dass alle meine Websites das gleiche Basislayout haben. Der ganze Aufbau des Projekts und das Vorgehen sowie die technische Umsetzung erläutere ich in meinem Blog auf koschel.IT. Über koschel.IT poste ich auch neue Informationen und Beiträge zu diesem Thema.

M•A•D Layout

Nach Umsetzung eines Corporate Design werde ich das fertige Layout hier zum Download anbieten. Es wird als statisches Layout sowie als WordPress Theme zur Verfügung stehen.

M•A•D Webdesign

Unter dieser Bezeichnung biete ich zum einen Homepagegestaltung und Designvorlagen für Internetauftritte an.
Dabei verwende ich moderne Techniken bei der Erstellung der Webseite wie z.B. HTML 4, XHTML, (in Kürze HTML 5), PHP und MySQL sowie die Gestaltung des Layouts mit CSS 2.0 – 3.0. Dabei beachte ich Funktionalität und Aussehen genauso sehr wie barrierearme Gestaltung und Einhaltung der Standards. Die Angebote finden Sie auf der rechten Seite unter dem Begriff “M•A•D – Webdesign”.

Artikel zum M•A•D Projekt

no image

Lösungsansätze zur Planung und Umsetzung einer Web-Präsenz

Wenn man sich aktuelle Webseiten anschaut, erkennt man zunächst, dass diese aus immer den gleichen Elementen bestehen. Im Basislayout gibt es den sogenannten Header (Kopfbereich), die Hauptnavigation, den Hauptbereich (meist ein-, zwei- oder drei-spaltig) und den Footer (Fußbereich). Manchmal findet man auch noch die Seitenavigation für untergeordnete Seiten. Bevor man also an die Erstellung der einzelnen Webseiten geht, sollte man sich gut überlegen, wie man seine Präsenz im Internet konzipiert und gestaltet.

weiterlesen


30. Oktober 2011 in M•A•D-Projekt von Marc 0 Kommentare
no image

Eine Web-Präsenz planen und umsetzen

Ich betreibe mehrere verschiedene Websites zu unterschiedlichen Themen. Insgesamt sind dies sieben Webprojekte, jedoch sind aktuell drei Projekte inaktiv. Die Projekte sind in unterschiedlichen Jahren gestartet und haben sich mit der Zeit verändert, sowohl inhaltlich als auch von ihrem Layout und Design. Für mich sind meine Webprojekte Spielwiesen, um einen kreativen Ausgleich zu meinem Beruf zu haben und um Neuerungen in (X)HTML, CSS, PHP und MySQL zu testen und umzusetzen. Ich betreibe also meine Webprojekte privat als Hobby, d.h. aber nicht, dass ich keine professionellen Ansprüche an meine Websites habe. Das Gegenteil ist der Fall, da ich auch Websites für Freunde und Bekannte erstelle, sind mir professionelle Techniken und Umsetzungen wichtig.

weiterlesen


30. Oktober 2011 in M•A•D-Projekt von Marc 0 Kommentare

Weitere Informationen

Aus den Projekten

Aktuelle Alben

Thema Webdesign

Strukturierung von Webseiten

für Digital Workflows

Was unterscheidet heute eigentlich noch die ganzen Websites im Internet? Natürlich der Inhalt, und das Aussehen. Klar dem ist sicher so. Doch die Struktur der meisten Seiten und damit auch gewisser Inhaltselemente ist doch immer wieder gleich. So finden wir auf allen Seiten einen Titel, eine Navigation, ein Logo, ein Copyright-Hinweis, etc. Schauen wir uns einmal genauer an, was Webseiten heutzutage gemeinsam haben.

Strukturierung von Webseiten: Ein Artikel von exklusiv für Digital Workflows
Digital Workflows - Arbeitsabläufe optimieren ist ein Blog, dass sich mit den Arbeitsprozessen beim Verarbeiten von Fotos am Computer sowie bei der Erstellung von Webseiten befasst.

Website, Webpage, Homepage oder Internetpräsenz?

für Digital Workflows

Es kreisen so viele Begriffe rund um die Seiten im Internet, so dass ich hier ein wenig mehr Klarheit schaffen möchte. Neben denen in der Überschrift verwendeten englischen Begriffe finden wir auch Begriffe wie Webangebot, Webauftritt, Webplattform und Webseiten. Das Ganze kann dann auch noch anstelle des "Web-" mit "Internet-" ersetzt werden.

Website, Webpage, Homepage oder Internetpräsenz?: Ein Artikel von exklusiv für Digital Workflows
Digital Workflows - Arbeitsabläufe optimieren ist ein Blog, dass sich mit den Arbeitsprozessen beim Verarbeiten von Fotos am Computer sowie bei der Erstellung von Webseiten befasst.

Barrierefrei — Na und?

für Digital Workflows

Die meisten Webdesigner verstehen leider das falsche, wenn man sie auf barrierefreien Webseiten anspricht. Barrierefreie Websitegestaltung wird häufig mit Gestaltung von Websites für behinderte Menschen gleich gesetzt. Diese Gruppe bildet jedoch nur einen Teil der Zielgruppe. Barrierefrei heißt zunächst einmal nur Websites so zu gestalten, dass möglichst viele (behinderte Menschen eingeschlossen) ohne Probleme auf die Inhalte der Webseite zugreifen können. Daher wird barrierefreies Webdesign oft auch mit Accessibility zu deutsch Zugänglichkeit gleichgesetzt. Dies trifft es meines Erachtens auch besser, da die Zielgruppe so wesentlich weiter gefasst wird. Neben den Menschen mit Behinderungen sind damit ebenso ältere Menschen eingeschlossen, die besondere Bedingungen an die Zugänglichkeit des Internets stellen, aber auch die große Masse an Surfern, die mit Handy und anderen Kleinstmonitoren auf Webseiten zugreifen. Ein weiterer possitiver Effekt ist, dass barrierefreie Seiten meist besser für Suchmaschinen optimiert sind.

Barrierefrei — Na und?: Ein Artikel von exklusiv für Digital Workflows
Digital Workflows - Arbeitsabläufe optimieren ist ein Blog, dass sich mit den Arbeitsprozessen beim Verarbeiten von Fotos am Computer sowie bei der Erstellung von Webseiten befasst.

Validatoren richtig verstehen

für Digital Workflows

Ich habe heute den sehr lesenswerten Artikel "Alles valide oder was?" von Dirk Jesse gelesen. Er erläutert in diesem Artikel inwieweit Validatoren für HTML und CSS wichtig zur Selbstkontrolle für validen Code ist, jedoch nicht für die Qualität des Quelcodes.

Validatoren richtig verstehen: Ein Artikel von exklusiv für Digital Workflows
Digital Workflows - Arbeitsabläufe optimieren ist ein Blog, dass sich mit den Arbeitsprozessen beim Verarbeiten von Fotos am Computer sowie bei der Erstellung von Webseiten befasst.

Thema Fotografie

The Tutu Project

für Digital Workflows

Das Tütü-Projekt (The Tutu Project) begann 2003 als Jux, als sich der Fotograf Bob Carey in einem rosa Tüllröckschen ablichten lies. Als seine Frau an Brustkrebs erkrankte, kam die Idee aus dem Jux ein konkretes Projekt zu machen. Das Tütü Projekt war geboren.

The Tutu Project: Ein Artikel von exklusiv für Digital Workflows
Digital Workflows - Arbeitsabläufe optimieren ist ein Blog, dass sich mit den Arbeitsprozessen beim Verarbeiten von Fotos am Computer sowie bei der Erstellung von Webseiten befasst.

Cinemagraphie – Bewegte Fotografien

für Digital Workflows

Katja Kemnitz stellt auf kwerfeldein, einem Magazin für Fotografie Cinemagraphien vor. Dies bezeichnet eine neue und zugleich alte Technik.

Cinemagraphie – Bewegte Fotografien: Ein Artikel von exklusiv für Digital Workflows
Digital Workflows - Arbeitsabläufe optimieren ist ein Blog, dass sich mit den Arbeitsprozessen beim Verarbeiten von Fotos am Computer sowie bei der Erstellung von Webseiten befasst.

Rohdaten – Welche Vorteile bietet das RAW-Format?

für Digital Workflows

"Ob Sie Rohdaten verwenden sollen? Ja! Punkt. Aus. Schluss. Keine Diskussion! Warum? Wenn Sie das noch fragen, sollten Sie lieber mit dem Fotografieren aufhören" Dies war die erste Antwort, die ich von einem Fotografen erhalten habe, als ich fragte, ob ich meine Fotos im Rohdaten-Format oder lieber in JPEG aufnehmen soll. Die Antwort hat mir nur nicht viel geholfen, denn ich wollte das "Warum" wissen. Inzwischen weiß ich warum und habe seit Jahren keine JPEG-Bilder mehr aufgenommen. Lassen Sie mich kurz erklären.

Rohdaten – Welche Vorteile bietet das RAW-Format?: Ein Artikel von exklusiv für Digital Workflows
Digital Workflows - Arbeitsabläufe optimieren ist ein Blog, dass sich mit den Arbeitsprozessen beim Verarbeiten von Fotos am Computer sowie bei der Erstellung von Webseiten befasst.

Was heißt Weißabgleich?

für Digital Workflows

Der Weißabgleich ist eine der wichtigsten Tätigkeiten eines Fotografen vor oder nach der Aufnahme von Fotos. Der Weißabgleich ist notwendig, da unterschiedliche Lichtquellen die Farben der Bilder unterschiedlich beeinflussen. Wie man dies steuern und beeinflussen kann und wie es überhaupt dazu kommt, erläutert dieser Artikel.

Was heißt Weißabgleich?: Ein Artikel von exklusiv für Digital Workflows
Digital Workflows - Arbeitsabläufe optimieren ist ein Blog, dass sich mit den Arbeitsprozessen beim Verarbeiten von Fotos am Computer sowie bei der Erstellung von Webseiten befasst.