HOME - Calendar - Announcements - Exhibits Online - Yuku (about Yuku) - Desire2Learn  - Kerry Magruder | Tutorials: Google Sites - iWeb - Composer |
History of Science Ancient Near East

History of Science Online

- Course Info - Time tips - Semester Schedule - Weekly Assignments - Timeline - Projects -

Week 2: Science in the Ancient Near East

Internet assignment: Publish your First Webpages! Instructions for using iWeb

In this assignment you will follow the instructions at the Apple iWeb tutorials website to create your first two web pages!!! You can go to these tutorials anytime using the link at the top right of any course web page. You might want to watch many of them now and just play around with iWeb a little bit. iWeb is so easy to use that sometimes instructions might be more difficult to follow than just intuitively clicking and experimenting around. Have fun with it!

A. Make sure iLife is set up on your computer

Since iLife comes with any Mac, iLife may already be installed on your computer. iWeb is one of the applications included in iLife. You will need either iLife 07 or iLife 08; earlier versions of iLife did not come with iWeb. If you have an older version of iLife that does not include iWeb, you will need to upgrade to iLife 07 or iLife 08 ($49 academic) or use Mozilla Composer.

Make sure you have entered your name and email address in your Mac OS X Address Book. Open Address Book, select your address record, and then choose "Make this my card" from the Card menu. A special icon will now mark that record in your address book. Now iWeb will use this email address when you create email links.

B. Create two web pages: a "Home" or Welcome page and an "About Me" page
  1. Watch the "Creating a Website" tutorial at Apple.
  2. Click the iWeb icon in your Dock to open iWeb.
  3. Choose a template for your website.
  4. Create a "Home" page (you may use the "Welcome" template if you like). Click in the Welcome title area and enter text such as "Julie's Home page" (or whatever you want). Enter whatever text you like to welcome visitors to your website. Make sure the Welcome page contains your name.
  5. Create an "About Me" page (you may use the "About Me" template if you like). This page is a good place to explain something personal about who you are.
  6. Watch the "Customizing your pages" tutorial to learn how to use the Inspector and customize the two pages as you wish.
  7. Go to your Welcome page and open the Inspector. Click on the page icon so that the Inspector appears like this:
     

     
    Change the page name from Welcome to Home so that it will now appear like this:
     

     
    You will also notice that the welcome page is now indicated as a "Home" link in the top navigation bar.
     
  8. Make sure links between the two pages appear in the navigation bar at the top of both pages. That is, your About Me page must have a link to your Home page, and your Home page must have a link to the About Me page.
  9. Watch the "Adding hyperlinks and navigation" tutorial. Add a link on your About Me page to at least one external page of your choice (that is, to a page on the web that is not part of this website). You can also add some links to your favorite websites! You can include links to any websites that you want, not necessarily just those for this class.
  10. Add a link to your email address on your Home page.

C. Prepare to publish

  1. Watch this tutorial which explains how to publish your website. The simplest way to publish your website is to host it on a MobileMe account (here's info about MobileMe). You are not required to use a MobileMe account, however, and you may publish your website to your OU webspace or to a web account at Google or elsewhere, if you prefer. Even if you won't publish to a MobileMe account, this tutorial still has information about publishing that will be useful.
  2. Please note, if you do not publish your site to MobileMe, the following iWeb features will not be supported: password protection, hit counter, slideshow with viewing controls, and blog comments or searching. Please make sure your pages do not use these features unless you are going to publish to MobileMe.
  3. Watch the Managing your site tutorial. Make sure your Home page is directly underneath your site name. Your current site contains your Home page and your About Me page. Next week you will create a new site that will eventually contain your web project pages.

D. Publish your two web pages and view them on the Internet

If you are publishing to MobileMe, follow these steps:

  1. Open iWeb, and click the Publish button to publish your site.
  2. When it is published, click the Visit button to view your pages on the Internet.
  3. Send me an email to let me know where your site is published to! Unless you send me the url of your MobileMe address, I won't be able to find your website!

If you are publishing to your OU webspace, follow these steps:

  1. Determine the web address of your OU student webspace. Students usually publish to students.ou.edu. For students who are also University staff, you may be publishing to a different server, faculty-staff.ou.edu. In order to see which server you are on, look yourself up at search.ou.edu and see what your web address looks like. For example, mine looks like this: http://faculty-staff.ou.edu/M/Kerry.V.Magruder-1/. Make a note of your web address.
     
  2. In iWeb, choose File --> Publish to a Folder... This will export your iWeb website to a folder on your hard drive. Create the folder in the save dialog box. You can put it on your desktop for easy access, and call it something like MyWebsite. In the dialog box, you will also need to insert your OU web address. Precede the web address by http:// like this: http://students.ou.edu/D/. Note: As you continue to work on your web project in iWeb, periodically you will export it from iWeb into this folder before uploading it to your OU website.
     
  3. Download and install CyberDuck, a free, open-source FTP program. If you already have an FTP program that you prefer, use it instead. When you activated your OU webspace, a default index.html page was created -- the one that says "Congratulations! You have successfully activated your OU Web Account." You are now going to replace that generic page with your iWeb website. What you need to do is to use an FTP program to upload your iWeb folder in its entirety into your OU webspace.
     
  4. Open CyberDuck or your favorite FTP program. Click the "New Connection" button, then set the transfer protocol to "FTP" (not FTP-SSL or SFTP). Enter the following information: For server, enter either students.ou.edu or faculty-staff.ou.edu. For Username, enter your OU 4x4. For password, enter your OU password. Click "Add to Keychain" if you want to save the information instead of entering it every time you upload.
     

     
  5. Click Connect. You will see a list of all files and folders that are currently in your OU webspace. Replace them with the index.html file and Site folder exported from iWeb contained in your website folder. Just drag the index.html file and Site folder exported from iWeb into the CyberDuck window and they will be uploaded to your OU webspace. NOTE: Drag the CONTENTS of your website folder, not the website folder itself.
     
  6. Visit your OU webspace to confirm that everything appears and functions as you expect.

Already using your OU webspace? These instructions assume that you do not already have a page named index.html published in your OU webspace. If you do already have a page named index.html that you want to keep, then you can keep your iWeb directory separate. Just let me know the address of the iWeb website. Write me if you have any problems.

E. Make your Desire2Learn declaration

After you are done with the assignment, go to Desire2Learn and make your gradebook declaration (you will find the declaration in the Quizzes area at Desire2Learn). This Desire2Learn gradebook declaration is governed by the Honor Code and will be monitored, so take it very seriously!

Desire2Learn Gradebook Declaration:

(1 point) I have published a webpage called Home.
(1 point) My Home page contains my name, an email link, and a link to my About Me or Links page.
(1 point) I have published a webpage called About Me (or Links).
(1 point) My About Me page (or Links page) contains links to my Home page and to at least one other web page of my choice.

 

 

Do you have a great quote for this page? Let me know! (If used, a new quote is worth 1 point extra credit)

University of Oklahoma logo

HSCI 3013. History of Science to 17th centuryCreative Commons license
Kerry Magruder, 2004
-08

Report typos or broken links

Many thanks to Mythology and Folklore and other online courses developed by Laura Gibbs.

Search course websites:

 

Disclaimer | Academic Calendar

College of Arts and Sciences Online

 

Online Dictionary
Free web widget by Ultralingua