1. Unit 14 - Task 3 Webpage Design

2. Lesson: eportfolio Class: 13d Date: 21 st Jan Starter http://www.jaydax.co.uk/tutorials/webdesign/bad pageguide/badpgguide.html This is awful! What do you think is wrong with it? Try to find 4 things you would want to avoid.

3. Reference files: Site evaluation checklist Site evaluation checklist Unit 14 Mark Scheme Unit 14 Mark Scheme Unit 14 Assignment – Task 3 Unit 14 Assignment – Task 3 Web Site Creation- Action Plan Web Site Creation- Action Plan Lesson: eportfolio Class: 13d Date: 21 st Jan Targets for the lesson … Understand the requirements of Task 3. To be able to review/evaluate web page features. To identify features to include in your designs. Understand the need for careful planning. To construct a ‘mind-map’ as the first stage of your design work.

5. Before beginning this assignment you need to complete 2 tasks: 1) Review and evaluate some appropriate websites. 2) Construct a mind-map plan covering the design and content of your webpages.

6. A good site to begin our review: http://www.webpagesthatsuck. com/worst-nonprofit-web- sites-of- 2009.html#axzz0cyLBfu4thttp://www.webpagesthatsuck. com/worst-nonprofit-web- sites-of- 2009.html#axzz0cyLBfu4t Access the site and in pairs read the reviews and look at the sites. Focus upon these 3 reviews. Discuss what you see and read with your partner.

7. Make a list of all the ‘bad points’ you find. Prepare to feedback to the rest of the group.

8. Another good site to continue our review: http://www.thegoodwebguide.co.uk/ Access the site and again in pairs have a look at some of the reviews. No pointers this time, follow your own route through.

9. Lets think about design features http://www.thegoodwebguide.co.uk/ Stay with the same sites and with your partner list as many design features that you can. Prepare to feedback to the rest of the group. Decide which design features you will include in your web pages.

10. Did you find any of these? Menu Bar for major links. Sub menu bar for other links. Cascading or ‘pop out’ side menu bar. Use of ‘white space’. Images in background. Images in foreground. Table allowing text and images to be positioned accurately and appropriately. Rollover images – hyperlinks Rollover Text – hyperlinks Form section – search or register/login. Minimal scrolling required.

11. Some food and wine sites: http://www.nakedwines.com/goodwebguide http://www.food4london.co.uk/promo/goodwebguide http://www.hairybikers.com/ http://www.channel4.com/food/ http://www.bbc.co.uk/food/ http://www.foodnetwork.com/ http://uktv.co.uk/Food/homepage/sid/566 http://www.chefonboard.com/ http://www.mountevansdesigns.com/w-restaurant-website-design.php http://www.food.gov.uk/ http://www.morrisons.co.uk/Food/ http://www.eatwell.gov.uk/

12. Examples of animated menu bars: http://apycom.com/menus/2-steel-blue.html http://apycom.com/menus/3-deep-sky-blue.html http://www.apycom.com/ http://www.templatemonster.com/category/food-drink/ http://www.webpagesthatsuck.com/worst-nonprofit-web-sites-of- 2009.html#axzz0cyLBfu4thttp://www.webpagesthatsuck.com/worst-nonprofit-web-sites-of- 2009.html#axzz0cyLBfu4t

13. How to sites: http://www.gotoandlearn.com/ http://www.mindbites.com/lesson/6165-actionscript-3- animation-24-altering-the-speedhttp://www.mindbites.com/lesson/6165-actionscript-3- animation-24-altering-the-speed http://activeden.net/item/3d-rotating-clickable-menu- carousel/490http://activeden.net/item/3d-rotating-clickable-menu- carousel/490

14. Theory site – what is website navigation? http://www.webdevelopersnotes.com/tips/ webdesign/web_site_navigation.php3http://www.webdevelopersnotes.com/tips/ webdesign/web_site_navigation.php3

15. Mind Map A detailed mind map will enable you to complete most of the Task 3 requirements. Now you have given web page design and construction some thought you need to begin to plan. Construct a mind map which focuses upon: 1.The structure of your pages (template) 2.The content of your pages