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 ID: 628516
Download Presentation The PPT/PDF document "201 exam demystified Anna" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1
201 exam demystified
Anna
GabaliSlide2
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 Slide3
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.pdfSlide4
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?Slide5
With that information can you create a site map?
Do you know what is a site map?
Tell me exactly where to put the following pages on that map:
Home
About us
Activities
Tree tops escapade
Junior escapade
Take 5 minutes and research what is a site map if you don’t knowSlide6
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? ExplainSlide7
Do you know about this?
How do reduce the size of an image?
Do you know?
What is a rollover?
Do you know?
Do you know how to make it?
Where do you find the information to make the rollover?
What images do you need?Slide8
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?Slide9
Let’s review this and discuss the most important point
Do you know how to evaluate a site?
How?
What info is necessary?
How points can you gain if your evaluation is good?
You know how to make a site
Do you how to make a site test?
What info is necessary?Slide10
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?Slide11
An don’t forget ; to draw your wireframe
This will you have started to think of consistency in your design
768
px
1024
pxSlide12
Now let’s start building this site
Today we only have time for the shellSlide13Slide14Slide15
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. Slide16Slide17Slide18Slide19Slide20Slide21Slide22
Open illustrator and make a banner
size 1024 by 150 pixelsSlide23
Design your banner and the logoSlide24
Export for screen or web depending on the version of illustratorSlide25Slide26Slide27Slide28Slide29Slide30
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
Slide31
Things that you will need to learn for the exam
https://helpx.adobe.com/dreamweaver/how-to/dreamweaver-css-based-rollovers.htmlSlide32
Extend your skills
https://helpx.adobe.com/dreamweaver/how-to/dreamweaver-css-based-rollovers.htmlSlide33
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