Web Design: Seminar 1 // Recap

3 QUESTIONS;

- What is the purpose of the website

- Who is the target website

- What the target audience needs from the website

- Start looking at websites.

Always sketch out the scam design first, then do another map out of all the pxl details (width and height)

Avoid books about web design and online tutorials, you are best just to work it out from trial and error.

HTML & CSS - John Ducket

META TABS - this is used for key words so you are easy to search and be found on google etc.

<html> open tab - from this point forward we will be writing in html language.

</html> close tab - not talking in the html anymore

<head> anything that isn't visible in the design; searchable by google, different languages (CSS), title

<body> open body tab, anything you want to be visible has to between this and the close tab </body>

Before you start creating the website you have to MANAGE it, you have to have everything in one folder before you start working otherwise it wont work.

On college computers you have to create and work out of User Works folder. Call the folder what you want but DONT use caps or glyphs and try keep to under 8 characters. The longer the file name the more probability it wont work. No spaces.

Any media that you use should go into the images folder

Make sure the name of the site when creating a new one does not have any spaces or caps, then remember to chose the root folder

Save the first page as INDEX not home as it is an English word. A web server will only look for index.

Every time you make a little change, save it and preview it - if something goes wrong you can then tell which bit of code isnt' working instead of having to go back and check through all of it.

Default font is always Times, font is not measured in point, it is measured in pixels. Default size is 14pxls.

On the internet you can only use standard fonts, only about 35 of them, very few. If you work in CSS you can use any font but not in HTML.

If we just worked in HTML we would be very limited. Never copy and paste code because it wont work all the time, visiably there is nothing wrong with it but it wont work when it goes live

CREATING LAYOUTS

CSS - you can only see the code form.

The difference is when you start with this new document you only start with 1 or 2 lines of code instead of 8 in HTML

Line 2 is used for notes which you can write stuff for yourself to remember. /* is the start of notes.

Default way of writing CSS code is to have it on 1 line but to make it more legible / readable you can seperate them

Font - incase there isn't the font that you want you install one of the font families.

; - you have to have semi colon to close the line. and } to close the body

You then need to LINK the stylesheet to the html - do this between open and close head because it is somethign that you don't see.

Font pnt vs pxls - they are roughly the same size but pxls are slightly bigger so you just need to test them out.

There are only a limited amount of web safe colours. You cant copy right web safe colours because there are such a limited amount of them. Large companies who have a copy right colour will have a web safe alternative.