Sitemap

Assessment Task 5 Test

Code Validation

3 min readJun 8, 2016

--

HTML Validation

Contact Page

The only errors which showed on the contact page was an error showing JavaScript language was obsolete. I changed this to fix the error and after that there were no more errors on the page.

Press enter or click to view image in full size

Tours Page

My tours page did not show any errors once I put it through the HTML validator. Once I fixed the error with the time on page JavaScript language it showed that there were no other errors on the page.

Press enter or click to view image in full size

Home Page

On my home page there were many errors on this page that I needed to fix. Some of these errors included heading tags in wrong places or used again.

The attribute for width being not allowed in the image tag. I had to use CSS to edit the width for my images.

Once these errors were fixed my home page had no errors on it.

Press enter or click to view image in full size

Music Page

The music page did not show any errors when I tested this page through the validator. Most of the issues that I had with the other pages were the same issues on this page and were easily able to be fixed.

Press enter or click to view image in full size

Photos Page

Get Tom Whish-Wilson’s stories in your inbox

Join Medium for free to get updates from this writer.

My Photos page did not show any errors at all. Including the Instagram Image Carousel that I implemented into my code.

Press enter or click to view image in full size

CSS Validation

To validate my CSS code I used the W3C CSS Validator. I went through my code before I even went to the validator to check for any typos or errors like that.

Once I put my CSS into the validator it was found to have no errors as is shown below. I had no problems or issues with the CSS validator and the first time I tried it there were no errors.

Press enter or click to view image in full size

Browser Testing

Google Chrome

The page displays well with the new colours and everything fits on the page well.

Press enter or click to view image in full size

Mozilla Firefox

The webpage displays similarly on Firefox as it did in Chrome without any difficulties. All my changes I’ve made have come in and worked well.

Easily displayed and all the pages work well and load in appropriate time.

Press enter or click to view image in full size

Internet Explorer

On Internet Explorer my social media integration loaded quite slowly. However I expected this on Internet Explorer and has happened most times that I’ve tried to load my website on this.

Press enter or click to view image in full size

Opera Internet Browser

This is the first time that I’ve tested my website on Opera. The page loaded quickly and the social media including the twitter feed all loaded in a quick time.

Press enter or click to view image in full size

--

--