Assessment Criteria Learning Outcomes Completed
Responsive
  • The website is responsive across screen sizes.
  • The website works on major browsers and across major devices.
  • has broad knowledge of the concepts responsive, adaptive, flow design and CSS Media Queries that are used to build web solutions that function independent of screen resolutions
  • has knowledge of the tool Chrome DevTools used for testing websites across different platforms and operating systems.
  • can apply knowledge relating to HTML, CSS and CSS Media Queries to develop functional and user-friendly web solutions
  • can apply techniques and tools to perform simple user tests to map visual and technical deficiencies
Bug-free, neat and well written code
  • Semantic HTML5 elements are used where approriate
  • The HTML is bug-free
  • No inline styling
  • The CSS follows DRY principles
  • The HTML and CSS are formatted neatly
  • Each page has a unique title
  • Each page has a unique meta description
  • Images are below 200kb to ensure faster loading time
  • has broad knowledge of concepts and processes that are used in web development with HTML and CSS
  • has knowledge of tools that are used to develop websites based on HTML and CSS
  • has knowledge of processes and tools that are used for validating websites
  • can update his/her vocational knowledge of new developments and techniques for web development with HTML and CSS
  • has knowledge of the historical development of and is familiar with previous releases of HTML and CSS
  • masters industry-relevant tools and software for planning, develop and validate web solutions built with HTML and CSS
  • can find information and material that is relevant for developing websites with HTML and CSS
  • can carry out visual and technical web solutions based on HTML and CSS and complete fully functional projects from start to finish
  • can build relations with his/her peers, graphic designers, content developers and participate in interdisciplinary collaboration
Appeal of website and ease of navigation
  • The website has no broken links
  • Navigation between pages is clear
  • The website appeals to the target audience.
  • has insight into quality requirements for the logic and aesthetic structure for websites and interactive products
  • understands the importance of following procedures for universal design and good practice for coding
  • can apply vocational knowledge to develop websites in accordance with ethical demands and guidelines for universal design
  • understands the ethical principles used in the industry for universal design of ICT solutions
WCAG friendly
  • Images have alt text.
  • Anchor tags are used to link pages together.
  • Semantic HTML is used to ensure accessibility with screen readers.
  • has broad insight into relevant regulations and guidelines for universal design of ICT solutions and the WCAG standard
  • can apply knowledge of the WCAG standard
  • understands the ethical principles related to the development of web solutions and services
  • has developed an ethical attitude in relation to developing HTML and CSS websites and can carry out the development of user-friendly websites based on HTML and CSS, the needs of selected target groups or client briefs
Tags: