BoilerPlate.CSS.

The boilerplate is when you clear a browsers css and reseting it to your own default values. http://csswizardry.com/2011/01/the-real-html5-boilerplate/ - Example code can be found here. this creates a blank template to work from.

The 960 system.

With 960 pixels as my defined width i style everything within that by using either pixels or as a percentage of 960 pixels wide. this creates a clear layout and allows for users with small screens to navigate easaly. Further refiening the CSS of my page has allowed me to change the site from a basic color scheme into a vibrant page.  

More CSS.

using CSS to further refine the layout of out websited with floats, background and border colors. we were given a task to create a form and a table. the table lists items in an easy to understand way. the form creates a comment type system which allows users to post comments or emails to the website.

Design aspect.

Using photoshop to create templates and layouts for our website design is a big help. it allows us to plan out the site and figure out where everything will go.

Problem, Solved.

Using CSS has made alot of things very easy. Adding borders to images and creating backgrounds is very simple now that i have used CSS.

Time Consuming Process.

With the next website i created i was asked to make two pages like together. Then i was to take a random background and place it on both pages. Then i needed to take one of them out and replace it with a different image. Then i needed to change the font of text on one page, then the color on another. Doing this all was a very time intensive, even for just 2 pages. We were told that we could use a single style sheet to change all the pages at once. This is known as a CSS sheet (Cascadeing Style Sheet). This is extreamly helpful and reduces time and effort put into websites.

Second Site.

This time i learned how to place pictures from an online source or from a local file. I also learned how to embed videos. Links to 4 other pages gives the site a larger feel to it, instead of being confined to one page, the user can surf through multiple pages and the coder can sort information logicaly. I created an unordered list to house the links to the other pages. this creates a bullet hole type of list for ease of use and clarity.

The list items change from a blue colour to a yellow colour when clicked.
This is created using the <ul> <li></li> </ul> tags.