201 exam demystified Anna Gabali

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

Please download the brief and the site folder https://qualifications.pearson.com/content/dam/pdf/Digital-Applications/CiDA-and- DiDA/2014/Exam-materials/DA201_01_que_20150515.pdf

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?

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

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

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?

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?

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?

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?

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

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

Escapade is a new adventure park for extreme sports, opening in August 2015. 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.

Open illustrator and make a banner size 1024 by 150 pixels

Design your banner and the logo

Export for screen or web depending on the version of illustrator

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 https://helpx.adobe.com/dreamweaver/how-to/make-website-pt1-site-setup.html?set=dreamweaver--fundamentals--create-first-website

Things that you will need to learn for the exam https://helpx.adobe.com/dreamweaver/how-to/dreamweaver-css-based-rollovers.html

Extend your skills https://helpx.adobe.com/dreamweaver/how-to/dreamweaver-css-based-rollovers.html

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