Week Three

Chapter one in “Principles of Beautiful Web Design” focused on the basic principles involving webpage planning, as well as its layouts, and overall characteristics towards creating a good webpage.  Before creating a webpage, one must meet with the client in order to discover what contents will be included within the page.  After the meeting, you will have the opportunity to create a number of sketches to show your client before moving onto create the final webpage.  After a layout is considered, you can finally begin working on your webpage.  Almost all websites include a containing block, a logo, a navigation menu, content, a footer, and whitespace.  Grid theory (dividing the length of lines by 1.62), as well as the rule of thirds (dividing a work page into one third sections in order to create a grid) assits in creating a proper webpage.  One should also make sure that a webpage contains balance whether it be symmetrical balance (elements of a composition are the same on either side of the axis line) or asymmetrical balance (involving objects of differing size, shape, tone, or placement but equalize in weight throughout the page).  Unity being another important aspect to a proper webpage refers to how different elements of a webpage interact with eachother. 

Basic webpage layouts include but are not limited to the following

  • Left-Column Navigation:  most widely used layout, the left column is used as the main navigation block while the right column is used as teh main content block.
  • Right-Column Navigation:  Follows the same aspects as the Left-Column Navigation layout, however, the navigation block is located on the right side of the page instead of the left side.
  • Three-Column Navigation:  This layout consists of a wide center column that is surrounded by two  navigational columns to the left and right.  .
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: