Web Publishing

Lesson 4: Validate your code, test for accessbility, test for broken links and copyright procedure.

Validating Code
One vital task in your role as a web designer is validating a web page. Validating a web page means ensuring the code you've written; HTML, CSS or Javascript passes W3C standards.

Modern browsers are surprisingly tolerant of coding errors but if your site needs to work with third party processes/ databases or you work collaboratively then it's vital your code is written to standard.

 

Assessment Task: Validate a web page, check for broken links, check for accessibility and copyright procedure | 6-8 hrs.

 

Validate your Web Page

Run your "L'ton Flood Control" site through this free online validator and ensure you select "file upload" and upload your html page. Just one page is fine.

https://html5.validator.nu/

Save the report page as a complete html page into a folder and zip it up ready for submitting. Fix any errors save your work then test again.

Checking for Broken Links
Having broken links that display the 404 error is bad. It lowers the user's perception of the quality of your site. You can check for broken links manually but for a larger site there needs to be a better way.

Find a free online application that does all the hard work for you. Run the checker over one of your pages that has links, save the report.

Checking Accessibility
Use http://wave.webaim.org/. 
This free tester scans your site and generates a report listing any errors/ refinements to make your site more accessible to users with some form of impairment.

Since your site hasn't been published to a server you'll need to use Google Chrome with the webaim extension. Install it then run the checker over your pages.

Copyright Procedure
One last assessment criteria that needs to be addressed is:

  • explain the procedure for checking copyright clearance.

In your answer assume you're an Australian-based web designer finding and using assets for a website and how does the type of media (video, text and music) influence the nature of obtaining permissions? Include any references (URLs, texts) you used.

The expectation is if someone reads, understands and complies with your procedure they won't infringe on any copyright laws.

Guide to submitting
Copy the Validation report, the Link Checker, Acessibility report and your copyright procedure into an MS Word doc and submit for assessment via email.

Include a cover page with your course details, unit name, assessment name, author name and date of submission.

Chris Adams 2017

Module Summary

This module was a brief introduction to HTML5, CSS and the tools used to write and test it. You'll be practicing these skills as we move through subsequent modules.

This is only the "tip of the iceberg" but a very important foundation on which to build further skills in web coding.

The major project at the end of the course takes your web coding skills a little further where we introduce greater functionality and responsive web design strategies.

Taking it Further
If you want to extend your skills ready for the Web Design Module here are some scenarios that will challenge your coding skills:

Coding your own Responsive Web Gallery from scratch

Adding "bling" using CSS

Animation using CSS