Week 7

More wireframing.

Another continued look at the basis of laying out a website, once again using a grid system. A particularly good site (www.960.gs) gives a free file for CS6 that creates a 12 column page very useful for pre construction of a site. 

At the end of the class we returned to actual code. This week we looked at div's and floats, one of the most important basics for a website. These tags place the content of the site in chosen places on the webpage. For example you can centre the content of your site in the middle of the page which gives a nice amount of white space on the sides. 

Also another good font: Clarendon.

Week 6

This class was mainly focused on the design side of creating a website.

The main topic was wireframing, the idea of the layout of the website, done mostly using a grid system. In principal most websites are laid out in a grid. Whatever content goes into these grids isn't important. In some cases the content doesn't even fit the margins of the boxes in the grid. 

A wonder website (www.webwithoutwords.com) takes some of the worlds most visited websites and places a wireframe over the content, leaving you to guess what website it is. It provides some good inspiration as you get an idea of how the most popular websites on the internet are laid out.

Another good site for inspiration, www.designfloat.com.