RE-Design – Enrico Reinsdorf

Gerade habe ich ein kleines Experiment mit den Möglichkeiten von HTML5 gemacht. Bis jetzt gibt es ja schon viele Online-Editoren, so genannte WYSIWYG-Editoren. Leider funktionieren viel nur mit iframes, ein Tag den ich persönlich nicht mag. Nach dem Lesen des HTML5-Buches von Peter Kröner erstellte ich mir einen kleinen eigenen Editor.

Durch das contenteditable-Attribute kann jeder Inhalt eines beliebige HTML-Tag von Benutzer geändert werden. Eine wunderbare Sache! So habe ich mit ein bisschen CSS für die Formatierung und JavaScript für das Ein- und Ausschalten eine ersten Entwurf eines Online-Editors geschaffen.

Hier geht es zur Demonstration und hier findet ihr den Download.

Ich habe, zwar noch nicht komplett fertig, gerade dieses Buch gelesen und bin begeistert von den Möglichkeiten mit HTML5.

HTML5. Webseiten innovativ und zukunftssicher

In dieser 2-tägigen Schulung habe ich den beiden Teilnehmern die idealen Aufbau, also Struktur, einer HTML-Seite erklärt. Dabei berücksichtigten wir die technischen Vorgaben des W3Cs, die Optimierung für Suchmaschinen (SEO) und die Barrieren der Technik (mobiler Einsatz) bzw. der Menschen (Behinderung).

Weiterhin konzentrierten wir uns auf die Möglichkeiten von HTML 5 und CSS 3.

Beide Teilnehmer sind Auszubildende des WDR und bereiteten sich auch die Zwischen- bzw. Abschlussprüfung zum Mediengestalter vor.

Nachdem der Teilnehmer in den letzten beiden Tagen die Grundlagen des Webdesigns kennengelernt hat, bekam er nun ein Einzelcoaching. Hier haben wir uns hauptsächlich um die Umsetzung eines vorgegebenen Designs gekümmert, also das Zusammenspiel zwischen HTML und CSS vertieft. Hier ein kleines, erstes Beispiel.

Ein 2-tägiges Grundlagen-Seminar welches sich hauptsächlich mit der Erstellung von Websites auf Basis von HTML und CSS beschäftigt. Ich hatte dieses mal 2 Teilnehmer. Ein Teilnehmer von der ARAG IT GmbH – dieser hat sowohl Grundlagen als auch Aufbau gebucht. Und ein Auszubildenden des WDR.

Aufbauend auf den HTML Grundlagen gab es gestern direkt noch den Aufbau.Kurs für den Teilnehmer der ARAG IT GmbH. Wir haben speziell die Themen für ihn vertieft die für das Arbeiten im Betrieb interessant waren. So war z.B. das Positionieren in CSS ein großes Thema.

Am Donnerstag war ich bei 2 Grafikerinnen um eine Einführung in HTML und CSS mit Adobe® Dreamweaver® CS4 durchzuführen. Interessant an der ganzen Veranstaltung war, dass es kein normales Büro im klassischem Sinn war sondern die beiden arbeiteten von zu hause aus und so war das Arbeitszimmer gleichzeitig auch ein Wohnzimmer. Mir reicht ja bei solchen Seminaren oft nur ein Beamer, da ich mit meinem Laptop ja alles dabei habe.

Wie gewohnt kann man innerhalb von einem Tag nicht wirklich weit in die Tiefe von diesen 2 umfangreichen Themen einsteigen – aber ich glaube ich konnte einen relativ großen Überblick über die Technologien vermitteln.

Am Dienstag hatte ich nach einer kleine Pause um die Feiertage herum ein Einzelcoaching zum Thema HTML- und CSS-Grundlagen. Es sollte die Vorbereitung auf das dann folgende Dreamweaver-Seminar sein.

Der Teilnehmer kam, wie so oft, aus dem Print-Bereich und hatte keinerlei Vorkenntnisse. Die große Herausforderung besteht dann darin die Denkweise (ist ja Print bezogen) auszuweiten, da ja beim Konzipieren und Layouten von Webdesign die technischen Vorgaben einen großen Einfluss haben.

Der Teilnehmer war sehr zufrieden, hat schon weiter Seminare gebucht und würde – laut Beurteilung – mich weiter empfehlen.

Anfang dieser Woche habe ich wieder einmal eine nette Grundlagenschulung zum Thema HTML und CSS gegeben. Besonders an diesem Kurs war dass die Teilnehmer schon gute Grundkenntnisse in Bereich HTML mitbrachten und wir uns deshalb auf die Eigenheiten von CSS stürzen konnten.

HTML – die Grundlage vom gesamten World Wide Web. Um gute Website erstellen zu können, kommt man nicht um das Wissen um HTML bzw. XHTML herum. Deshalb gebe ich selbst heute noch gern diese Basisschulung.

Mittlerweile reicht es aber nicht aus einfache, statische, klassische HTML-Seiten zu machen. Meistens verlangt der Kundeschon bei kleinen Projekten die zusätzliche Einbindung von Web-Technologien die über XHTML hinausgehen. Und so kommt immer in meinen Schulungen eine gute Portion CSS, SEO und Web 2.0 hinzu.