Resources and Tutorials

Here are a few tutorials I just found on the Web. I have not had time to go through them, so please let me know if there are any good or not:

http://www.actden.com/pp/
http://einstein.cs.uri.edu/tutorials/csc101/powerpoint/ppt.html
http://www.fgcu.edu/support/office2000/ppt/

http://www.uni.edu/plschool/index/profdev/briley/Advppt.html - This tutorial was developed to enhance skills learned in the Advanced PowerPoint Training class.

Action Buttons - create with Camtasia, best viewed in IE.

Before you write a single word of HTML, there are some considerations you must make and some information to gather about your topic and your audience. These web sites will get you started on the planning process.

Web Design A to Z - http://webdesign.about.com/cs/webdesignaz/ More to the point, good web design - http://webdesign.about.com/cs/webdesign/ Very complete tutorial - http://www.dreamink.com/design1.shtml

 http://www.htmlgoodies.com/primers/basics.html- I’ve received good feedback from my students on this site.
 http://www.webdiner.com/webadv/ - this one is very visual and I use it in my class.  http://www.2createawebsite.com/build/html.html  http://www.accessv.com/~email/webpages/  http://webdesign.about.com/library/beginning/bl_htmltutorial.htm

 http://www.htmlcenter.com/tutorials/tutorials.cfm/52/HTML/

http://www.willcam.com/cmat/html/crossref.html - The complete index of HTML tags, a great resource!

http://webdesign.about.com/cs/tipsandtricks1/ - good information

How to create tables -

http://www.w3schools.com/html/html_tables.asp http://www.cyber.com.au/users/clancy/clancys_tables.html

 

http://bignosebird.com/lscgi.shtml - explains what a CGI script is, how they work, and how to write one.
Javascript http://www.htmlgoodies.com/beyond/js.html http://www.htmlcenter.com/tutorials/index.cfm/javascript/ http://www.pageresource.com/jscript/index2.htm http://www.w3schools.com/js/default.asp http://hotwired.lycos.com/webmonkey/javascript/tutorials/tutorial1.html

 http://www.htmlcenter.com/tutorials/index.cfm/css/ Writing efficient CSS - http://www.communitymx.com/abstract.cfm?cid=A43B828960590F55

Most of you will need to use an FTP (File Transfer Protocol) Client to upload your files to your server. Here are a couple that have been recommended by other students.

CoreFTP
SmartFTP
WS FTP - no longer free, but you can download an 30-day evaluation version. If you download this in Week 2, it won't last the entire class.

Tutorials

CoreFTP Tutorial
SmartFTP Tutorials

Basic techniques useful when creating graphics for the Web - http://www.elated.com/tutorials/graphics/general/
Photoshop tutorials  http://www.elated.com/tutorials/graphics/photoshop/  http://mardiweb.com/web/
Paint Shop Pro Tutorial - http://www.elated.com/tutorials/graphics/psp/

Free web graphics and clipart sites

http://www.graphsearch.com/
http://www.free-graphics.com/
http://www.gifanimations.com/
http://office.microsoft.com/clipart/default.aspx

Generates buttons for you that aren't very pretty, but functional (like this one) - www.cooltext.com

Here's a page of smiley graphics that you can use for your messages.

Adding sound to your Web Pages -

http://webdesign.about.com/cs/sound/a/aa010300a.htm
Embedding video in your webpages (tutorial) - http://www.htmlgoodies.com/tutors/videoembed.html

Here is what a page with embedded audio and video might look like -

If you need an audio clip or a video clip to use for Part III, you can download these files by right-clicking on the link and clicking on Save As. Navigate to your website folder and click on save.

Audio

Whistle Blowing
Coins on a Table
Footsteps

Another place to find audio files - http://www.ilovewavs.com

Video

Funny Movie Clip (381 Kb)
Ice Skating Movie Clip (701 Kb)
Horses on the Beach Movie Clip (1.4 Mg)
The latest innovation in car security - (2.2 Mg)

PowerPoint

Here is a page that explains the different ways you may link to your Powerpoint presentation.

 The usability guru, Jakob Nielsen’s website - http://www.useit.com/

 http://www.webreference.com/html/reference/color/websafe.html#HEAD-3

 This is the best tutorial on the web - Digital Copyright Tutorial – Georgia Harper, UT System Copyright Lawyer.  http://www.utsystem.edu/ogc/intellectualproperty/cprtindx.htm?imageDir
=&institutionID=12&sessionKey=utexas&mode=2

Good sites for information, tips and tricks, and tutorials:

http://hotwired.lycos.com/webmonkey/index.html - my favorite, I can always find what I need. http://htmlgoodies.com/

 

Netscape Composer

The older versions of the browser included a very basic HTML editor that you can use for this project. The download is free. Go to this tutorial to learn how to download an older version of the browser - Getting Netscape

Macromedia

You can buy a suite of applications from Macromedia call Studio MX (now 2004). It includes Macromedia Dreamweaver MX 2004,  Macromedia Flash MX 2004,  Macromedia Fireworks MX 2004,  and Macromedia FreeHand MX. Most academic resellers have it priced at or below $200. The really good news is that you can download a fully functional try-it version of each of the applications and use it free (that’s right, FREE) for 30 days! Dreamweaver – IMHO, the best web development software on the market.It’s the easiest to start using if you are a beginner and it writes fairly clean code.It is the market choice for web developers - http://www.macromedia.com/software/dreamweaver/?promoid=home_prod_dw_082403

Fireworks – great for photo manipulation, graphic or clipart manipulation and creating web graphics from scratch (bullets, buttons, image maps, banners, etc). http://www.macromedia.com/software/fireworks/

Flash – think hallmark e-cards.See any animation on a web site?Typically it will be made with Flash.Part of the Studio, but a word of warning, there’s a big learning curve for Flash.Now the good news, once you get going, the hours will just fall away (I lost an entire week one time!) http://www.macromedia.com/software/flash/

Adobe Adobe just released a new suite of applications called Creative Suite.The web design application included in the suite is Go Live. http://www.adobe.com/products/golive/main.html

I haven’t used it personally, so I can’t make a recommendation.

Microsoft   Well, if you must……   FrontPage -
http://www.microsoft.com/PRODUCTS/info/product.aspx?view=22&pcid
=57bccce5-f934-422d-a11a-2afd0c0014db&type=ovr I learned on FrontPage and it was a great way to learn because it writes bad code, so I always had to go into the HTML to see if I could figure out how to fix it. This really is the best way to learn, but also the most frustrating. But for some, the templates and the upload feature are great, so I’ll stop bad-mouthing it. Just don’t ask me to use it, ok?