TEMPLATE CONSTRUCTION - III

[abdulkarim]

Following TEMPLATE CONSTRUCTION - II, the next stage is Stage 3

There are two steps

Step 1: Logically splitting your template into portions using a drawing/graphics application.

The Rule of Splitting: is to split one portion in to two parts.

Starting from the template created in Stage 1

   

[abdulkarim]

Stage 3 : Step 1 : Splitting (First Split)

   

[abdulkarim]

Stage 3 : Step 1 : Splitting (Second Split)

   

[abdulkarim]

Stage 3 : Step 1 : Splitting (Third Split)

   

[abdulkarim]

Stage 3 : Step 1 : Splitting (Fourth Split)


   

[abdulkarim]

Stage 3 : Step 1 : Splitting (Fifth Split)

   

[abdulkarim]

Stage 3 : Step 1 : Splitting (Sixth Split)
For our template it is the last split. This successive splitting will enable us to construct our template using HTML and CSS in successive steps without getting into any complexity, entanglement or confusion.

   

We are now ready to go ahead and actually construct this template using very basic HTML and CSS. That is Step 2 of Stage 3 TEMPLATE CONSTRUCTION - IV.