Mjammi.de – das ist unser Kochblog. Alle Gerichte haben wir gekocht und nur die, die super schmecken, finden ihren Weg ins Blog.

Dabei ist der Blog vollkommen multilingual konfiguriert.
Ganz wichtig war mir auch eine optimale Suchmaschinentauglichkeit. Die Website wurde standardkonform (mit validem XHMTL 1.0 + tabellenfreiem CSS-Layout) und weitgehend barrierefrei programmiert.

Als Content Management System wurde  Wordpress eingesetzt und angepasst.

Mjammi.de besuchen

Meine Aufgaben

• Layout: Screendesign, Bildbearbeitung und Web-Optimierung mit Adobe Photoshop
• Umsetzung: tabellenlos, standardkonform und barrierearm mit XHTML und CSS
• Druckversion: zusätzliche CSS-Datei mit Definition spezieller Druckformatierungen
• Kochen, fotografieren und schreiben der Beiträge
• PHP / CMS: Anpassung der Blogsoftware WordPress als CMS (Erstellung und Anpassung der Templates, Auswahl und Einbindung von Plugins)
• multilingual: Erstellung eines Templates, das mit Wordpress die Verwendung mehrerer Sprachen zulässt.

Das Evangelische Jugendwerk (ejw) in Ludwigsburg bietet für Kinder und Jugendliche interessante und abwechslungsreiche Aktionen, Freizeiten und vieles mehr.

Ich betreue die Internetseite schon von Anfang an und jetzt wurde sie erneuert. Das Layout der Webseite wurde mit XHTML und CSS tabellenfrei und standardkonform umgesetzt. Die Seite ist barrierefrei und die vielen Bilder werden von einer Lightbox angezeigt.

Ein besonderes Highlight ist die Hauptnavigation!

ejw Ludwigsburg besuchen

Leistungen:

• Strukturierung der Inhalte
• Design: Screendesign, Bildbearbeitung und Web-Optimierung mit Adobe Photoshop
• Layout: Umsetzung mit XHTML und CSS
• barrierefreie Umsetzung
• Einfügen und Gestalten aller Inhalte
• Javascript: Programmierung eines Scripts zum zufälligen Austauschen des oberen Bildes in bestimmten Zeitintervallen und bei jedem Reload sowie der Rollover-Effekte bei Navigationselementen
• PHP: Entwicklung eines Scripts, das automatisch alle Bilder eines Ordners ausliest
• Pflege, Wartung und Aktualisierung der Internetseite von 2003 bis heute

Gemeinsam mit Mitarbeitern und Partnern entwickelt und produziert die Sourcon Padena als mittelständisches Biotechnologie-Unternehmen biologische Pflanzenschutzmittel.

Optimale Suchmaschinentauglichkeit war unter anderem ein wichtiges Ziel bei der Erstellung der Seite. Sie wurde außerdem barrierefrei, mit validem XHMTL 1.0 und tabellenfreiem CSS-Layout erstellt.

Als Content Management System wurde Wordpress eingesetzt und angepasst.

Sourcon Padena besuchen

Meine Aufgaben

• Gestaltung und Umsetzung im Auftrag der Sabine Kettenhofen Kommunikation aus Ingersheim
• Layout: tabellenlos, standardkonform und barrierearm mit XHTML und CSS
• Druckversion: zusätzliche CSS-Datei mit Definition spezieller Druckformatierungen
• Einfügen aller Inhalte
• JavaScript/DOM-Scripting: Umsetzung der Slideshow im Kopfbereich der Webseite und Einbindung der Fotogalerie
• PHP / CMS: Anpassung der Blogsoftware WordPress als CMS (Erstellung und Anpassung der Templates, Auswahl und Einbindung von Plugins)

Die Werbekette ist eine Werbeagentur von Sabine Kettenhofen. Mit ihrer Website stellt sie sich, ihre Leistungen und Referenzen, vor.

Optimale Suchmaschinentauglichkeit war unter anderem ein wichtiges Ziel bei der Erstellung der Seite. Sie wurde außerdem barrierefrei, mit validem XHMTL 1.0 und tabellenfreiem CSS-Layout erstellt.

die Werbekette besuchen

Die Werbekette erhielt im BITV-Test (Barrierefreiheit) 97,5 Punkte.

Leistungen:

• Beratung des Kunden über das Screendesign und die Anordnung der Inhalte
• Bildbearbeitung und Web-Optimierung
• Layout: tabellenlos mit XHTML und CSS
• Einfügen aller Inhalte nach den Gesichtspunkten der Barrierefreiheit
• Suchmaschinenoptimierung

Für die Agentur sWEBian setze ich immer wieder (Photoshop-)Layouts in XHTML-Code und CSS-Stylesheets um.

Hier sind nun mal ein paar davon:

Meine Aufgabe

• Layout: tabellenlos, standardkonform und barrierearm mit XHTML und CSS

[2007]

Mit Dr. W. Klemann, der Kunterbunten Villa und der EmK Studiengemeinschaft habe ich einem Wunsch meiner Kunden Rechnung getragen.

Dank meiner Schnäppchen-Homepage haben sie eine standardkonforme, weitgehend barrierefreie und schöne Homepage zum günstigen Preis bekommen.

Das Layout der Webseite wurde mit XHTML und CSS tabellenfrei umgesetzt.

Meine Aufgaben

• Design, Gestaltung und Umsetzung des Layouts
• Design: Screendesign, Bildbearbeitung und Web-Optimierung mit Adobe Photoshop
• Layout: tabellenlos, standardkonform und barrierearm mit XHTML und CSS
• Druckversion: zusätzliche CSS-Datei mit Definition spezieller Druckformatierungen
• Einfügen aller Inhalte

Ski-Berge-Abenteuer

Unter diesem Motto organisieren Flory Kern und sein Team Reisen rund um den Erdball.
Am liebsten in tiefsten unberührten Schnee.

Heliskiing, Freeriding und Skitouring – die Webseite bietet Informationen rund um die faszinierenden Reiseangebote sowie Flory Kern und sein Team.
Und natürlich gibt es viele Fotos und auch einige Videos, auf denen man den Zauber der vergangenen Reisen erleben kann.

Das Layout der Webseite wurde mit XHTML und CSS tabellenfrei und standardkonform umgesetzt. Die Seite ist weitgehend barrierefrei.
Als Content Management System wurde Wordpress eingesetzt und angepasst.

Flory Kern besuchen

Meine Aufgaben

• Design, Gestaltung und Umsetzung im Auftrag der bildstein* [büros für kommunikation und gestaltung] in Ludwigsburg
• Design: Screendesign, Bildbearbeitung und Web-Optimierung mit Adobe Photoshop
• Layout: tabellenlos, standardkonform und barrierearm mit XHTML und CSS
• Druckversion: zusätzliche CSS-Datei mit Definition spezieller Druckformatierungen
• Einfügen aller Inhalte
• JavaScript/DOM-Scripting: Umsetzung der Slideshow im Kopfbereich der Webseite und Einbindung der Fotogalerie
• PHP / CMS: Anpassung der Blogsoftware WordPress als CMS (Erstellung und Anpassung der Templates, Auswahl und Einbindung von Plugins)

Die Testbox Barrierefreies Webdesign entstand als Demonstrationsseite für ein Seminar zum Thema “Barrierefreies Webdesign”.
Sie enthält Positiv- und Negativ-Beispiele, welche sich so mit Hilfe von Screenreadern und Textbrowsern einfach demonstrieren und vergleichen lassen.

Tabellenfreies Layout durch Verwendung von XHTML und CSS.
Weitgehend barrierefrei.

Testbox Barrierefreies Webdesign besuchen

Leistungen:

• Screendesign
• Umsetzung mittels XHTML und CSS
• Erstellung der Inhalte

Diese CD-Rom liegt den Kirchlichen Unterrichtsmaterialien der Evangelisch-methodistischen Kirche in Deutschland (EmK) bei.

Alle Dokumente, Folien, Materialblätter, Audiodateien und Präsentationen sind durch das CD-Rom-Interface übersichtlich gegliedert und in digitaler Form leicht abrufbar.

Die Inhalte werden auf der CD im HTML-Format präsentiert.
Sowohl über den Lehrplan als auch über die einzelnen Unterrichtseinheiten kann zu den gesuchten Inhalten navigiert werden.

Leistungen

• Design: Screendesign der Seite unter Verwendung der vorgegebenen Farben für die jeweiligen Unterrichtseinheiten
• Layout: Umsetzung des Screendesigns in XTHML und CSS unter Verwendung einer linearisierten Layouttabelle
• Inhalte: Erstellung aller Inhaltsseiten
• CD-Rom: Hinzufügen einer Autostart-Funktion und eines Programmes zum Durchsuchen der PDF-Dateien

[2005]

Die Pizzeria Riviera in Winnenden ist schon seit vielen Jahren meine Lieblings-Pizzeria. Dort gibt es einfach die leckersten Pizzen.
Die Website bietet einen Überblick über alle Leckereien und Angebote, Einblicke in die Pizzerien und natürlich Informationen wie Öffnungszeiten und Anfahrt.
Das Layout wurde mittels XHTML und CSS tabellenfrei gestaltet. Die Seite ist weitgehend barrierefrei.

Leistungen:

• Beratung und Konzeption der Website nach Vorgaben des Kunden
• Strukturierung der Inhalte
• Design: Screendesign, Bildbearbeitung und Web-Optimierung mit Adobe Photoshop
• Layout: tabellenlos mit XHTML und CSS
• Einfügen und Gestalten aller Inhalte
• JavaScript: Anpassung eines Scripts zum Stretchen der Inhalte auf den Speisekarten
• PHP: Programmierung von Spezialtag-Anzeige auf der Startseite, Besucherzähler und Kontaktformular sowie Anpassung des Gästebuchs

Mediaconvert konvertiert VHS-Kassetten auf DVD. Die Website stellt das Unternehmen vor.
Sie wurde barrierefrei mit validem XHMTL 1.0 strict und tabellenfreiem CSS-Layout erstellt.

Mediaconvert besuchen

Leistungen:

• Beratung und Konzeption der Website in Zusammenarbeit mit dem Kunden
• Strukturierung der Inhalte
• Screendesign, Bildbearbeitung und Web-Optimierung
• Layout: tabellenlos mit XHTML und CSS
• Einfügen und Gestalten aller Inhalte
• Javascript: Zufallsbild am Seitenanfang, das sich jeden Tag verändert

In der Kurklinik Hohenfreudenstadt im Schwarzwald werden in malerischer Umgebung Rehabilitations-Kuren angeboten. Die Internetseite informiert über die Klinik, Therapiekonzepte, Behandlungen für spezifische Indikationen und natürlich auch Preise.
Die Internetseite wurde barrierefrei in validem XHTML 1.0 strict und tabellenfreiem CSS-Layout programmiert.

Klinik Hohenfreudenstadt besuchen

Leistungen:

• Beratung und Konzeption der Website nach Vorgaben des Kunden
• Strukturierung der Inhalte
• Design: Screendesign, Bildbearbeitung und Web-Optimierung mit Adobe Photoshop
• Layout: barrierefrei und tabellenlos mit XHTML 1.0 strict und CSS
• Einfügen und Gestalten aller Inhalte
• Javascript: Zufallsbild am Seitenanfang, verändert sich bei jedem Laden einer Seite
• PHP: Kontaktformular

Anmerkung: die Website wird von den Inhabern selbst gepflegt und ist inzwischen nicht mehr komplett standardkonform. Hier befindet sich die Seite im Urzustand: www.klinik-hohenfreudenstadt.de

Blessings4You ist eine christliche Online-Versandbuchhandlung.
Für B4You habe ich die statischen Seiten sowie Templates für den Shop-Bereich gestaltet. Es kommen noch Frames und Tabellen zum Einsatz.

B4you besuchen

Leistungen:

• Mitarbeit an der Konzeption des Shops
• Mitarbeit am Screendesign
• Bildbearbeitung und Web-Optimierung
• Umsetzung des Screendesigns in HTML
• Erstellung der Shop-Templates

Die Möbelwerkstatt im Auenwald fertigt maßgeschneiderte Inneneinrichtungen.
Angebote und Leistungen, Referenzen und Kontaktinformationen werden auf der Website präsentiert.
Das Layout ist basiert komplett auf CSS ohne Verwendung von Layouttabellen.

Hagenmüller Innenausbau besuchen

Leistungen:

• Beratung und Konzeption der Website nach Vorgaben des Kunden
• Strukturierung der Inhalte
• Design: Screendesign, Bildbearbeitung und Web-Optimierung mit Adobe Photoshop
• Layout: tabellenlos mit validem XHTML und CSS
• Einfügen und Gestalten aller Inhalte
• PHP: Kontaktformular

kennzeichenF ist ein christlicher Jugendtreff in München, der regelmäßig Konzerte mit den “Stars” der christlichen Musikszene veranstaltet.
Ursprünglich als Präsentation zur Sponsorensuche gedacht, werden inzwischen auch viele aktuelle Berichte über Konzerte und Veranstaltungen veröffentlicht.

kennzeichenF besuchen

Leistungen:

• Redesign einer bestehenden Website in Anlehnung an bereits bestehende Print-Produktionen
• Design: Erstellung aller Grafiken, Bildbearbeitung und Web-Optimierung mit Adobe Photoshop
• Layout: Umsetzung mit validem HTML 4.0 und CSS (unter teilweiser Verwendung von Tabellen)
• Einfügen und Gestalten aller Inhalte
• Javascript: Mouseover-Effekte der Navigationsbuttons
• PHP: Anpassung eines Scripts zur Aktualisierung der AKTUELLES-Seite und Programmierung eines Kontaktformulars

Anmerkung: Die Website wird von den Mitarbeitern von kennzeichenF selbst gepflegt und ist inzwischen leider nicht mehr komplett standardkonform. Hier trotzdem zur aktuellen Site: www.kennzeichenf.de

Die Website der St. Catherine´s Anglican Church in Stuttgart ist meine erste komplett in XHTML 1.0 strict und CSS-Layout programmierte Website.
In schlichter Ausführung werden alle wichtigen Informationen über die Kirche präsentiert.

Leistungen:

• Beratung des Kunden bei der Konzeption der Website
• Strukturierung der Inhalte
• Design: Screendesign, Bildbearbeitung und Web-Optimierung in Adobe Photoshop
• Layout: Umsetzung mit XHTML 1.0 strict und CSS
• Einfügen und Gestalten aller Inhalte

Ein ambitionierter Liedermacher aus Witten stellt sich vor.
Seine Liedtexte, Gedanken und Hörproben finden sich genauso auf der Website wie Informationen zu seinem Werdegang, Ankündigungen aktueller Konzerte, Fotos und mehr.

Lukaslieder besuchen

Leistungen:

• Beratung und Konzeption der Website nach Vorgaben des Kunden
• Strukturierung der Inhalte
• Design: Screendesign, Bildbearbeitung und Web-Optimierung mit Adobe Photoshop
• Layout: Umsetzung mit HTML auf Basis von Tabellen
• Schriftgestaltung mittels CSS
• Einfügen und Gestalten aller Inhalte
• Javascript: Navigationselemente
• PHP: Anpassung eines News-Scripts
• Pflege, Wartung und Aktualisierung der Internetseite von 2003 bis heute

Das Evangelische Jugendwerk (ejw) in Ludwigsburg bietet für Kinder und Jugendliche interessante und abwechslungsreiche Aktionen, Freizeiten und vieles mehr.
Die Internetseite gibt einen Überblick über die Sruktur des ejw und stellt die Mitarbeiter vor. Die alljährlich vom ejw angebotene Sommerfreizeiten werden präsentiert. Der Terminkalender gibt einen Überblick über aktuelle Veranstaltungen. Ein besonderes Highlight sind viele viele Fotos von allen Aktionen im ejw.

ejw Ludwigsburg besuchen

Leistungen:

• Beratung und Konzeption der Website in Zusammenarbeit mit der verantwortlichen Mitarbeiterin des ejw
• Strukturierung der Inhalte
• Design: Screendesign, Bildbearbeitung und Web-Optimierung mit Adobe Photoshop
• Layout: Umsetzung mit HTML auf Basis von Frames und Tabellen
• Schriftgestaltung mittels CSS
• Einfügen und Gestalten aller Inhalte
• Javascript: Programmierung eines Scripts zum zufälligen Austauschen des oberen Bildes in bestimmten Zeitintervallen und bei jedem Reload sowie der Rollover-Effekte bei Navigationselementen und verschiedene Frame-Austausch-Skripte
• Pflege, Wartung und Aktualisierung der Internetseite von 2003 bis heute

Die Netzspielwiese ist eine kleine Plattform zur Präsentation meiner Arbeiten. Sie entstand im Herbst 2002 und wurde bis 2006 regelmäßig aktualisiert.

die Netzspielwiese besuchen

Leistungen:

• Strukturierung der Inhalte
• Design: Screendesign, Bildbearbeitung und Web-Optimierung mit Adobe Photoshop
• Layout: Umsetzung mit HTML auf Basis von Frames und Tabellen
• Einfügen und Gestalten aller Inhalte
• Javascript: Programmierung der Zufallsbilder auf der Startseite und Rollover-Effekte bei den Navigationselementen
• PHP: Programmierung des Kontaktformulars
• ständige Aktualisierung

Die selbststartende interaktive Bewerbungs-CD-Rom entstand als zweiter Teil meines Abschlussprojektes an der SAE.
Sie enthält ein Anschreiben, meinen Lebenslauf und die bildreiche Präsentation meiner bis dahin erworbenen Kenntnisse. Die Navigation erfolgt über ein Menu, die Arbeiten können direkt von der CD in den jeweiligen Formaten angeschaut werden.

Leistungen:

• Strukturierung der Inhalte und Entwicklung der Navigationsstruktur
• Screendesign in Adobe Photoshop
• Soundbearbeitung mit WaveLab
• Umsetzung und Programmierung mit Macromedia Director und Lingo
• CD-Mastering: Erstellung einer Hybrid-CD (lauffähig auf Mac und PC)

Weitere Screenshots: