Overview: This tutorial gives you some exercises on Website testing before launch.
Activity 1
- Download the pre-release version of Speedy Office: u234speedy_v3.zip. You will work on these files throughout this tutorial.
- I have included META tags in most of the pages in this site; e.g. on the Home, About, Products, Services, Contact Us and Computer Supplies pages. View the source code to see how the tags were written.
- Now it’s your turn to include these META tags into the remaining four Product Category pages: pens_category.html, paper_category.html, filing_category.html, envelopes_category.html.
- Here is an online tool to make your work easier: META tag generator
- Save your changes and test that your pages can still be viewed correctly. You will be running tests and making further changes to it in other activities.
- Discuss with your classmates the importance of metadata description in a web page.
Activity 2
- Use your Web browser to view the Speedy Office home page (index.html).
- There is a menu option called What’s New which will display a page (whatsnew.html) containing the items that are currently on sale. Even though this page can be displayed by your Web browser, let’s see if it has any HTML errors lurking underneath!
- Use a HTML validator to validate whatsnew.html. The validator will generate many types of errors, but you should only focus on detecting and fixing syntax errors at this point. Syntax errors are violations of HTML coding rules (i.e. <HEAD> must have a closing </HEAD> tag, <BODY> must come after <HEAD>, etc.).
- Fix any errors found, and validate the page again.
- What is the advantage of fixing your HTML so that it complies with a specific Web standard or Document Type Definition (DTD) ?
Activity 3
Submission
- Please submit your work to Steven by email.
- The required works include: broken links, syntax errors at whatsnew.html.
- Email: sochoy@ouhk.edu.hk
- Email title: WD Tutorial 16 Submission -SXXXXXXX
