Lab 4 - More CSS & Cognition

Markup Validation

The markup validity of my documents was checked using the validator at http://validator.w3.org/

The code input for Index.html showed the following errors:

• Stray end tag div x 2
• & should have been escaped as & x 3
• No space between attributes x 1
• Duplicate ID x 1

Each of these errors were easily fixed.
The code input for My Services.html showed the following errors:

• & should have been escaped as & x 3
• Text not allowed in element ul in this context x 6

These errors were also easily fixed.

CSS was checked using the validator at http://jigsaw.w3.org/css-validator/ and the results showed…

...Congratulations! No Error Found.

The webpages were tested in Internet Explorer and Chrome and displayed correctly in both.

Web Development Tools Firebug is a web development add on for use with the Firefox browser. The tool is used to examine, debug and edit the HTML, CSS and JavaScript of a live webpage. The tool views the live source code, highlights changes as they occur and shows the effects of editing instantly while CSS can be inspected, previewed and tweaked.   Web Developer is an extension which adds several web development tools to the browser. The tool appears as an icon beside the chrome address bar once downloaded. The tool can be used to disable and edit CSS, validate html and describe errors, change image sizes, outline tables and headings and resize windows.