Re-capping on basics of Web Design
1. What is the purpose of the website?
2. Who is it for? Target audience. (freelancer for clients or designer seeking employment?
3. What does the target audience need from the website?
Get people to give their initial reactions of your website to test it works for its purpose - within a few seconds people decide whether they are going to interact with the website or not
* Book - HTML&CSS Web Design - John Duckett *
Screens are now actually 96ppi not 72ppi, Apple retina display is 227ppi
Using Dreamweaver CS6
- Meta tags - keywords that google uses to find websites
- Head tag is for functionality, not to contain designs
- Everything has to be managed in the right folder to work, needs to be set up right with images folder
- Dreamweaver - Site - New site - Link to root folder - Save - Save in root folder - has to be saves as index.html
CSS
- With css you can write notes to yourself to help you break up what is for what [ eg: /* text */ ]
- To start a code eg [body { <-- curly bracket to open body settings
font-family:verdana; <-- semi colon to close setting
} <-- close setting]
- Save as a stylesheet, link to html in the head tags using this link button in the css column
- Dont copy and paste code as it won't work
- The position and float makes everything line up:
**next week - advanced coding**
