Thema HTML »
…CSS bleibt!
"css-miami-desktop" von geirarne auf flickr.com
Auch wenn der Gestaltungsrahmen von Websites in Zukunft vermehrt mit HTML5 realisiert wird, bleibt CSS der Standard zur konkreten Gestaltung.
Deshalb aus dem aktuellen Anlass ein kleines Update zu Hilfsmitteln, Nachschlagewerken und Ressourcen zum Thema CSS – zur eigenen Weiterbildung und/oder als Grundlage für das nächste medienpädagogische Projekt.
HTML5 kommt…
"5 %" von klosko auf photocase.com
Das Internet ist wohl mit Abstand der dynamischste Bereich der Medienpädagogik und damit auch der aufwändigste, wenn es darum geht, als MedienpädagogIn auf dem aktuellen Stand zu sein.
Gerade rollt wieder eine Innovationswelle durchs Netz: Mit HTML5 kommt demnächst eine neue “Version” des Webstandards schlechthin. Ein guter Zeitpunkt um zu schauen, was denn so neues kommt und was mensch wissen muss, wenn es um medienpädagogische Websiteprojekte geht. Ich habe in den letzten Wochen Links zu Grundlagen, Beispielen, HowTos und praktischen Hilfsmitteln gesammelt.
Den ganzen Beitrag lesen
Schicke Outfits für eigene Websites
Wenns bei medienpädagogischen Homepage-Projekten mal schnell gehen muss mit der Seitengestaltung, dann ist guter Rat teuer: Woher auf die Schnelle eine kostenlose (X)HTML/CSS-Vorlage herbekommen? Diese beiden Links versprechen Hilfe: Beim SmashingMagazine werden 100 wirklich schöne, professionelle und gleichzeitig kostenlose bzw. freie Templates vorgestellt; außerdem gibt es hier noch einige HTML-Templates zum Download.
Und wenn doch mehr Zeit für eigene Entwürfe da ist, dann sind diese Seiten gut zur eigenen Inspiration: Das Portfolio des polnischen Studio K und in einer weiteren Zusammenstellung des SmashingMagazines zu kreativen Webseitengestaltungen. So bekommt das nächste Webseitenprojekt auf jeden Fall ein schickes Outfit.
Tutorials zu HTML, CSS & Co.
Einmal mehr kommt hier ein Link zu HTML/CSS/Javascript/PHP/MySQL/Ajax-Tutorials, diesmal in Deutsch und ganz gut für den Einsatz auch in der Jugendarbeit abgestimmt: Via Andreas Roth bin ich auf die Tutorials von Peter Kropff gestoßen, in denen er gute Einführungen und HowTos für die sechs Bereiche gibt, die viele Aspekte berücksichtigen und meiner Meinung nach auch für Jugendliche und damit für medienpädagogische Projekte geeignet sind.
Web-Layoutmodelle im Überblick
Menschen, die sich halbintensiv mit Webtechnologien beschäftigen wie MedienpädagogInnen, stehen manchmal mit Fragezeichen über dem Kopf dabei, wenn ExpertInnen manche Themen diskutieren. Ein Beispiel sind Layoutmodelle für Websites: Ich bin immer ganz froh, wenn ich nur einigermaßen auf dem Stand bin, was HTML- und CSS-Standards angeht, und hab auch schon gehört, dass es verschiedene Ansätze zu Flexibilität und Zoomverhalten gibt – aber sonst ???
Gerrit van Aaken hat sich in meinen Augen einen Orden verdient, in dem er für Diskussions-EinsteigerInnen die verschiedenen Ansätze des Weblayouts einführend beschreibt und das gleich mit anschaulichen Beispielen. Die aufmerksamen LeserInnen erfahren so Eigenschaften, Vorteile und Nachteile des flexiblen und des fixen Layouts sowie von normalen und flexiblen Zoomlayouts. Danke! Jetzt kann auch ich mitdiskutieren – und mein neues Wissen im nächsten medienpädagischen Internetworkshop weitergeben.
Was das GestalterInnenherz begehrt…
Von der HTML/CSS-Referenz über Tutorials bis zu Beispielseiten mit CSS-Designs: Das AgencyTool Web Design Dashboard bietet alles, was das WebseitengestalterInnenherz begehrt. Der Linkkatalog ist deswegen das Schweizer Taschenmesser, das auch beim nächsten medienpädagogischen Internetprojekt bereit liegen sollte, wenn es um Inspiration und Information geht.
Professionelles Webdesign im Web2.0
Wer meint, Webdesign im Web2.0 sei nichts als der polierte-Platte-Effekt und bunte Buttons und Sterne, der/die ist auf dem Holzweg. Das ist eine der Erkenntnisse, die mensch auf der Seite von Ben Hunt erlangen kann. Der erfahrene Webdesigner gibt auf webdesignfromscratch.com sein umfangreiches Wissen weiter – von Grundlagen wie das Design mit XHTML und CSS über ausgefeilte Schritt-für-Schritt-Anleitungen zum Design einer professionellen Seite bis hin zu Detailfragen wie allgemeiner Gestaltung und Branding. Den/die BesucherIn erwarten interessante Artikel, PDFs mit Teilaspekten und auch ein kostenloser Auszug aus dem Buch des Autors. Hut ab vor der Freigiebigkeit und eine dicke Weiterempfehlung – sei es für die eigene Weiterbildung oder den Einsatz in Projekten der Medienpädagogik.
Code-Schnipsel 2.0
Auch Website-MacherInnen hat schon lange die Welle des Web2.0 erreicht. Beispiele für Austauschplattformen habe ich hier schon des öfteren gepostet. Meiner Meinung nach aber schon was neues ist Snipplr – eine Plattform zum Austausch von Quellcode in CSS, XHTML, Java, Ajax und Co. Eine gute Basis auch für das nächste medienpädagogische Webprojekt.
Best of CSS Design 2007
Kurz vor Jahresende kürt WebDesignerWall die CSS-Gestaltungshöhepunkte 2007. Die Liste der 50 besten Websites bietet einen guten Eindruck des State-of-the-Art des Webdesigns, ist eine schöne Inspirationsquelle – und eignet sich vor allem als Beispielgeber für HTML-/CSS-Workshops in der Medienpädagogik. Danke dafür.
CSS-survivalPack
CSS ist eine tolle Technologie, ohne die kaum noch einE WebprogrammiererIn leben kann. Damit deren Leben einfacher wird haben die Menschen von smashingmagazine.com die Liste 53 CSS-Techniques You Couldn’t Live Without zusammengestellt – eine Code- und Beispielsammlung die sich sehen lassen kann. Lebens-, äh lesenswert!
Zusatzinfos
