IFD:WebApps/DanceStage: Difference between revisions

From Medien Wiki
No edit summary
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
== DanceStage.de ==
== DanceStage.de ==
 
[http://dancestage.activearts.de/ vorläufig hier zu sehen (jQuery geht da leider nicht)]
===Beschreibung===
===Beschreibung===
Online-Tanzschule
Online-Tanzschule
 
[[Image:jQuery.png|thumb|right|Drop Down Menü mit jQuery]]
#'''Startseite''' (html, css, Flash): Es soll auch eine Möglichkeit für diejenigen, die tanzen lernen möchten, geben, dies unabhängig vom Ort und der Zeit zu tun. Auf der Startseite wird beschrieben, wie das mölich werden kann.
#'''Startseite''' (html, css, Flash): Es soll auch eine Möglichkeit für diejenigen, die tanzen lernen möchten, geben, dies unabhängig vom Ort und der Zeit zu tun. Auf der Startseite wird beschrieben, wie das mölich werden kann.
#'''Preisübersicht''' (html, css, Flash): Einfach mit einer Tabelle
#'''Preisübersicht''' (html, css, Flash): Einfach mit einer Tabelle
#'''Anmeldung''' (html, css, php): Nach der Anmeldung werden die eingetragenen Daten in einer Datenbank gespeichert.
#'''Anmeldung''' (html, css, php): Nach der Anmeldung werden die eingetragenen Daten in einer Datenbank gespeichert.
#'''Lexikon''' (Beschreibung der Tanzschritte mit Bildern) (html, css, jquery): Natürlich muss es auch ein Lexikon geben, in dem die wichtigsten Tanzschritte beschrieben werden. Beim Klick auf den Namen einer Tanzfigur kommt ein Foto zur Veranschaulichung.
#'''Lexikon''' (Beschreibung der Tanzschritte mit Bildern) (html, css, jquery): Natürlich muss es auch ein Lexikon geben, in dem die wichtigsten Tanzschritte beschrieben werden. Beim Klick auf den Namen einer Tanzfigur kommt ein Foto zur Veranschaulichung (jQuery: imgPreview).
#'''Unterrichtsvideos''' (html, css, jquery, php) + Login: Es gibt ein Testvideo, das sich die noch nich registrierten Besucher anschauen können, um eine bessere Vorstellung davon zu bekommen, wie eine Online-Tanzschule funktioniert. Sobald man dann aber die Unterrichtsvideos anschauen will, kommt ein Fenster, wo man sich anmelden muss, um am "Unterricht" teilzunehmen.
#'''Unterrichtsvideos''' (html, css, jquery, php) + Login: Es gibt ein Testvideo, das sich die noch nich registrierten Besucher anschauen können, um eine bessere Vorstellung davon zu bekommen, wie eine Online-Tanzschule funktioniert. Sobald man dann aber die Unterrichtsvideos anschauen will, kommt ein Fenster, wo man sich anmelden muss, um am "Unterricht" teilzunehmen.
#'''Kontaktformular / Impressum''' (html, css, php): Man kann seine Verbesserungsvorschläge oder Wünsche, aber auch Fragen mit Hilfe von einem Kontaktformular abschicken.
#'''Kontaktformular / Impressum''' (html, css, php, Flash): Man kann seine Verbesserungsvorschläge oder Wünsche, aber auch Fragen mit Hilfe von einem Kontaktformular abschicken.


===Entwurf===
===Entwurf===
[[File:entwurf1.jpg|200px]]
[[File:entwurf1.jpg|200px]]
[[File:entwurf2.jpg|200px]]
<br clear="all" />
<br clear="all" />
===Design===
===Design===
[[File:Blau.jpg|left|thumb|400px]]
[[File:Blau.jpg|left|thumb|400px]]
Line 20: Line 22:


===Wichtig für die Webseite===
===Wichtig für die Webseite===
Sie muss auf den Besucher einladend wirken und auch dynamisch sein, da es primär um Bewegung und Sport, aber auch um Rhythmusgefühl geht.
[[Image:Lexikon.png|thumb|right|imgPreview mit jQuery]]
Es soll ein Gefühl der Freiheit entstehen, den man beim Tanzen hat (oder zumindest haben kann), deswegen wurde weißer Hintergrund gewählt und eine, wie aus dem Nichts frei umherschwebende tanzende Figur, die aber gleichzeitig Spannung und Zielrichtung ausdrückt. Das rechte Bein und auch der Blick dieser Tänzerin zeigen auf das Menü, dies soll zum durchklicken auffordern.
Sie muss auf den Besucher '''einladend''' wirken und auch '''dynamisch''' sein, da es primär um '''Bewegung''' und '''Sport''', aber auch um '''Rhythmusgefühl''' geht.
Es soll ein Gefühl der '''Freiheit''' entstehen, den man beim Tanzen hat (oder zumindest haben kann), deswegen wurde weißer Hintergrund gewählt und eine, wie aus dem Nichts frei umherschwebende tanzende Figur, die aber gleichzeitig '''Spannung''' und '''Zielrichtung''' ausdrückt. Das rechte Bein und auch der Blick dieser Tänzerin zeigen auf das Menü, dies soll zum durchklicken auffordern.


===Vorgehensweise bei der Erstellung===
===Vorgehensweise bei der Erstellung===
Line 33: Line 36:
* [http://de.selfhtml.org Html+CSS]
* [http://de.selfhtml.org Html+CSS]
* [http://www.schattenbaum.net/php/anlegen.php Datenbanken]
* [http://www.schattenbaum.net/php/anlegen.php Datenbanken]
* Sven S.
und noch sämtliche Foren und Seitenquellentexte :)

Latest revision as of 15:29, 12 March 2011

DanceStage.de

vorläufig hier zu sehen (jQuery geht da leider nicht)

Beschreibung

Online-Tanzschule

Drop Down Menü mit jQuery
  1. Startseite (html, css, Flash): Es soll auch eine Möglichkeit für diejenigen, die tanzen lernen möchten, geben, dies unabhängig vom Ort und der Zeit zu tun. Auf der Startseite wird beschrieben, wie das mölich werden kann.
  2. Preisübersicht (html, css, Flash): Einfach mit einer Tabelle
  3. Anmeldung (html, css, php): Nach der Anmeldung werden die eingetragenen Daten in einer Datenbank gespeichert.
  4. Lexikon (Beschreibung der Tanzschritte mit Bildern) (html, css, jquery): Natürlich muss es auch ein Lexikon geben, in dem die wichtigsten Tanzschritte beschrieben werden. Beim Klick auf den Namen einer Tanzfigur kommt ein Foto zur Veranschaulichung (jQuery: imgPreview).
  5. Unterrichtsvideos (html, css, jquery, php) + Login: Es gibt ein Testvideo, das sich die noch nich registrierten Besucher anschauen können, um eine bessere Vorstellung davon zu bekommen, wie eine Online-Tanzschule funktioniert. Sobald man dann aber die Unterrichtsvideos anschauen will, kommt ein Fenster, wo man sich anmelden muss, um am "Unterricht" teilzunehmen.
  6. Kontaktformular / Impressum (html, css, php, Flash): Man kann seine Verbesserungsvorschläge oder Wünsche, aber auch Fragen mit Hilfe von einem Kontaktformular abschicken.

Entwurf

Entwurf1.jpg Entwurf2.jpg

Design

Blau.jpg
Lila.png


Wichtig für die Webseite

imgPreview mit jQuery

Sie muss auf den Besucher einladend wirken und auch dynamisch sein, da es primär um Bewegung und Sport, aber auch um Rhythmusgefühl geht. Es soll ein Gefühl der Freiheit entstehen, den man beim Tanzen hat (oder zumindest haben kann), deswegen wurde weißer Hintergrund gewählt und eine, wie aus dem Nichts frei umherschwebende tanzende Figur, die aber gleichzeitig Spannung und Zielrichtung ausdrückt. Das rechte Bein und auch der Blick dieser Tänzerin zeigen auf das Menü, dies soll zum durchklicken auffordern.

Vorgehensweise bei der Erstellung

Aneignung von: html, css, PHP, Javascript/jQuery, Adobe Flash

Hilfen dabei:

und noch sämtliche Foren und Seitenquellentexte :)