Hallo Leutz,

das Design des zukünftiges Perl-Community-Boards schaut wirklich gut aus.
Es ist schlicht und übersichtlich, dennoch sind mir ein paar Dinge aufge-
fallen und ich möchte gerne den einen oder anderen Verbesserungsvor-
schlag anbringen.

Ich habe hierfür die Hauptseite des Boards mit allen notwendigen Images
und Styles kopiert (in Abstimmung mit einem Moderator), um ein Beispiel
vorzeigen zu können.

http://www.bloonix.de/dev_perl_com/dev_perl_com.htm

In dem Beispiel habe ich folgende Änderungen vorgenommen ...

Das Dev-Board besteht aus einer riesigen Tabelle mit mehreren kleineren
Untertabellen. Tabellen sind leider sehr unflexibel und nach heutigem
HTML-Vorstellungen fürs Design deprecated - sagt man zumindest.

* Die riesige Tabelle mit Content habe ich deshalb aufgelöst und
stattdessen dem Body verschiedene Styles verpasst.

* Die colspan's der Untertabellen sind somit ebenfalls aufgelöst.

* Aus der Linkliste zwischen den beiden Kamelimages habe ich eine
Navigationsleiste (ul,li) gepackt. Sie ist immer zentriert, da Kamelimages
und Navi in einer eigenen Tabelle mit 3-Spalten liegen (20%-60%-20%).

* Das rechte Kamelimage ist nicht mehr als Background defniniert, sondern
befindet sich in der rechten Spalte neben der Navigationsleite.

* Die Fussleiste habe ich aus der Tabelle mit der Forenübersicht herausge-
löst und in zwei DIV's portiert.

* Für die Tabellenheader habe ich mit Gimp auf die Schnelle Balken erstellt.

Für den oberen Header habe ich folgende Werte genommen:
Height: 25px;
Width: 2px;
Farben: 7a7a7a-adadad
Name: headline.gif

Für den unteren Header ...
Height: 22px;
Width: 2px;
Farben: d2d2d2-f2f2f2
Name: category.gif

* Desweiteren habe ein paar HTML-Definitionen in CSS umgewandelt.

Kurzübersicht der Strukturen ...

Original:



Vorschlag:



Greez,
opi

css anstelle der haupttabelle finde ich klasse, und es duerfte auch sehr einfach zu aendern sein, da header/footer/navigation etc. in eigene templates ausgelagert sind.

Nur der graue Hintergrund der Navigationbar finde ich persoenlich nicht so schoen; da gefaellt mir der Originalhintergrund besser. Was meint ihr?

Ich will eh das board wieder mal mit HTML::Template::Compiled testen... dann kann ich die gleich mit einbauen.

@all: Einverstanden?

klar.

[quote=Strat,15.01.2006, 15:12]Nur der graue Hintergrund der Navigationbar finde ich persoenlich nicht so schoen; da gefaellt mir der Originalhintergrund besser.[/quote]
ich finde es auch nicht weltberauschend, aber man kann die liste anhand
der css-Datei formatieren, wie es beliebt. durch die zentrierung in einer
mittleren spalte ist sichergestellt, dass die links das rechte kamelimage
nicht überschreiben.

zudem ist das <ul> element zur auflistung von links üblich.

es war mir eine freude mitzuwirken :-)

greez

@Strat: einverstanden!

Ein paar kleinere Sachen sind mir dennoch aufgefallen:

*) kann man so etwas verhindern: http://perl.renee-baecker.de/images/pboardII.JPG

*) Wir sollten "unser" Kamel beibehalten. Wir haben es auf T-Shirts/Pullis und seit laengerer Zeit als unser Erkennungszeichen (Danke @cooly)...

meinst du das kamelbild auf dieser seite links oben?\n\n

<!--EDIT|opi|1137398694-->

[quote=opi,16.01.2006, 08:59][/quote]
[quote=renee,16.01.2006, 08:02]*) kann man so etwas verhindern: http://perl.renee-baecker.de/images/pboardII.JPG[/quote]
ja kann man. ich habe auf dieser testseite mit prozentangaben
gespielt. wenn man dann das browserfenster verkleinert, dann
schrumpft natürlich auch der inhalt. die inline elemente, die
immer das gleiche aussehen haben sollen, müssen mit fixen
werten ausgestattet werden. wenn man die weite so angibt,
dass es bei einer auflösung von derzeit üblichen 1024x768
(evtl. 800x600) passt, dann sollte die breitere masse damit
abgedeckt sein.\n\n

<!--EDIT|opi|1137410940-->

Bitte, keine fixen Breiten! Relative Größen.
Sonst kann das Forum auf einem Organizer oder Mobiltelefon schlecht angesehen werden.
CSS + divs sind sinnvoll, denn nur die skalieren auf kleineren Geräten und bei gezoomter Seite richtig.

Wenn man sich auf Mobiltelefonen HTML-Seiten anschauen will, dann bleibt in der Praxis nur die Neuprogrammierung der Templates...

[quote=ptk,16.01.2006, 09:30]Wenn man sich auf Mobiltelefonen HTML-Seiten anschauen will, dann bleibt in der Praxis nur die Neuprogrammierung der Templates...[/quote]
warum die templates? an den html-strukturen sollten nur
änderungen vorgenommen werden, wenn sich datenstrukturen
ändern. für das design ist ausschließlich eine css-datei
zuständig - breiten, höhen, größen, formen, farben...

auf diese weise kann man auch mehrere css-dateien erzeugen,
passend für jeden typ. da bleibt nur noch die frage, ob man
abfragen kann, ob ein request nun von einem mobiltelefon oder
von einem gewöhnlichen browser kommt.