Your First Web Page Exercise Instructions Revised
Your First Web Page Exercise Instructions Revised
Step One
Download all the files included in the Participation #14 page to your Downloads folder. These
include:
• Your First Web Page Exercise Instructions.pdf
• definitions of html tags.pdf
• home.html
• a day in the life.png
• Welcome Aboard.gif
• Welcome Aboard!.m4a
• mov_bbb.mp4
Step Two
Open a text editor on your computer.
A text editor application program is not the same as a word processing application program. A text
editor provides the ability to add, change, and remove characters from a file, and that is all it does. It
does not format the text using hidden coding.
Step Three
Now open the home.html file in your text editor.
Do not open the home.html file in Word or any other word processing app,
and don’t just click on the file name as this will likely open the file in Chrome or whatever web browser
you have saved as your default.
Save a copy of the home.html file you opened with the name Last_First_home.html. This must be saved
as a plain text file using the text editor, not a word processing program.
Step Four
Modify the content of the html file by replacing the content I provided with your own text and
content.
Refer to the html tags document for more information about the html tags used in the home.html file.
Any image, audio, or video files you want to include must be copied into your Downloads folder along
with my files that you downloaded.
Display the content of your file in your browser after each change. You can do this by simply clicking on
the name of your Last_First_home.html in your file manager. The file will be opened by default in your
default browser. Position the two windows side by side like you learned to do in the previous exercises.
Go back and forth between your html file and your browser to see how your content would be displayed
as a web page.
As you add or change things in your html file, don’t forget to Save your changes before reloading the file
in your web browser.
Those are the minimum requirements. You don’t have to replace every image, audio, and video file in
the html file, but it’s more fun the more you do! Have fun with this!
Step Five
Once you have made all the changes you want, do the following:
• Arrange the text editor window and the browser window in split screen so they fill the
screen on your monitor and take a full screen screenshot. Name the screenshot
Last_First_webpage.png
• Submit the screenshot and your edited html file to Canvas for Participation #14: Creating a
Multimedia Web Page.
Do not try to upload any other files. If you included image, audio, and/or video files in your web page
that you have stored on your computer, do NOT upload them to Canvas. Just upload your edited
Last_First_home.html file and the screenshot named Last_First_webpage.png when you are done.