HA2 HA4

HA 4 Instructions

Purpose : To create your own Web page with the iframe HTML element and other HTML elements from the ones used in the previous assignments

Prerequisite : to know the HTML5 elements covered in the previous HA 1 (a head section and a body section with heading elements, break tag, unordered list, and ordered list) and HA 2 (structural elements such as header, nav, main, footer, and special characters) and HA 3 (description list and ancor HTML elements and its href attribute)

In this assignment: You will create a Web page for yourself.

Step 1 . You must download the attached html file (which is a Web page), first. Download it by right-clicking on it and choose Save Link As... command after that. Download it in your target folder before you begin doing the exercise.

Step 2. Change the name of the downloaded html file by adding at the end of its current file name, your name (for example, if your name is John Smith -- HA4 Play3 with Student info John Smith). Note : the file name still should have the extension html to be openable / displayable in a browser (i.e., HA4 Play3 with Student info John Smith.html)

Step 3. After that, modify (i.e., change) the html file (which is, again, a Web page), by, firstly, opening it in Notepad. You open the file in Notepad in this way: Open the Notepad text editor; then click File -> Open .. -> Go to the target folder with the file name HA4 Play3 with Student info John Smith -> select All Files (*.*) in the box at the bottommost right, where the Text Documents (*.txt) entry is listed -> select the file name HA4 Play3 with Student info John Smith.html.

Step 4. Modify the file HA4 Play3 with Student info John Smith.html as it is instructed in the markup HTML code itself by replacing the HTML elements there, where it is instructed.

Save your changes.

Step 5. After that make sure you change the youtube video with another video (it could be your favorite) that really opens by replacing the existing link address after src = with yours !!!

NOTE : When you replace the absolute html reference (address) in the HTML code, replace the part of it that reads "watch?v=" with "embed/" For example, if the new video you find on youtube has the address "https://www.youtube.com/watch?v=0rEsVp5tiDQ" then after you paste it in your HTML code, change it to look like this: "https://www.youtube.com/embed/0rEsVp5tiDQ"

Make sure you have ONLY one pair of "" around the link address.

Save your changes.

Step 6. THEN, upload the modified version of the file, HA4 Play3 with Student info John Smith.html, here, under the HA 4 link in Blackboard, for grading. Since the modified version will NOT upload directly because of a BB message similar to"...for security reasons...", THEN, you must zip the file first and the upload the zipped file:

· firstly  compress (zip)  the Web page file you just changed, HA4 Play3 with Student info John Smith.html, and,

· secondly, upload the zipped version of the file.

· How to zip a file (s)? In the File Explorer, select (highlight) the file name(s), after that right click on it and choose the command "Send To ... ->  Compressed (Zipped) folder" from the popped up menu.