Sunday, 23 March 2014

#10m1 #10p4 Unit1 Developing Web Products - Creating An Exam Revision Website1


  • LO1 - To develop skill and confidence for the upcoming mock exam
  • OUTCOME - You will have create an exam revision website from a template




1. Set up this folder structure



2. Manage your site to the Exam Revision Website Folder

1. Click on Site menu - New Site
2. Click on the folder icon


3. Select the Exam Revision Website folder



  • Task 1 - Create Your Template
    • Use the worksheet to create a template for your Exam Revision Website

  • Task 2 - Create a Banner
    • Use Adobe Photoshop / Fireworks to create a banner for the top of your template
    • The banner should measure 1024 w x 200 h pixels
    • The banner should fit the full width of the page (you will need to change the rule for the container class to do this)

  • Task 3 - Create Pages from Your Template
    • Create the following pages from your template
      • How to Make a Template
      • How to Insert an Image
      • How to Make a Rollover Image
      • How to Make a Link
      • How to Change the Screen Resolution
      • How to Embed a Video
      • Helpful Websites

  • Extension Task
    • Start adding how to guides on to each of your pages
    • Make sure that each image is:
      • Saved in your images folder
      • Saved as a .png
      • Is less than 500kb


Write a new post on your blog - what have you learnt in today's lesson? are there any new skills that you feel more confident about