Week10
On the W3Schools -> HTML Tutorial read:
HTML Media
HTML Video
HTML Audio
HTML Plug-ins
HTML YouTube
Lab10
Create a web page file named lab10.html Notice that it is all lowercase, no spaces.
Specify a DOCTYPE as the very first line in the HTML document.
Create a html file that has the correct structure using the doctype, html, head, title, and body opening and closing tags.
Title the page "Your Name lab10" where YourName is your real name.
Create a web page similar to what you see below in concept. Chose your own topic, videos, audio, and text. Do not use the topic we did in the class lecture nor the topic in the screenshot below. You must demonstrate at least the same concepts that I am showing. Please make sure your topic is non-controversial (rated G).
You may want to set the page body text to be Arial or sans-serif and set the background so it has a nice look.
Chose a topic.
Add a YouTube video related to your topic.
Add a sound clip related to your topic.
Add at least one image (png or jpg) related to your topic.
You have now created a web page.
Verify that your web page validates using the W3C online validator. You must submit a screenshot to the dropbox that the page validates without ANY errors.
Your result should be similar to what you see below.
You need to turn in all files zipped together into one zip file for credit.
Your instructor can see if your web page (lab10.html) works correctly only if the ALL files are turned in within the zip file!
When validation is passed, you should see a message like below.
Grading Criteria | Possible Points 10 |
Your Points 10 |
Correct file name. Correct DOCTYPE, HTML, HEAD, TITLE, and BODY structure. | 1 | 1 |
YouTube video embedded on webpage related to your topic. | 3 | 3 |
mp3 sound clip embedded on webpage related to your topic. | 2 | 2 |
Image on webpage related to your topic. | 2 | 2 |
Document validated without any errors. | 2 | 2 |