Learnit Training

4. Setting up a website plan

You have probably already thought about the subject of the website. Nevertheless, it is a good idea to put a few things clearly on paper. Consider the following points:

  • Topic
  • Logo & Corporate Identity
  • Number of items in the main menu
  • Possible need for a second submenu
  • design of the pages
  • technical functionality

When you have a complete description on paper, you can get started with Dreamweaver faster and with more focus.

4.1 Elements of the navigation menu

Defining the sections in the main menu is an easy way to get a better understanding of the structure of the website. You can draw an organogram that shows which pages are needed for the website. During this process, it is good practice to get ideas when looking at other, similar websites. We are going to use the organisational chart below for the Demo page during this training course.

Screenshot online training Dreamweaver CC from Learnit.

4.2 Determining the layout

Sketching the layout before you start prevents many questions during the building process. It is a good idea to think about this beforehand because changing the layout later can be an intensive process, apart from the double work. The image below shows a sketch that was made in advance with the free programme Balsamiq (especially for making mockups). It is also possible that a design is delivered by a design agency. The sketch below is meant to give you an idea of what is meant with "Defining the layout".

Screenshot online training Dreamweaver CC from Learnit.

Because you have created a new HTML file based on a template during chapter 2 (the Interface), designing a layout is no longer necessary (provided you want to change it). After all: after creating the document, the correct layout (a standard layout) is already on the screen.

Because making a layout is one of the more difficult aspects of HTML and CSS, we will not discuss it further during this online training. If you want to know more about this, you can register for a training HTML and CSS at Learnit.