Project 5 - Page Testing

GOALS

Demonstrated Skills

• Native Tools
  • Visual Studio, Firefox
• Web Services
  • Github Pages, Validator, Testy Sensei
• Media
  • Use embedded images and video
• HTML
  • Basic HTML template
  • Headings, Lists, Tables, Links, Images
  • h1, p, a, img, ul, table
• URLs
  • Absolute, Server, Relative

Objective

• Create a page for supporting testing
• Form links to call validator with page
• Create iframe to display live page content

STEPS

Build a test page

• Create "bacs200/test.html"
• Make it similar to Mark's Test Page

Testing Practices

• Trick 1 - Setup a good workflow
• Trick 2 - Browser bookmarks
• Trick 3 - Create a project page
• Trick 4 - Run the validator on a page
• Trick 5 - Create a table of links

Trick 1 - Setup a good workflow

• Arrange Windows - Browser, Editor
• Learn the shortcuts
• Free your mind for thinking
• Use Emmet
• Commit often
• Make a small change to process every day

Trick 2 - Browser bookmarks

• Turn on bookmark toolbar
• Create short cuts
  • Website
  • Github
  • Sensei
  • Canvas
  • Validator

Trick 3 - Create a project page

• Build a page for links to speed up development
• Use name "test.html"
• Remove it when project is totally done
• Gradually add useful content

Trick 4 - Run the validator on a page

• Go to validator
• Validate your desired page
• Copy URL of validation page to your test page

Trick 5 - Create a table of links

• Create your test page at "bacs200/test.html"
• Mark's Test Page
• Check out my page for ideas
• Build your own content over time
• Create a page with a hyperlinks

https://Mark-Seaman.github.io

https://validator.w3.org/nu/?doc=https://https://Mark-Seaman.github.io

Columns in Table

• Project
• Project instructions
• Project web page
• Project validation