Here is a basic guide to building a website using the short courses manuals for Certificate in Web Design.
Sample of a basic web page structure
Designing your website
- Photoshop, Illustrator, Fireworks software
- Resolution : 72dpi : Book B pg 72-73
- Dimensions : 800-960px width (suggestion) : Book B pg 72-73
- Colour Mode : RGB
- Units of measurement : Pixels
- Rulers
- Guides
- Kuler website to help with Colour selection
- Cropping Images : Book B – pg 74
- Using Selection : Book B – pg 77-84
- Editing Images : Book B – pg 96-103
- Using Text : Book B – pg 106-115
- Output and Optimize images for the Web : Book B pg 125-126
Developing your website
Preparation
- Defining your site : Book A – pg 26
- Creating your website files and folders : Book A pg 26-27
- Creating a Home page : Book A – pg 28
- Inserting page titles : Book A – pg 29
- Attaching Stylesheets : Book A – pg 56
- Using CSS for your website : Book A – pg 48-55
- Developing the layout : Book A – pg 93-100
- Using Templates : Book B – pg 3-13
- Creating Tables : Book A – pg 103-114
Menu / Buttons / Hyperlinks / Email Links
- Menu / Navigation : Book A – pg 89-90
- CSS Rollover buttons : Book A – pg 80, pg 88
- Links : Book A – pg 84
- Email links : Book A – pg 87
Using Images
- Use the appropriate file formats and quality compression for your images
- Use the ALT tag for your images : Book A – pg 72
- Inserting Images : Book A – pg 74-76
- Modifying Images : Book A – pg 77-78
- Using Background images : Book A – pg 80
Interactivity
- Rollover Images : Book B – pg 17
- Hiding and Showing Elements (Captions) : Book B – pg 18
- Tooltips : Book B – pg 20
- Adding Effects : Book B – pg 21
- Embedding Flash : Book B – pg 22
Formatting Text
- Creating a list : Book A – pg 39
- Formatting text : Book A – pg 40
- Formatting text using CSS : Book A – pg 60-67
SEO – Search Engine Optimisation
- Applying Meta tags : Book B – pg 25-27
Forms
- Creating Forms : Book A – pg 119-132
Publishing Your Website
- Testing and Debugging : Book B – pg 30-32
- Uploading Online : Book B – pg 35-37
Feedback
*To embed code in Feedback, insert code between "pre" tags.