Projektplanung - Wie mache ich was?

[gixx]

Hallo zusammen,
ich plane eine Website zu erstellen, die hauptsächlich aus etwas besteht, was ich schon als "Webapp" bezeichnen würde..
Man soll über Rubriken zu Unterubriken kommen wo man dann zwischen Themen auswählen kann. Mit einem Klick auf ein Thema soll man einen Artikel angezeitgt bekommen.
Diese "Webapp" soll eine Oberfläche haben, die man vom Aufbau vllt mit dem Surface von Windows8 vergleichen kann.
Ich habe kleine Entwürfe schon mit Photoshop erstellt, jedoch sind diese noch nicht entgültig und sollen nur ein Leitfaden sein.
Die Rubrik-Auswahl soll vom Schema her so aussehen:


Durch ein "MouseOver" auf eine Rubrik sollen die anderen die Farbe verlieren:


Klickt man auf eine Rubrik werden die Unterthemen angezeigt:


Durch ein "MouseOver" auf ein Unterthema, verlieren die anderen Themen ihre Farbe.


Durch einen Klick gelangt man dann zum Artikel, der in einem Fenster über der Auswahloberfläche erscheinen soll.

Nun weiß ich jedoch noch nicht wie ich meine Idee umsetzen kann.
Ich bin Informatik-Student, kann daher programmieren und behaupte mal, dass ich auch ein gutes Verständnis für Programmiersprachen habe. Jedoch fehlen mir noch die Fähigkeiten in Sachen Webentwicklung.
Ich bekomme von der Uni die CS6 von Adobe zu Verfügung gestellt und habe gestern schon etwas mit Dreamweaver und Flash rumgespielt..

Aber wie setze ich mein Projekt am besten um?

• Ist Flash dafür "noch" geeignet? Es soll auf möglichst vielen Plattformen funktionieren.
• Kann man sowas auch mit HTML5 & CSS3 umsetzen?
• Die Artikel(mit Bildern) werden wohlmöglich nachträglich noch verändert. Hierfür XML verwenden?
• Kann ich ein CMS-System zur Verwaltung verwenden, sodass auch andere die Artikel verändern können?
  

Wie schon gesagt, habe ich auf dem Gebiet noch sehr wenig know-how und daher bitte ich auch "dumme Fragen" meinerseits die vielleicht schon gestellt wurden zu entschuldigen.


Ich suche eben noch die Struktur, mit der ich dieses Projekt umsetzen kann. Sprich: Wie implementiere ich welche Komponenten?


Ich hab ein Paar Muster/Templates gefunden, die ich für vergleichbar halte, jedoch bin ich mir nicht sicher für wie vergleichbar:

• Muster 1
• Muster 2 (nicht erschrecken, Musik ;D )

Kann jemand vielleicht sogar gut vergleichbare Muster empfehlen?


Ich bedanke hier mich schonmal fürs Lesen meines Beitrags und würde mich sehr über hilfreiche Antworten freuen

 

[Kleindarsteller]

AW: Projektplanung - Wie mache ich was?

Schau mal hier vorbei: http://droptiles.com/
Sowie hier: http://metroui.org.ua/
Oder hier:

 

[ue30]

AW: Projektplanung - Wie mache ich was?

Hallo gixx,
mit Flash ist das sicher machbar, ob man es dafür verwendet ist wohl mehr eine Glaubensfrage.
Meiner Meinung nach sin die beschriebenen Funktionen aber auch mit HTML und CSS umsetzbar, wenn Du das alles selbst erstellen willst mit sehr viel Arbeit verbunden. Für den Fall würde ich Dir ein JavaScript-Framework wie z.B. jQuery empfehlen.

 

[Bertram_Heinrichs]

AW: Projektplanung - Wie mache ich was?

Handgeschriebenes CSS reicht dafür aus.

 

[rafoldi]

AW: Projektplanung - Wie mache ich was?

Handgeschriebenes CSS reicht dafür aus.

denke ich auch, alles andere (flash und jquerry) macht alles nur unnötig kompliziert und langsam.

 

[gixx]

AW: Projektplanung - Wie mache ich was?

Ok vielen Dank schonmal für die Atworten!

Handgeschriebenes CSS reicht dafür aus.

Soll das bedeuten, dass es nicht mit so viel Aufwand verbunden ist, wenn ich es in CSS versuche selbst zu programmieren?