0% found this document useful (0 votes)
19 views2 pages

Your First Web Page Exercise Instructions Revised

Uploaded by

experimentprueba
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
19 views2 pages

Your First Web Page Exercise Instructions Revised

Uploaded by

experimentprueba
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Your First Web Page Exercise Instructions

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.

• Windows users can open Notepad.


• Mac users can open TextEdit.
o Mac users must change the format preferences in TextEdit.
o Open TextEdit and click on TextEdit in the menu bar at the top of your monitor.
o Select Preferences from the drop down menu.
o In Preferences, find the Format option and choose “Plain Text”.
o Then, on the Open and Save tab, check the box that says "Display HTML files as HTML
code instead of formatted text".
o Uncheck the box that adds .txt when saving a file.
• Chromebook users must add a text editor like Text to your Chrome browser.

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.

Do the modifications one at a time and save after each change.

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.

At a minimum, you must make these modifications:

1. Change the background color in the body style.


2. Change the font-family to another font in the paragraph style.
3. Change the font size in the paragraph style.
4. Change the text between some of paragraph tags (<p> </p>) to your own text.
5. Change the URL in the <a href = https://www.w3schools.org> W3WSchools</a> tag to a
different website. Be sure to change both the URL and the name of the site.
6. Change the image file in at least one of the <Img> tags. Be sure to change the file name the alt
text, and the width and height to match your image file.

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.

You might also like