Thema HTML »
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!
Zwei Künste auf einmal
Die Website von Brad Harris zeigt gleich zwei Künste: Die Fotografierkunst des Meisters selbst – und zugleich die Kunst, genauso einfache wie interessante Websites zu machen. Die BesucherInnen der Homepage haben nämlich die Möglichkeit, alleine mit den Pfeiltasten über die Bilder zu brausen. Und die anzusehen ist ein Fest ohne Gleichen – und ein hervorragender Anknüpfungspunkt, um in Fotoprojekten über die Entstehung solcher Meisterwerke zu reden.
Google prägt das Web
Google prägt mit seinen Entwicklungen immer stärker das WWW. Google, Yahoo und Microsoft haben nun beschlossen, ein gemeinsames XML-Protokoll zu verwenden, um den Inhalt von Webseiten zu durchsuchen: Das „Sitemap Protocol“ ist eine Google-Entwicklung, wird dort schon seit 18 Monaten benutzt und erfreut sich steigender Beliebtheit.
Außerdem hat Google Code eine neue Version von „Google Web Toolkit“ veröffentlicht, mit dem AJAX-Anwendungen unter OSX, Linux und Windows programmiert werden können. Praktisch.