You are here

 

Topic outline

 
Website production

This unit asks you:
  • To design, create and test a fully functioning website
  • To demonstrate knowledge of the architecture, design and security issues relating to modern webdesign.


 
1
Dreamweaver iconIntro #1 Be able to design a CSS-based website


Show only topic 1
2
Dreamweaver iconIntro #2 Demonstrate webdesign + planning skills


  • Task:
    Design and plan a website that will grab attention and promote education, training and jobs
    You need to put together documents to enable you to
    • Design a website for East Cambs 16-19 year olds.
    • Grab attention and help promote education, training and job opportunities
    • Create a website that is as 'sticky' as possible to encourage repeat visits

    To complete this work, consider doing the following:
      • Produce your own mind-map that illustrates your ideas for the website.
      • Use Adobe Proto on an iPad to come up with design & layout ideas
      • Produce a navigation map - a ‘tree’ design showing how users will move around your website
      • Produce sketches of each key section—annotate and explain both content + look and feel
      • Plan out notes—on paper—to produce your ‘website specification’ documentation.
    Distinction LO:
    • Create detailed design documents for a local 14-19 website
    • Include a mind-map, navigation map and sketches of each section
    • Submit complete website specification documents

    Expected:

    Word document
    Word or similar documentation including designs, mind-maps, navigation & mock-ups of pages
  • Submit Web design and planning Assignment
Show only topic 2
3
Dreamweaver iconLO1 Understand web architecture and components


  • Penalty Shootout challenge file
  • Task:
    Produce a report providing suggestions for ISPs, Hostings, Domains and Software

    You are working for 'FenWeb' the local design agency asked to implement a website.
    The problem is that they don't know enough about 'Web Architecture'. Produce a report that explains about the following concepts:


    ISPs
         		Web hosting providers
    Domain names
         		Web design software


    Pass LO:
    • Outline the web architecture and components which enable internet and web functionality

    Expected:

    Word document
    You need to secure a Pass for this challenge. Refer to your e-mail for the specific challenge.
    You should aim to submit a professional, formal document with at least six pages.


  • Submit your LO1 work Assignment
Show only topic 3
4
Dreamweaver iconLO2 Understand the factors that influence website performance


  • Task:
    Produce a presentation + accompanying notes about website performance


    You need to cover key aspects that can affect website performance. These include
    • User side
    • Server side
    • Security risks
    • Protection mechanisms

    You also need to compare and contrast current interactive websites for performance and security.

    Finally, you need to discuss the impact of cases of website security breaches on society.

  • Factors helpsheet file


  • Distinction LO:
    • Explain the user side and server side factors that influence the performance of a website
    • Explain the security risks and protection mechanisms involved in website performance
    • Compare and contrast current interactive websites for performance and security
    • Discuss the impact that cases of website security breaches have had on society

    Expected:

    PowerPoint presentationWord document
    You need to aim for a Distinction for this work. It should be a professional and high quality PowerPoint presentation with at least 10 slides together with accompanying notes in Word that provide the real detail. Best practice would be to have a PowerPoint with the key points and then your explanation in the accompanying Word document.

    PowerPoint: min 10 slides; Word document: min 6 pages

  • Submit LO2 Assignment
Show only topic 4
5
Dreamweaver iconLO3 Be able to design websites


  • Task:
    You need to develop a portfolio of evidence that shows you can design an interactive website. Initially you will collate your evidence and then you will build a website for FebWeb. More details will appear here.
    Merit LO:
    • Using appropriate design tools, design an interactive website to meet a client need
    • Produce annotated design documentation for an interactive website to meet a client need

    Expected:
    Initially you need to submit your evidence that shows you have achieved 12 badges in the Mozilla Webmaker challenge.
    Try to submit a .pdf document

    Next you need to upload your CSS research + notes
  • Upload your LO3 Documentation here... Assignment
  • Upload your open badges evidence Assignment
  • Upload your CSS skill research Assignment
Show only topic 5
6
Dreamweaver iconLO4 Be able to create websites


  • Task:
    LO4 is where you create your actual website for the FenWeb client. They have provided the details above and you need to implement your website using the range of skills that you've developed through the unit.

    The website you produce needs to meet the minimum requirements as shown above however, also look to include additional features - CSS tricks and features (from your Thimble work), stylish creation ideas, embedded Twitter feeds and anything else that will add value.

    However, remember the best websites are subtle, professional and high quality. Don't over-burden the site with flashing rubbii
    Distinction LO:
    • Create an interactive website to meet a client need
    • Implement CSS in an interactive website to improve the site to meet a client’s needs
    • Carry out acceptance testing with client on an interactive website

    Expected:
    You are going to submit a range of documents for LO4 - including your actual website, documentation to support your website and your explanation of your code.

    Word
    For now you need to submit your LO4 tracking sheet - a Distinction level response will be at least three pages.
  • LO4 tracking sheet file

  • Submit your progress document:
  • LO4 submission Assignment
Show only topic 6
7
Dreamweaver iconCompletion - produce evidence that all criteria have been met


  • Challenge:
    Demonstrate that you have met every single criteria to achieve a Distinction


    All the requirements for each grade are in the yellow info box below. You need to demonstrate that you've met each requirement.
    • You may need to revisit earlier tasks to complete
    • Make sure you have sufficient evidence for each grade level - missing work means a fail
    • Spend time improving and developing
    • Use the grade criteria below to make use of every piece of work you've done for the webdesign


  • Pass requirements
    • LO1 P1 Outline the web architecture and components which enable internet and web functionality
    • LO2 P2 Explain the user side and server side factors that influence the performance of a website
    • LO2 P3 Explain the security risks and protection mechanisms involved in website performance
    • LO3 P4 Using appropriate design tools, design an interactive website to meet a client need
    • LO4 P5 Create an interactive website to meet a client need
    Merit requirements (assuming all Pass met)
    • LO2 M1 Compare and contrast current interactive websites for performance and security
    • LO3 M2 Produce annotated design documentation for an interactive website to meet a client need
    • LO4 M3 Implement CSS in an interactive website to improve the site to meet a client’s needs
    Distinction requirements (assuming all Pass + Merit met)
    • LO3 D1 Discuss the impact that cases of website security breaches have had on society
    • LO5 D2 Carry out acceptance testing with client on an interactive website



  • Checkered flags
    Finished?

    • Just be really careful.Have you really produced sufficient evidence to prove you deserve a Distinction?
    • Have you completed all the tasks from LO1 to LO4?
    • Have you explained in depth, with reference to submitted resources and your active website online
    • Have you used your own skills to demonstrate the completion of this unit? Have you created a mind map, infographic, overview document that makes it crystal clear to the moderator that you deserve a Distinction?

  • Completion of Unit evidence Assignment
Show only topic 7
8
Show only topic 8
9
Show only topic 9
10
Show only topic 10