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

About the author: Bèr Kessels is an experienced webdeveloper with a great passion for technology and Open Source. A golden combination to implement that technology in a good and efficient way. Follow @berkes on Twitter. Or read more about Bèr.

blog comments powered by Disqus