Web Programming 5 (Meta Tags, Validation, Javascript)

In this assignment, you will be putting the finishing touches on your website. You will add several items such as HTML meta tags, videos, and dynamic javascript code. You will also validate your website code to ensure that you are meeting the HTML and CSS standard guidelines. Remember, all aspects and requirements of your web page should be related to your project topic.

Getting Started

• Read/watch all of the lesson material for this week - it will help you to complete this assignment.
  
  
• Login to your cPanel account and go to the File Manager (as done in a previous assignment - see the Accessing cPanel Tutorial if you forgot how to login). This assignment requires you to use cPanel's File Manager to create/upload your website files. Do not use a program that will generate a web page for you; you are expected to manually type the HTML tags as instructed in the HTML course material.
  
  
• Be sure to save changes to your web page after each edit you make. You should also view your live web page after each edit to be sure it appears the way you intended. Refer to the Basic Web Page Tutorial if you forgot how to view your live web page.

Web Page Headers

1. Give the page an appropriate title.


2. Add a meta tag for keywords.


3. Add a meta tag for description.


4. Add a meta tag for author.


5. Add an HTML document type.


6. Add the character set as utf-8 (ASCII)
   
   

Validation

7. Ensure that your HTML meets the XHTML restrictions.


8. Validate the HTML coding of your website by using the validator provided in the steps below. Use this Common Validation Errors guide as a help reference.
   
   
   1. Access the validator page at: http://validator.w3.org/#validate_by_uri.
   
   
   2. In the Address text box, enter the URL of your index.html web page.
   
   
   3. Review the errors and edit your index.html code to fix them. You should edit your page and re-validate it as many times as needed to get the resulting validation down to zero errors. Save your code after each change you make.
   
   
   4. Repeat steps 1-3, replacing step 2 with each individual web page that makes up your website (i.e. purpose.html, impacts.html, etc.).
      
      

Adding Videos

9. Find a video on the Internet that augments one of your answers. Embed that video near the text to your answer and add a sentence to your answer referring the reader to the video and stating why it augments your answer.


10. Embed your video from the Video Editing assignment near one of your answers to augment that answer. Add a sentence to your answer referring the reader to the video and stating why it augments your answer.


• Log in to www.youtube.com.
• Navigate to your "My Videos" page.
• Click on your video to play it.
• Once the video starts playing, click the "Share" button below the video and then select "Embed" to obtain the video embed code. Copy the embed code that is generated and paste it into your page.

Add Javascript

11. Add Javascript to the cover page (index.html) stating the current date such that no matter when your page is viewed, the current date for the viewer shows.