Understanding layout on Web
All web layouts have two basic parts. The first part is the content area while the other part is filler. Based on this balance, there are four broad categories of web layout.
- Unrestrained. The content is allowed to stretch horizontally from the left edge to the right edge of the window and vertically down to the bottom edge of the window which eliminate the needof filler.
- Fixed width. The content is given a set fixed size on its width, restraining the content horizontally.
- Fixed height. The content area is given a fixed length on its height, restraining it vertically.
- Fixed size. Both height and width are given a fixed width restraining the content regardless of screen size.
Understanding Hypertext, Navigation and Controls
- Navigation: these are links used to move the visitor between different general sections and pages within the site
- Controls: these are links or buttons used to perform a specific action, such as submit a form
- Hypertext: these are links used to display additional information about the specific text being linked.
Four D's of Web Design
In order to start designing a site, one have to collect, identify, and distill the information that will make up your site.
- Collect your content
- know your audience
- establish your goals
- plan features and interactivity
- consider the graphic design style
These are the points must be taken into consideration when defining and planning the site.
- Outline the site
- create a site map
- Sketch the layout grid
- create a storyboard
- define the look and feel
these are the points needed before designing the site.
- prepare the content
- create the code
- create a template
- Assemble the pages
- test your site
The web site may be built and tested and its now ready to go live!