Design 'Layout' tab in ABAP web dynpro (SE80)

Below is an example of an ABAP web dynpro layout design and how elements can be added and nested within each other. I have not shown all the individule properties of the various UI elements but if you have a play around with some of the properties such as Table width, Table visibleRowCount , Tab width etc etc you will start to get a feel of what can be done and how it effects the look of the resultant output!

This is how the above layout looks in your Internet browser!