HTML Assignment 1

16 points possible

Preliminary Instructions

You will need to use a Windows Accessory program called Notepad to create these web page assignments. Click on Start > All Programs > Accessories > Notepad. Notepad is a rudimentary text editing program.

Remember to use .htm as the file name extension for each file or you will not be able

to open the file in a web browser and view your web page.

After creating the file, you can view the web page you created in either Firefox web browser (Click on View, Web Developer, and Page Source.) or in Internet Explorer (Click on View and Source).

Be sure to download the template files/image files from the publishers web site to your own hard drive – See the web site on the inside back cover of the textbook.

Most frequent problem – not having an image file in the same folder as your .htm file.

2nd most frequent problem – not having a close tag, only an open tag.

3rd most frequent problem – If an html tag appears on the screen when you open it in your web browser, you have probably forgotten to put < or > or / in the tag.

Every web page can begin with the following sets of tags and you can just copy them from page to page and fill in the text. Note that most tags are created in sets with an open html tag and a close html tag, an open head tag and a close head tag.

<!doctype html>

<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>

Some image files and other partially-created files will be needed to complete the textbook exercises. Go to the back inside cover of your book for instructions of how to download the files from the Cengage Publishing Company. To access student data files, go to For more detailed instructions, go to . Store your data files on a USB drive or a hard drive.

As the instructions indicate, for Mac users, you’ll have to use a program to expand WinZip or PKZip archival files.

______

Assignment

Step 1: Go through the exercises on p. 1-60 in your textbook and save that file with with a .htm file name extension.

Step 2: Then, in Notepad, create a new htm file. Create a web page for yourself, your business, your school, or really any topic.

7 pts. possible for entering the main tags correctly

Enter all of the main tags always needed for web pages. See the top of p. 14.

Then, add tags, elements, and content for your web page.

9 points possible for inclusion of the following:

At a minimum, include the following:

Title

A 2-line header and group the two lines together with a large font size for the top line

A section (minimum of one section)

2 articles minimum - make up text for the two articles

The aside tag (sidebar) with text in the sidebar

Paragraph and close paragraph tags

One list – either an ordered or an unordered list

Use strong text

Add line breaks

Add an image. Use a jpg file off of the Internet that is appropriate for the content of the web page. Align the image appropriately.

Add the script to allow Internet Explorer 8 to open your file. Add the red text on p. 44.

Save the file as yourlastname.htm

View the file frequently while entering the tags and before turning it in.

4. Complete the Review Assignment on p. 61-63 and turn in the final basic.htm file.

Do not turn in any image files as I already have them on my hard drive so they will appear when I open your .htm file.

5. Complete Case Problem 1 on p. 63-65.