Thread http://develop.perl-community.de/: Verbesserungsvorschläge (18 answers)
Opened by bloonix at 2006-01-15 15:17

bloonix
 2006-01-15 15:17
#89149 #89149
User since
2005-12-17
1615 Artikel
HausmeisterIn
[Homepage]
user image
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:

Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
body
+-----------------------------------+
| table shadow                      |
| +-------------------------------+ |
| | table bigtable                | |
| | +---------------------------+ | |
| | | table links, images       | | |
| | | +-----------------------+ | | |
| | | | table forenübersicht  | | | |
| | | |                       | | | |
| | | |                       | | | |
| | | |                       | | | |
| | | |                       | | | |
| | | |                       | | | |
| | | +-----------------------+ | | |
| | +---------------------------+ | |
| +-------------------------------+ |
+-----------------------------------+


Vorschlag:

Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
body mit shadow
+-----------------------------------+
| div content                       |
| +-------------------------------+ |
| | table navi, images            | |
| +-------------------------------+ |
|                                   |
| +-------------------------------+ |
| | div welcome, reg, login       | |
| +-------------------------------+ |
|                                   |
| +-------------------------------+ |
| | table forenübersicht          | |
| +-------------------------------+ |
|                                   |
| +-------------------------------+ |
| | div footer                    | |
| | +---------------------------+ | |
| | | div infooter              | | |
| | +---------------------------+ | |
| +-------------------------------+ |
+-----------------------------------+


Greez,
opi
What is a good module? That's hard to say.
What is good code? That's also hard to say.
One man's Thing of Beauty is another's man's Evil Hack.

View full thread http://develop.perl-community.de/: Verbesserungsvorschläge