Auf meiner Homepage möchte ich mich mit der Thematik der Faux Column beschäftigen, da ich damit vor einigen Semestern selbst Probleme damit hatte. Hierzu soll ein 2-spaltiges Layout mit Header erstellt werden (siehe Abb 1.), wobei in der Linken Spalte ein Menü mit der Möglichkeit zum Layoutwechsel angezeigt werden soll.
Als Hintergrundgrafiken werden nachbearbeitetet Grafiken, welche zur freien redaktionellen und kommerziellen Nutzung bzw. Bearbeitung auf pixelio.de freiggeben wurden, benutzt.
Die Breite des Wrappers wird auf 922px, die des Menüs (inkl. Padding von 12px) auf 250px, die des Contenbereichs (inkl. Padding von 12px) auf 672px, gesetzt. Der Header ertreckt sich über die gesamte Breite des Wrappers und hat somit eine Breite von 922px, sowie eine Höhe von 250px vorzuweisen.
Als Schriftart wird für den "normalen" Content Arial,13px verwendet, der Code wird in eigens im entsprechenden Tag als Arial,12px,italic dargestellt.
Hier gehts zu meiner HP!
balsamiq.com, http://balsamiq.com/products/mockups, 19.04.2011
pixelio.de, http://www.pixelio.de, 19.04.2011
April 2011 |
||||||
Mo |
Di |
Mi |
Do |
Fr |
Sa |
So |
1 |
2 |
3 |
||||
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
20 |
21 |
22 |
23 |
24 |
|
25 |
26 |
27 |
28 |
29 |
30 |
|