E-Quals (Level 2) unit 208 - Website Design
 
::You will find supporting materials to help you complete your unit.
 
Unit 208 Frequently Asked Questions
Learning Outcomes Document (pdf)

 

* When completing weekly exercises you must keep a record of work, as you will be required to demonstrate some of the exercises.

Weekly Schedule - Topics
Lecture Notes
Class Notes + Tasks
Week 1 - induction to unit

Tutor led discussion / * In class demonstration

 

 

Week 2 - HTML BASICS / Using Notepad / Writing a simple HTML page / Using the Paragraph tag / Header tag

Tutor led discussion / * In class demonstration Read the following document HTML Basics and complete the 3 exercises. You must save the 3 exercises for future reference.
Week 3 - HTML BASICS / Using Notepad / Using bold and Italic text / Specifying font color / Specifying font Size Tutor led discussion / * In class demonstration Read the following document HTML Basics1 and complete the 3 exercises. You must save the 3 exercises for future reference.
Week 4 - HTML BASICS / Using Notepad / Using preformatted text / Specifying background images / Specifying background colour / Using line breaks Tutor led discussion / * In class demonstration Read the following document HTML Basics2 and complete the 4 exercises. You must save the 4 exercises for future reference.
Week 5 - Class test   Create a HTML page. With a title, background colour of your choice. Use at least 1 different font colour. Implement the use of the heading and paragraph tag, also bold and italics. * Note the content is "My Worst Day"
Week 6 - tables/ Using Notepad / Tables/ Colspan Rowspan attributes / Cell spacing / Adding colour to cells  

Read the following document HTML Basics3 and complete the 5 exercises. You must save the 5 exercises for future reference.

This document is also useful for understanding tables:

Netscape standard for tables document

Week 7 - Website development methodologies / Requirements analysis / Identifying site scope, purpose, target users  

Website Development Methodology

*Develop a project plan for a proposed website of your choice (the content must have a real user base)

Week 8 - Website development methodologies / Building a site map (Flow chart)/ Content list -=Workshop=- *Create a sitemap (flow chart)with a corresponding content list of your website.
Week 9 - Website development methodologies / Storyboarding / Creative Concept -=Workshop=-

*Create storyboards of your defined webpages.

Storyboard Template

Week10 - Website development methodologies / Storyboarding / Creative Concept -=Workshop=-

*Create storyboards of your defined webpages and gather information and graphics.

Storyboarding Guide

Week11: frontpage 2000 workshop

-=Workshop=-

 

Chapter 1: HTML Introduction | Chapter 2: Overview of the Frontpage Editor | Chapter 3: The Anatomy of an HTML Document | Chapter 4: Headings, paragraphs and Breaks

*answer review questions

Week12: frontpage 2000 workshop -=Workshop=-

Chapter 5: Character Formatting | Chapter 6: Lists | Chapter 7: Anchors and URL's

*answer review questions

Week13: Class test and frontpage 2000 practical -=Workshop=- test
Week14: frontpage 2000 workshop -=Workshop=-

Chapter 8: Images and Image Maps | Chapter 9: Tables | Chapter 10: Frames | Chapter 11: Forms

*answer review questions

Week15: photoshop workshop -=Workshop=- Referring to photoshop manual complete exercises, chapter 1-4

 

Catch up session - outcomes 3 / 4 and 5 - logbooks - practical activities You need to complete the exercises in each outcome document. You must keep an electronic copy of the completed exercises as you will be asked to demonstrate them.

Outcome 3

Outcome 4

Outcome 5

Catch up session - outcomes 6 - publishing website + logbooks update You need to complete the exercises in each outcome document. You must keep an electronic copy of the completed exercises as you will be asked to demonstrate them. Outcome 6
05/05/04 MOCK test - task a - 2 hours Instructions will be given in class  
12/05/04 MOCK test - task b - 2 hours Instructions will be given in class  

 


Useful stuff

Hexadecinmal Colour guide - Hexadecimal Codes Chart (HTML file)

Storyboard template document - sbtemplate | storyboarding guide (Word docs)
Audience goals and problems - audiencegoals (Powerpoint slides)
Site structures - sitestructures (Powerpoint slides)
website types - sitetypes (Powerpoint slides)
display modes / graphics - displaymodeandgraphics (Word document)