Module 6 Updates

The first thing that I did was implement the new code in HTML which included the HTML 5 doctype and basic Dublin Core metadata onto each page.

	<!DOCTYPE html> 

	<html lang="en"> 


	<head> —>head starts here 
  

	<meta charset="utf-8"> 


	<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" /> 

	<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" /> 

	<meta name="DC.type" scheme="DCTERMS.DCMIType" content="Text" /> 

	<meta name="DC.format" content="text/html; charset=UTF-8" /> 

	<meta name="DC.language" scheme="DCTERMS.URI" content="English" /> 

	<meta name="DC.title" lang="English" content=" Title of *Your* Website Goes Here" /> 

	<meta name="DC.creator" content="Your Name Here" /> 

	<meta name="DC.subject" lang="English" content="*Your* Keywords Here" /> 

	<meta name="DC.date" scheme="DCTERMS.W3CDTF" content="2014-04-20" /> 

	<meta name="DC.identifier" scheme="DCTERMS.URI" content=" URL of each page goes here"/> 

	

	(<title> and link to your css page go here, then close —> </head>)

The next thing I did was run my pages through the W3C HTML Validator. I had a couple of errors due to typos. I had the most errors on my five planes page. I had duplicate ids and alignment attributes that should have been in my CSS. I also had missing tags for my table. I went back and fixed all the duplicate ids by renaming the duplicates. I removed the alignment attributes and moved them into my CSS file. I added the missing tags and then ran my page through again, this time I had no errors in my code.

After that I ran my pages through the HW3C CSS Validator. I had no errors on my CSS file.

I than ran my pages through WAVE to check to see how accessible my site is. I had no errors, however there were some alerts that needed to be attend to. On my first page I had no heading 1, so I made a "Welcome to ENGH 375" heading. The other alerts were the same throughout the rest of my pages. I skipped headings. I went from a h1 to a h4 or went straight to a h3. I fixed those my renaming the headings and changed the size in my CSS file.

The final thing that I did was run my site through BrowserStack. I compared what my site looks like on most of the browsers and devices used today. It took awhile for my site to load on most Android devices. My site looked a little different on the older version as far as my boarder goes. The boarder around my divs were square as oppose to the round look that show on the new versions. My site looked pretty much the same across the board, because I used percentage instead of pixels.