Design for Screen 1/Assessments

From WikiEducator
Jump to: navigation, search


There is one assessment in two parts.

  1. Introduction to HTML5 and web page structure.
  2. Introduction to CSS3 and web page design.

You must successfully complete both parts of the assessment to be graded in this course.



Part One: Introduction to HTML5 and website structure (20%)

Part One will help you understand how web pages are ‘built’, and there is less emphasis on web design, and more on the technical aspects, including an introduction to basic HTML coding. To begin with, you will take use the tutorials and exercises to create a basic home page. You will learn how to implement basic HTML, how to upload files to a hosting server, how to link pages together, and how to embed images. Then, armed with this knowledge, you will build a basic website comprising at least four HTML pages. The pages must link together using interactive links in the form of a navigation menu. You will create some of the content for your website during this project.

Setting up a blog is your first activity, and information about this can be found in Design Community.


Part Two: Introduction to CSS3 and website design (20%)

Part Two is an extension of Part One, and begins by finishing the design of the basic home page using in-class tutorials and exercises. Then you will finish the design work of your own project website from Project 1, by adding design elements and CSS styles. You will learn how to optimize images for the web, how to apply typography, use web colours, design web page layout, style lists into navigation menus, and create an image gallery using a simple Lightbox JavaScript plug-in.

  • You will create a website with a minimum of four linked pages, uploaded to our shared server space.
  • The topic for your final website can be a fictional business, your favourite thing, or a portfolio website for yourself.
  • You can include an image gallery, video, audio, written piece, links, etc., to promote your idea.
  • Sharing your research and thoughts in the open format of the Design Community blog will enable others to learn from your work.
  • Indicate how feedback from others has influenced your work.


Marking criteria

Achievement of the following criteria will result in a successful pass for this assessment:

  • Progression of ideas and understanding about concepts of Flexible Learning while developing the plan is evident.
  • Definition and philosophy of Flexible Learning as part of adult learning theory is expressed.
  • Ideas and concepts are discussed and underpinned by theoretical evidence, correctly cited.
  • Provides meaningful feedback to other participants about their plans.
  • The final plan is presented to the class and includes the following areas (from the template)
  • Introduction, aim, background – reasons more flexibility is needed, examples which have inspired the plan and the fit within the organisation.
  • Strategies to introduce flexibility are explained in detail with rationale.
  • Concepts of Flexible Learning are covered - Access and Equity, Diversity and Inclusivity, Sustainability, Open Education, Cultural Sensitivity.
  • Concluding remarks and what needs to be done to action the Flexible Learning Plan.
  • References in APA format - preferred.

Final date for submission of assessments: 1 July 2013