Website creation:

Today we had our first workshop into web design, we began learning the very basics and formed a starting point when creating any website.

Here are my notes from the workshop.

We were informed that the most beneficial thing you can do is decide your measurements, fonts and colours before you begin designing and that will make the entire process progress a lot easier. 

We had a demonstration of how by using a separate CSS page as a template, it kept all of the design choices the same and kept a recurring theme flowing through the site's pages.

The home page of each HTML site must be saved into a folder called 'Root' and that the home page must be called 'Index' for lingual reasons, as in the french and other such languages wouldn't use the word 'Home', therefor index applies in a variety of languages.

CSS part of the site:

The CSS part of dreamweaver is where I chose which font family I want to display my body copy text, the colour of my back ground, the widths and heights of my pages and all other decisions such as those.

CSS uses 'curly brackets' {} as a command and semi colons ; to end the instruction.

HTML part:

HTML is where I will be placing my information images and other such details. 

Commands are given using <> and this part works in conjunction with the CSS template. 

Viewing the progress in a web browser: 

Before creating my script and code, my site was an empty white background, after the workshop the site now contains text, colour and my chosen margins.

We were directed over to http://www.codecademy.com/, a site which can be used by amateur web designers to aid their process. I have just visited this site and it appears to be very helpful, user friendly and simple to understand. I imagine this will be a site which will massively aid my web design process.

Simple instructions such as this from Code academy will greatly help my design process.

http://www.crockford.com/wrrrld/color.html

After finding Code academy and following some interactive demonstrations, I have located a chart which shows all of the colours which are web compatible. 

The basic principles of code seem to be something which I will understand over time, but the conjunction between using CSS and HTML is something which is confusing me so far, but I will hopefully get to grasp with it when creating my site.