Assignment 8

The purpose of this assignment is to give you experience creating and publishing two Web pages. You will use Wordpad or Notepad or any simple text editing program to do the actual html coding.

Instructions:

Start by creating a folder on your jump drive or computer hard drive named website. You will use this folder to store your new web page files. Once you create each file, you will need to give it a name and a file name extension of .html. Next, you will save it in your website folder in text or ASCII format, then open the saved file in your browser (Internet Explorer, Mozilla, etc.) to check it. For example, your first page will be named camping.htm. Once you have saved it with this name, you can open your browser, then go to File, Open, Browse to locate and open the camping.htm Web page file to view it.

Create another folder within your website folder named images. Make sure your folder name is images in all lower case letters. You will use this folder to store the image files you will use for the web pages you create for several assignments. When you follow the textbook instructions for adding images to your web pages, make sure your html coding (see example on page 181) for your image is also in lower case letters.

Start by creating a folder on your hard drive or jump drive named website.
Create a folder within your website folder and name this folder images.
Go to the textbook web site, http://www.aw-bc.com/adams_scollard, and download the images indicated for the Wilderness Camping site. This is a zipped or compressed file. Copy it to your hard drive or jump drive, then click it to unzip it. Copy the individual image files from the unzipped file into your new images folder.
Go to page 168 of your textbook, Internet Effectively. Create a web page using the coding shown. Here is an example of what your coding should look like. Figure 6.7 on page 169 provides an example of how your web page will appear once you've created the coding using Wordpad or Notepad, saved your file with the name camping.htm and then opened camping.htm in your browser.
For your second page, go to page 197 of your textbook, Internet Effectively. Complete exercise 1 under Hands-on Exercises. Following the instructions and referring to Figure 6.22, you will design, code and publish a Web page. Here is an example of what your coding should look like. Name this file campinginfo.htm and save it to your website folder.

Notes:

The title that appears in the title bar of the browser is "Camping Information for Wilderness Camping."
The "Wilderness Camping" title is heading style 1, sans-serif font, centered.
The paragraph contains the words "Wilderness Camping" colored green, and "wide variety of options" bold and italics.
Use the downloaded image tent_family.jpg and left-align this image using hspace of 70 pixels and vspace of 5 pixels.
The titles "Camp sites include" and "Useful Links" are heading style 2.
Use an ordered list for the "Camp sites include" list.
Use the tag <br clear="all"> after the ordered list so that the Useful Links section appears below the image. The clear="all" attribute breaks until the white space below the image. Values for the clear attribute include left, right, and all. Technically, we could have used <br clear="left"> since the image is left-aligned.
Search for some Web pages to include in the "Useful Links" section and use the <a href> tag to create hyperlinks for these sites.
Center the list of Useful links.
Choose appropriate colors for the background, text, link, visited link, and active link.

When you are satisfied with the way your pages look and function, move your html and image files to the web_students account on Geocities (Hartnell Students). Don't forget, the book is instructing you to use html coding that indicates your image files will be stored in a subdirectory or folder called images. This means you will need to create a folder on both your hard drive and your web server space named images and move your image files into this folder. For example, you might want to keep all your web assignments for this class in a folder named website. Within that folder, you could create another folder named images. You would create your camping.htm file and campinginfo.htm files. You would copy your image files into the images folder. When you move your files to the web server, you would move camping.htm and campinginfo.htm into the website folder you have created there. You would then create a folder within your folder and name this new folder images. You would move your image files from the images folder on your hard drive to the images folder up on the web server. Use the following links for instructions how to do this. You may also wish to come to one of the drop in labs for assistance.

Post the web addresses of your new web pages in this week's discussion forum.

Grading Rubric

I have scheduled a workshop this week to help walk you through the process of creating these two Web pages. Please check Announcements for more details.