IFD:Webprogramming W: Difference between revisions

From Medien Wiki
mNo edit summary
mNo edit summary
 
(11 intermediate revisions by the same user not shown)
Line 11: Line 11:
* Übersichtliches Frontend -> nichts soll vom Inhalt ablenken, keine ***-große navi, die immer dort ist wo man sie nicht braucht, keine unnützen Infos, die einem nur die Sicht auf den eigentlichen Inhalt nehmen
* Übersichtliches Frontend -> nichts soll vom Inhalt ablenken, keine ***-große navi, die immer dort ist wo man sie nicht braucht, keine unnützen Infos, die einem nur die Sicht auf den eigentlichen Inhalt nehmen
* Dezente Farbgestaltung (Grautöne für angenehmes Lesen, auch in der Nacht; leuchtende Farben in kleinen Dosen, um die Übersicht und Frische zu wahren)
* Dezente Farbgestaltung (Grautöne für angenehmes Lesen, auch in der Nacht; leuchtende Farben in kleinen Dosen, um die Übersicht und Frische zu wahren)
* Sollte dabei nicht langweilig wirken, allerdings zweitrangig, da die Seite für diejenigen gedacht ist, die es sowieso interessiert (persönliche Motivation, siehe GmG^^)
* Sollte dabei Interesse wecken, allerdings zweitrangig, da die Seite für diejenigen gedacht ist, die es sowieso interessiert (persönliche Motivation, siehe GmG^^)
* Einbinden von Videos, Fotos, Musik unter anderem via vimeo, arte, youtube -> Möglichkeit den hässlichen Standard-Player von youtube zu ersetzen / angepasstes Design / einheitliche Formate
* Einbinden von Videos, Fotos, Musik unter anderem via vimeo, arte, youtube -> Möglichkeit den hässlichen Standard-Player von youtube zu ersetzen / angepasstes Design / einheitliche Formate
* Cross-Browser-Kompatibilität -> (neueste Version von) Firefox, Safari, Google Chrome getestet - keine Probleme (nicht im Internet-Explorer getestet, persönlicher Abneigung gegenüber dem IE geschuldet / Usability dürfte aber nicht leiden)
* Cross-Browser-Kompatibilität -> (aktuellste Versionen von) Firefox, Safari, Google Chrome getestet - keine Probleme (nicht im Internet-Explorer getestet, persönlicher Abneigung gegenüber dem IE geschuldet / Usability dürfte aber theoretisch nicht leiden)
* Die Anzeige auf mobilen Endgeräten ist in dem Fall kein Thema, da auch die Inhalte für solche nicht ausgelegt sind (Flash/z.B. iPhone ungehackt nicht Flash-fähig, Videos, Bilder, massive Datenmengen/Kosten)
* Die Anzeige auf mobilen Endgeräten ist in dem Fall kein Thema, da auch die Inhalte für solche nicht ausgelegt sind (Flash/z.B. iPhone ungehackt nicht Flash-fähig, Videos, Bilder, massive Datenmengen/Kosten)
* Möglichkeit die Seite jederzeit beliebig zu erweitern, ohne riesigen Arbeitsaufwand, Seiten hinzufügen und entfernen, Design ändern, Funktionen hinzufügen -> Wordpress als Basis


== Ergebnis ==
== Ergebnis/Eigener Anteil ==


[[Image:Bildschirmfoto-2010-03-29-um-12.42.59.jpg|thumb|250px|Fertige Seite]]
[[Image:Bildschirmfoto-2010-03-29-um-12.42.59.jpg|thumb|250px|Zwischenstand Seite]]


Blog auf Wordpress-Basis, mit angepasstem Standard-Template (statt von null coden zu müssen)
Blog auf Wordpress-Basis, mit angepasstem Standard-Template, also Kürzen, Verändern und ein wenig Ergänzen.


Plugins folgen, sobald der Server wieder oben ist!
WP-Plugins:
Lightbox 2, Get-a-Post, NextGENGallery, All in One SEO Pack
 
NextGENGallery mit Lightbox gekoppelt und folgendem kleinen Hack [http://j.modjeska.us/?p=113]


Erarbeiten eines passenden Farbschemas, sowie einem geeigneten Layout.
Erarbeiten eines passenden Farbschemas, sowie einem geeigneten Layout.
Line 28: Line 32:
[[Image:Farben.jpg|Farbschema]]
[[Image:Farben.jpg|Farbschema]]


http://wobey.de/
Favicon, zwecks Identität.
 
Kompakter Header, von Zeit zu Zeit verändert, mal Foto, mal Flash-Video, mal interaktive Spielerei.
 
Inhaltliche und Gestalterische Pflege auch in Zukunft.
 
Browser-Optimierung für Firefox, Chrome und Safari (auch ein wenig IE, aber nur das Nötigste)
 
 
 
PAUSE


[[Category:Design]]
[[Category:Internet]]
[[Category:Interface-Design]]
[[Category:Michael Markert]]
[[Category:Sebastian Wolf]]
[[Category:WS09]]
[[Category:PHP]]
[[Category:CSS]]
[[Category:Wordpress]]
[[Category:HTML]]
[[Category:Grundlagen]]
[[Category:Design]]
[[Category:Internet]]
[[Category:Interface-Design]]
[[Category:Michael Markert]]
[[Category:Sebastian Wolf]]
[[Category:WS09]]
[[Category:PHP]]
[[Category:CSS]]
[[Category:Wordpress]]
[[Category:HTML]]
[[Category:Grundlagen]]
[[Category:Design]]
[[Category:Internet]]
[[Category:Interface-Design]]
[[Category:Michael Markert]]
[[Category:Sebastian Wolf]]
[[Category:WS09]]
[[Category:PHP]]
[[Category:CSS]]
[[Category:Wordpress]]
[[Category:HTML]]
[[Category:Grundlagen]]
[[Category:Design]]
[[Category:Internet]]
[[Category:Interface-Design]]
[[Category:Michael Markert]]
[[Category:Sebastian Wolf]]
[[Category:WS09]]
[[Category:PHP]]
[[Category:CSS]]
[[Category:Wordpress]]
[[Category:HTML]]
[[Category:Grundlagen]]
[[Category:Design]]
[[Category:Internet]]
[[Category:Interface-Design]]
[[Category:Michael Markert]]
[[Category:Sebastian Wolf]]
[[Category:WS09]]
[[Category:PHP]]
[[Category:CSS]]
[[Category:Wordpress]]
[[Category:HTML]]
[[Category:Grundlagen]]
[[Category:Design]]
[[Category:Internet]]
[[Category:Interface-Design]]
[[Category:Michael Markert]]
[[Category:Sebastian Wolf]]
[[Category:WS09]]
[[Category:PHP]]
[[Category:CSS]]
[[Category:Wordpress]]
[[Category:HTML]]
[[Category:Grundlagen]]
[[Category:Design]]
[[Category:Design]]
[[Category:Internet]]
[[Category:Internet]]

Latest revision as of 00:21, 20 January 2011

Ziel

Geplant ist eine Mischung Blog/Galerie/Spielplatz auf Wordpress-Basis. Die Seite soll mir und Freunden zum einen als Austauschmöglichkeit dienen, zum anderen eine Plattform bilden, auf der man spätere Online-Projekte aufbauen kann. Beginnen wird das ganze als Blog, der dann durch eine Galerie erweitert werden soll, sowie einen "Spielplatz", der Punkt an dem zukünftig experimentiert wird.

Probleme/Lösungen

Plan
  • Angenehmes backend -> Seite soll dynamisch sein, von mir und anderen füll-/bearbeitbar, auch ohne Kenntnisse von HTML, PHP, CSS o. Ä.
  • Übersichtliches Frontend -> nichts soll vom Inhalt ablenken, keine ***-große navi, die immer dort ist wo man sie nicht braucht, keine unnützen Infos, die einem nur die Sicht auf den eigentlichen Inhalt nehmen
  • Dezente Farbgestaltung (Grautöne für angenehmes Lesen, auch in der Nacht; leuchtende Farben in kleinen Dosen, um die Übersicht und Frische zu wahren)
  • Sollte dabei Interesse wecken, allerdings zweitrangig, da die Seite für diejenigen gedacht ist, die es sowieso interessiert (persönliche Motivation, siehe GmG^^)
  • Einbinden von Videos, Fotos, Musik unter anderem via vimeo, arte, youtube -> Möglichkeit den hässlichen Standard-Player von youtube zu ersetzen / angepasstes Design / einheitliche Formate
  • Cross-Browser-Kompatibilität -> (aktuellste Versionen von) Firefox, Safari, Google Chrome getestet - keine Probleme (nicht im Internet-Explorer getestet, persönlicher Abneigung gegenüber dem IE geschuldet / Usability dürfte aber theoretisch nicht leiden)
  • Die Anzeige auf mobilen Endgeräten ist in dem Fall kein Thema, da auch die Inhalte für solche nicht ausgelegt sind (Flash/z.B. iPhone ungehackt nicht Flash-fähig, Videos, Bilder, massive Datenmengen/Kosten)
  • Möglichkeit die Seite jederzeit beliebig zu erweitern, ohne riesigen Arbeitsaufwand, Seiten hinzufügen und entfernen, Design ändern, Funktionen hinzufügen -> Wordpress als Basis

Ergebnis/Eigener Anteil

Zwischenstand Seite

Blog auf Wordpress-Basis, mit angepasstem Standard-Template, also Kürzen, Verändern und ein wenig Ergänzen.

WP-Plugins: Lightbox 2, Get-a-Post, NextGENGallery, All in One SEO Pack

NextGENGallery mit Lightbox gekoppelt und folgendem kleinen Hack [1]

Erarbeiten eines passenden Farbschemas, sowie einem geeigneten Layout.

Farbschema

Favicon, zwecks Identität.

Kompakter Header, von Zeit zu Zeit verändert, mal Foto, mal Flash-Video, mal interaktive Spielerei.

Inhaltliche und Gestalterische Pflege auch in Zukunft.

Browser-Optimierung für Firefox, Chrome und Safari (auch ein wenig IE, aber nur das Nötigste)


PAUSE