HOME
- Calendar
- Announcements - Exhibits
Online - Yuku
(about Yuku) - Desire2Learn
- Kerry Magruder | Tutorials: Google Sites -
iWeb -
Composer |
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
- Watch the "Creating
a Website" tutorial at Apple.
- Click the iWeb icon in your Dock to open iWeb.
- Choose a template for your website.
- 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.
- 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.
- Watch the "Customizing
your pages" tutorial to learn how to use the Inspector and customize
the two pages as you wish.
- 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.
- 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.
- 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.
- Add a link to your email address on your Home page.
C. Prepare to publish
- 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.
- 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.
- 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:
- Open iWeb, and click the Publish button to publish your site.
- When it is published, click the Visit button to view your pages on the Internet.
- 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:
- 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.
- 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.
- 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.
- 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.
- 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.
- 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)