IFD:WebApps/PeterH.-liveforlife.de: Difference between revisions

From Medien Wiki
No edit summary
No edit summary
Line 21: Line 21:


Die Webseite soll Informationen über den Verein und die Veranstaltungen zur Verfügung stellen.  
Die Webseite soll Informationen über den Verein und die Veranstaltungen zur Verfügung stellen.  
==Entwicklung==
[[File:lvlalt1.png|left|thumb|frühe Version, Navigation waagrecht]]<br clear="both">
[[File:lvlalt2.png|left|thumb|modifizierte früher Version, Navigation links]]<br clear="both">
[[File:lvlalt3.png|left|thumb|erweiterte Navigation, neuer Header]]<br clear="both">
[[File:lvlalt4.png|left|thumb|komplett überarbeitete Navigation]]<br clear="both">


==Design/Screenshots==
==Design/Screenshots==
[http://www.liveforlife.de/test2/lila Webseite mit Farbschema Lila]<br/>
[http://www.liveforlife.de/test2/lila Webseite mit Farbschema Lila]<br/>
[http://www.liveforlife.de/test2/dunkelgr Webseite mit Farbschema Grün]<br/>
[http://www.liveforlife.de/test2/dunkelgr Webseite mit Farbschema Grün]<br/>
(zur Zeit lauffähig auf Gecko- und Webkit-Browsern, Presto größtenteils, IE kaum (außer IE 9 Beta)
(zur Zeit lauffähig auf Gecko-, Webkit-, und Presto-Browsern, IE mit Designabstrichen (außer IE 9 Beta)
[[File:lflscreenshot1.png|left|thumb|Navigation ausgeklappt]]
[[File:lflscreenshot1.png|left|thumb|Navigation ausgeklappt]]
[[File:lflscreen2.png|left|thumb|Startseite, andere Farbeschema]]
[[File:lflscreen2.png|left|thumb|Startseite, andere Farbeschema]]
Line 35: Line 41:
[http://www.selfhtml.org HTML]<br/>
[http://www.selfhtml.org HTML]<br/>
[http://www.colorzilla.com/gradient-editor CSS3 Gradient Editor]<br />
[http://www.colorzilla.com/gradient-editor CSS3 Gradient Editor]<br />
[http://highslide.com/ Highslide]<br />
[http://www.deluxeblogtips.com/2010/05/image-slider-pure-css3.html Idee für CSS Image Slider] <br />
[http://www.deluxeblogtips.com/2010/05/image-slider-pure-css3.html CSS3 Image Slider]<br />
[http://www.php.net/ PHP]<br />
[http://www.php.net/ PHP]<br />
[http://www.css4you.de/ CSS] <br />

Revision as of 10:41, 19 January 2011

Projektbeschreibung:

Im Rahmen des Projektes setze ich eine Webseite für den Verein "Live for Life e.V." um.

Prinzip des Vereins:

  • Unterstützung von sozialen Projekten weltweit
  • Jeder kann Aktionen organisieren und dadurch einen aktiven Beitrag leisten
  • Beispiele: Partys, Konzerte, Sportturniere, Ausstellungen, Straßenaktionen mit Artistik und Musik, Kuchen backen usw.
  • Live for Life ist kein traditioneller Spendenverein sondern dient als:
    • Plattform zum Austausch von Ideen, Kontakten
    • Helfer bei der Organisation

Die Webseite soll Informationen über den Verein und die Veranstaltungen zur Verfügung stellen.

Entwicklung

frühe Version, Navigation waagrecht


modifizierte früher Version, Navigation links


erweiterte Navigation, neuer Header


komplett überarbeitete Navigation


Design/Screenshots

Webseite mit Farbschema Lila
Webseite mit Farbschema Grün
(zur Zeit lauffähig auf Gecko-, Webkit-, und Presto-Browsern, IE mit Designabstrichen (außer IE 9 Beta)

Navigation ausgeklappt
Startseite, andere Farbeschema


Quellen / Hilfen:

HTML
CSS3 Gradient Editor
Idee für CSS Image Slider
PHP
CSS