Nuke to Drupal Theme conversion: Prepare HTML
We now need a barebones HTML file. Before starting with this , we need to knwo the areas, or regions we will use.
Areas Mockup
Using inkscape, I took the screenshots and drew rectangles over the areas. The colours keep it clear what areas are required.
This mockup will later also be used to measure the exact sizes of all elements.
Sizing
| # | Height | Width | Comment | Top | Left | Right | Bottom | Margin L | Margin R |
|---|---|---|---|---|---|---|---|---|---|
| 1 | 80 | 132 | Fixed | 0 | 0 | x | x | 0 | 0 |
| 2 | 80 | 648 | Fixed | 0 | 132 | x | x | 0 | 0 |
| 3 | 80 | 770 | Fluid | 80 | 10 | 0 | x | 0 | 0 |
| 4 | x | 122 | Fixed left floating | 160 | 10 | x | x | 0 | 0 |
| 5 | x | x | Fluid with margins | 160 | 10 | 10 | x | 122 | 0 |
| 6 | x | 122 | Fixed right floating | 160 | 0 | 0 | x | 0 | 0 |
| 7 | 73 | 760 | Fluid | x | 10 | 10 | x | 0 | 0 |