Studio Template Design Help

I need help with turning my web design concept into a reality, but I lack the skills.

Here is the Template Concept:
Website Template

Field 1
This will be reserved for images to be displayed by being triggered by a “Mouse Over” for the specific pages/links in the list in Field 2.

Field 2
This will be where the navigation list will display web content in Field 3.

Field 3
This is where all the content will be for the pages in the link list from Field 2.

I still intend on having a Header/Footer above the fields that remains regardless of how the template is designed and interacted with.

I do not know how to go about doing this. Can anyone provide guidance for me? Maybe this already exists, but I am not locating it?

Thank you in advance!