Das Programm soll es Einsteigern ermöglichen ein ansprechendes und funktionstüchtiges selbst in kurzer Zeit und ohne viel Fachkenntnis zu erstellen. Dazu kann der Benutzer vorgefertigte Elemente auf der Seite frei platzieren und gestalten. Als Hilfe stehen ihm Grundgerüste und Farbschemen zur Verfügung. Zusätzlich soll das Programm Tutorials zur Webseitenentwicklung, sowie einen Export in HTML/CSS und für CMS- und Blog-Systeme enthalten.
Idee
Die Idee ist es, eine Schnittstelle zwischen professionellem
HTML/
CSS und dem womöglich noobigen Nutzer, sowie eine Anlaufstelle für Möchte-gern Designer und Webseiten-Betreiber zu schaffen.
Update: Ich habe inzwischen dass Programm GPick entdeckt, das einen Teil meiner Idee bereits verwirklicht. Kommt ganz am Ende:
http://vimeo.com/20597493
Beschreibung
Das maximierte Fenster bietet auf der linken Seite Steuerungselemente zur Gestaltung der Seite (oben) und eine Art Pseudocode (unten). Rechts ist eine vom Programm selbst erstellte Vorschau (also wie wir denken, wie die Website aussieht). Mit dem Pseudocode arbeitet auch das Programm intern, ich stell mir das so vor:
Pseudocode
Ähnlich wie beim Programmieren, ein passenderer Name wäre von Vorteil
box {
header (farbprofil1)
logobox (logo.png)
contentbox {
sidenav: left (#FFF, #000)
inhalt (farben)
}
}
footer [bottom:0;]
Wie zu sehen ist, ist der Code Markup-ähnlich (→ XML). Es gibt Klassen und Member mit Attributen
Die geschweiften Klammern sind für Klassen/Boxen, die Elemente enthalten.
Die Member haben Attribute in runden Klammern, entweder ist der Parameter ein Farbprofil, Bild oder die Farben
auch reiner
CSS-Code ist möglich, in eckigen Klammern
Realisierbar wäre weiters Vererbung (à la „contentbox+elternbox“)
Farbschmemas
enthalten Farben für Ränder, Vodergrund, Hintergrund (eventl. überall 2 für komplexere Elemente)
vordefinierte, Import, Export
Grundgerüste
siehe zB. intensivstation.ch
Elemente
Navigationen, zB
Boxen
Platz für Werbeflächen
Header
Footer
Contenboxen
Vorschau
Wird neben dem Editor angezeigt, so wie sich das Prog das Design „denkt“.
Wird alle x-Sekunden neu geladen.
Zusätzliche Buttons für versch. Browser (Verbindung zu Browsershots.org?)
Hilfe
Beschreibung der Funktionen (ausführliche und gut erklärte Dokumentation)
Tutorials
z.B.:
Sprache
Programmiersprache:
Java, da:
Benutzeroberfläche
Mehrsprachig (EN, DE)
Lizenz
bevorzugt GNU-GPL