1. 201 exam demystified
Anna Gabali

2. Aims of this lesson
Understand how extract the requirements for a small web project
Read an assignment
Highlighting the main point
Understand how to Plan your site
Plan your pages
Plan your folders
Plan the header content (site name, description, keywords etc..)
Understand how to Plan your graphics
Resize graphics if necessary in Photoshop
Or resize the graphics using Dreamweaver
Design the site
Using minimum coding

3. Please download the brief and the site folder
DiDA/2014/Exam-materials/DA201_01_que_ pdf

4. Read the document on E-Learning and try and highlight the main requirements.
How many pages in all?
The site width and length?
Where do you find the information (text)?
What do you do with the Asset folder?
What is accessibility and what do you have to do with images, movies, and sound or any other asset?
What is a consistent design?

5. With that information can you create a site map?
Do you know what is a site map?
Take 5 minutes and research what is a site map if you don’t know
Tell me exactly where to put the following pages on that map:
Home
About us
Activities
Tree tops escapade
Junior escapade

6. Now what do make of this information?
The banner?
Do you have to design it?
How? What exactly do they want?
The logo?
What do you do with it?
The navigation?
How many links?
What page is going to be the template?
Do you know how to make a template?
Anything else? Explain

7. Do you know about this? How do reduce the size of an image?
What is a rollover?
Do you know how to make it?
Where do you find the information to make the rollover?
What images do you need?

8. There is More What do they mean by create a box? What about the box?
Do they need an extra page for “How to find us?”
So what do they want?
Do you know what embedded means?
What do you have to embed?
How are you going to do this?

9. Let’s review this and discuss the most important point
You know how to make a site
Do you how to make a site test?
What info is necessary?
Do you know how to evaluate a site?
How?
What info is necessary?
How points can you gain if your evaluation is good?

10. Further more what software would you need to produce the website?
Let’s discuss this
Do you need Photoshop of Illustrator (we will use the one you know the most)
If not why?
If yes why?
Do you need Dreamweaver or NotePad?
Which one will be the most useful?
What other software do you need?
And why?

11. An don’t forget ; to draw your wireframe
This will you have started to think of consistency in your design
1024 px
768 px

12. Now let’s start building this site Today we only have time for the shell

15. Escapade is a new adventure park for extreme sports, opening in August Escapade needs a website to attract visitors to the adventure park.
The website must appeal to families and youth groups who plan to visit the adventure park.

22. Open illustrator and make a banner size 1024 by 150 pixels

23. Design your banner and the logo

24. Export for screen or web depending on the version of illustrator

30. Now extend your skills Create content to the site:
Create images required because your client has not provided you with any
Use illustrator as you have not used Photoshop yet
Challenge
Boys – Challenge you have got unit tomorrow to design this

31. Things that you will need to learn for the exam

32. Extend your skills

33. Conclusion How hard it is to make a simple site now?
How hard it is to understand instruction/brief?
Scale from 5 to 10
Next lesson we will add content