A casual workshop designed to help USP staff get started on building their own animations to use as teaching aids. During the workshops, I hope that staff will come up with ideas for animations they could use in class, and we will begin to build them together.
Session 1: 6 October, 2004, 11-12, M10
Today we looked at a few teaching aids built with Flash, and did a quick run through of simple animation with flash, as well as a quick demo of HTML with sound files.
Useful links
Tutorial on Basic animation with macromedia Flash- Tutorial on making web pages with Netscape Composer. Just use the section entitled Editing the site for now
- How to set up a class-share
- How to set up your personal web-page
- Network Shares FAQ
- Software-request form. Download this pdf file to request a copy of Macromedia Flash. Print it out and bring it into ITS.
Session 2: 12 October, 2004, 11-12, C11
Today we built a simple web page using HTML
Code used in class
<html>
<head>
<title>This is the title</title>
</head>
<body>
<a href="link.html">THIS IS THE LINKED PAGE!!!!!</a>
<a href="
robbins_c@usp.ac.fj">Link to my email address</a>
</body>
</html>
Basic rules of HTML
- a tag starts like this: <tag> and ends like this: </tag>
- all tags must be balanced-- for every opening tag <tag> you must close the tag </tag>
- the stuff inside the tag itself is generally information for the computer, and the stuff between the opening and closing tags is generally what we see
- for instance, <a href="mypage.html">link to my page</a> tells the computer to link the words between the opening and closing tags to the page mypage.html. All we see are the words "link to my page" underlined in blue.
- an HTML document must have a head and a body. Most of the stuff goes in the body.
Session 3: 19 October, 2004, 11-12, C11
Today we built a simple web page using Netscape Composer
- For next, week, use this tutorial on making web pages with Netscape Composer to build a page. Just use the section entitled Editing the site for now. Bring the page into class on a disk so that we can answer questions and further develop it.
Session 4:October 26, 2004, 11-12, C11
Today the plan was to move the web pages we built onto staff's personal webspace, so that people could see them on the World Wide Web. However, a DFL meeting robbed us of most of our particpants, so we'll put it off until next week...
- ITS tutorial on accessing your personal share. Look at this one as well and anything you put in the "www" directory will be available to others online!
Session 5: November 3, 2004, 11-12, M10
Today we accessed our staff web pages and replaced the default page with our own simple index.html
Accessing your staff web site
- Log in to your pc (be sure to select Laucala, not just "this computer")
- Right-click on "My Computer" and select map network drive
- Enter \\staff\your_username. For instance, I'd type in \\staff\robbins_c. Then press finish.
- Open up "My Computer," and then open the drive you just mapped. It will be named your_username on 'Staff Shares(staff)'. For instance, mine is named robbins_c on 'Staff Shares(staff)'
- Finally, inside your staff shares drive, open the www folder.
- Great! Now we can customise the web page inside.
Changing your web page
There is already a default web page called index.html. To customise it, open up Notepad, Netscape Composer, Dreamweaver, BBedit, Golive, or whatever you use to make webpages, save the file you create as index.html, and after testing it om your desktop, copy the file onto your staff share, replacing the original.
Session 7: November 17, 11-12, M10
Today we just looked over MAxine's page and made some corrections Code used today
- <p><img src="images/maxine.jpg" /></p>
Certficate
Deadline:I must have an email in my inbox (robbins_c@usp.ac.fj) by Monday, November 29: 9AM with a link to your completed staff page.
If you want a certificate, you'll need to do the following:
Build a website that contains at least two pages. These pages must link to each other, and have examples of all three kinds of links:
- Absolute URLs
- Relative URLs
- Email links
Then, you'll need to upload these pages to your staff account.
We have covered all of this in the workshops, and instructions are located on the workshop website:
http://www.grographics.com/wiki/index.php/MultimediaTeachingAids
Finally, to show you can learn HTML on your own, you'll need to use code not covered in the class by inserting an image into your page, or by using an <h1> tag, <em> or <strong> successfully.
The pages should make sense as your staff homepage; i.e. they shouldn't say something like "Welcome to my testing page" or "All about rodents!" but should give useful information people would expect to find on a USP staff member's webpage.