UNM Header UNM Home Page Civil Engineering Home Page

CE547 - Assignment #1 (due Jan 28)

Create and post a simple webpage.  Include at least three figures from the exercises you worked in Chapter 3 of Getting to Know ArcGIS.  Send me an e-mail with the url if it is different from your NetID. (Further instructions below can assist you in creating your webpage.)


Web Page Publishing Summary

(UNM Information technology (IT) provides information on creating and posting a webpage at http://it.unm.edu/web/creating.html)

  1. Create a homepage by any method and name the file index.html.
  1. Note that a folder will be created by the same name (index). This folder will contain any images that were referenced in your html file. (Similary, when you post assignments you'll have an html file and a corresponding folder of the same name (i.e. assig1.html and folder assig1_files.)
  1. Use the FTP program on the desktop.  (Note: You can download the ftp program (SSH) from http://it.unm.edu/download/.)
  • Log in to ftp.unm.edu as the remote system. The computer where you are sitting is the local system. In the FTP program, you will see your local system on the left and your remote system on the right.
  • There is a button above the remote computer that will allow you to make a new directory: Folder. Click this button to be prompted to create a new directory. Name the directory public_html. Navigate to the public_html directory by double clicking its folder.
  • Now make sure in your local system window that you can see the files that you need to transfer. If not, navigate to the directory where you located your files (index.html and a folder index_files containing all associated gif and jpg files).
  • While holding the ctrl key, select the files from your local system to place into your public_html directory. Drag the files to transfer files from the local system to the remote system.
  1. If you transferred files from a remote (not UNM) computer, access your IT account using Telnet or X-Win32. At the prompt, type webupdate. The world should now be able to view your webpage.

 

 



Creating Images (jpegs) from the ArcMap Environment

In the ArcMap environment, use File > Export Map to create a jpeg for use in a webpage, document, or slide presentation.  Note that when you use Options, you can change the resolution of the jpeg image.

Export Map

If you’d like a figure where you show other parts of the screen (like the one above), you can use the Snipping Tool included in Windows 7. If you have an older operating system, use Ctrl – Print Screen to capture a bitmap image of everything showing on the screen. (Note that some operating systems use Shift – Print Screen).  From the Start Menu, go to Programs, Accessories, then Paint.  Once you open Paint, simply paste the bitmap.  You can use Paint to cut out pieces of the Bitmap and copy them to other programs.  You can also save the bitmaps as jpeg files using File > Save As.

 



Let's create a simple web page using Microsoft Word.

This text is a different font and size.

This text is a different color.

Using the Insert tab then Clip Art, I've insert the following picture.

Web1

I'm now inserting the picture again, then with the picture selected, click the right mouse button to format the picture. I've enlarged and centered the picture.

Web2

Now save the document as a Word document

Next, Select 'Save as' and choose "Web Page" from the 'Save as type:' drop down menu.  This dialog box also provides an opportunity to “Change Title...” of your web page.  Saving as "Web Page" creates a file (html) and a directory of figures.

Once you've saved as Web Page, your menus will change slightly.

Add a background using the Page Layout tab on the ribbon and Page Color.  You may choose a solid color or "Fill Effects".  By going to Fill Effects you will have a variety of options for backgrounds.

While on the Page Layout tab, insert a line using Page Borders then Horizontal Line...  A wide assortment of lines are available within Word and more can imported from external sources. 

Orange Line

Let's create a link to the class homepage www.unm.edu/~jcoonrod/GIS

If you type a web address, as above, Word will automatically create the hyperlink.

Now simply type class homepage. Then highlight the text and from the toolbar select the icon showing a world with a small link Link. Type in the appropriate information.

Class homepage

 Now, create a link for someone to send you e-mail. Type contact me. Highlight the text and from the toolbar select the icon showing a world with a small link Link This time type "mailto:jcoonrod@unm.edu" Once again, word will automatically provide the link when you explicitly type the e-mail address.

Contact me.

 Insert a table using the Insert Tab and Table. This is an easy way to align text. I've inserted a 3 x 10 table and then inserted the names of students taking this course.  To create links to each students webpage, I highlighted the name then press the insert hyperlink Link and fill in the address of the link.

Scott Armstrong Theresa McInnes Kyle Shour
Chi Bui Ralph Monfort Leah Spitler
Anthony Cabrera Patrick Naranjo Greg Suchocki
Levi Gray Nick Pederson Barry Weinstock
Mark Holstad Fernando Ramirez Seyed Yousefi
Lijuan Jia David Reese  
Elizabeth Jordan Kim Robinson  
     

Okay, now you have a webpage. Save it.

Now use Windows Explorer to see the file that you’ve created.  I saved my Word document as sampleweb.doc.  I saved my webpage as sampleweb.htm.  Within the directory that I am working, I should see these two files.  Additionally, I find a folder named sampleweb_files.  Four images have been placed in that folder.  For the webpage to work, those files must be in that folder.

It may also be useful to look at the html code that Word has generated by right clicking on the file and choosing Open with. . . Notepad.

What do you do to "post" the page so that the world can see it?

UNM IT provides information on creating and posting a webpage at http://it.unm.edu/web/creating.html

 Basically all html files are stored in the public_html directory of your UNM account. For your homepage to simply be www.unm.edu/~youraccountname, you need to have your hompage file named index.html.  Everytime you create a new file, you need to ftp the file (and all files that are referenced) to your account. If you transfer files from a remote computer, then you must type webupdate at the prompt for the new file to be readable.

Additional notes:

I am not implying that I believe Microsoft Word to be the best way to create webpages. I believe that using Microsoft Word is a reasonable way for a student who has no knowledge of html to create basic webpages.