ASSIGNMENT 24

Volume II

WORD CHAPTER 6

Creating a Home Page: Introduction to HTML

(Volume II, second chapter on the section with yellow page number flags)

·       Do Knowledge Test K23 at the beginning of the class. Do Skill Test S23 “Powerpoint Chapter 3” toward the end of the class.

1.   Read pages 256 to 258.

2.   Do Hands-on Exercise 1: Introduction to HTML.

a.   Step 7. Print out the Web page you created

3.   Read the rest of the chapter before you attempt to edit your Web page

4.   Use WORD 2000 to create your WEB PAGE

5.   Your Web Page must have at least

a.   An organized format

b.   A background (theme) of your choice

c.   Information that identifies the page as being yours

d.   1 link to your e-mail

e.   1 link to the homge page for ABE120 section 2

f.    4 additional links to web pages of your choice

g.   2 Pictures

h.   2 ClipArt

i.    Your Web page has to be running on the U server to be graded. Remember it is a 5% of your grade. The web page will be graded one week from today.

j.    We encourage you to create more than one page and link them together

Specific instructions for creating your own personal web page:

      Start Internet Explorer and enter the URL for your home page (http://www.u.arizona.edu/~yourusername). You should see a web page you created during the first class. If you do not see your web page, then you need to create one following the instruction provided in assignment 1.

Editing your homepage In the Shantz 338 Computer Lab

1.     With your homepage still open, Choose File & Save As: save the file TO YOUR DISK as index.htm. Use all lower case letters in the file name.  NOTE: Under Save File as Type, be sure it is Source or html if Source is not an option.  Do not close your browser.

2.     Open Microsoft Word. Click File, then Open index.htm from your disk.  You will probably need to change File type to All Files or html.  Notice how the formatting toolbar has changed to commands that may be used to create a document that contains HTML code. 

3.     Now, Edit your homepage by adding additional information.  You will have to read Chapter 6 in Word (Volume II) from pages 256-265 to get an initial background in HTML and some ideas of what to include in your homepage.  Then, make sure that the following items are included in the final version of your homepage:

·       Choose colors, backgrounds, themes, …

·       link at least to four other sites as well as to the home page for this class. Create an e-mail link to your email address using mailto://username@u.arizona.edu. 

·       Some place in your Homepage, insert some clip art from the clip art gallery or use your own pictures. There is one scanner in the computer lab if you need it for your pictures.

·       You can copy pictures from other sites to add to your page.  NOTE: Copyright restrictions apply to the internet.

4.     After you finish, click “Save as Web Page…” and be sure to name the file: index (all lower case) and save it to your disk.

5.     Close Word.

6.     Next you must FTP (File Transfer Protocol) your file to the place on U.ARIZONA.EDU where it will reside. If you prefer, you may also follow the instruction given in the Hands-on exercise 2 to publish your web page directly to the web within Microsoft Word. Specific instructions for Hands-on exercise 2 are as follows:

·       The FTP site in step one should be shell.u.arizona.edu

·       Once you have logged in, you need to navigate to your directory. You can find out where is your directory by using the WS-FTP program. The directory is specified in the upper left text box of the WS-FTP window. In the example provided in the 2nd figure, my directory is /home/u8/zxiong/.

·       Save your index.htm file in the public_html directory within your directory.

7.     Use the program WS-FTP.  Its shortcut should be on the Desktop.  Or, Click Start and find it there under Programs …

8.     Fill in the blanks as shown in the screen below.  Use your username at User ID and your password, and then click OK.

9.     The next screen should be as below.  What you see are folders (directories) on your computer in the left window (local system) and the u.arizona.edu computer in the right window (remote system).

10.  What you need to do is transfer a copy of the file “index.htm” from the left window to the right window and any other files that are part of the page such as pictures or other graphic files.

11.  To do so, scroll the directory list in the left window until you see drive H or drive A depending on which drive you use as your temporary storage.

12.  Double click on the drive icon, then your directory until you find the index.htm and associated files.

13.  Now, move to the right window and double click “public_html”

14.  highlight the index.htm file.

15.  Click the right arrow ª button to transfer the file to the remote system.

16.  You will also need to upload all picture files to the same directory. Then close the FTP program.

17.  Now launch Internet Explorer or Netscape and enter the URL for your home page (http://www.u.arizona.edu/~yourname). What you see is the home page you created in Microsoft Word using the html option.

18.  If your pictures are not displayed, you may have a problem with the case for the file names.  Make sure the actual file names matches the one you used in your web page. Your web page is run on a UNIX server. As UNIX system is a case-sensitive system, pay particular attention to upper and lower cases.  To determine the appropriate case, Right Click where the picture or image should be displayed, then click properties.  In the properties window check the address for the file and note the exact case used in the file names.  If the cases are different than you used, you need to return to FTP and rename the files.

19.  Congratulations, you now have a Web page that you created. To alter it further, repeat the above steps.

Show your homepage to an instructor and have him/her sign here.

Next Class: Review on PowerPoint and Web Page Editing

Bring your questions and both volumes of the textbook

Final Exam on Wed. Dec. 6.