Tutorials for EDTC 560

Week 2
Week 3
Week 4
Week 5

Week 2 Tutorials

To get you started writing HTML use NotePad or WordPad (text editors). You are not allowed to use Word, PowerPoint, or Publisher to create your web pages.

Go through these tutorials in sequence. They all open in a new browser window, so when you are finished with the tutorial, close the browser window to come back to this page.

Introduction to the Web

Welcome to Your Web Adventure - Some Thoughts to Get You Started
Introduction to HTML - Your Passport to Web Adventure!
What You'll Need - Simple Tools to Get Started
Web Diner Glossary - Some Web Terms Defined
CoreFTP Tutorial - now that WS FTP LE is no longer free.
SmartFTP Tutorials - either in text or Flash movie version
Tripod's File Manager - the easy way to upload your files to your Tripod site.

HTML Basics

	HTML Primer - Creating your first two pages using HTML and NotePad.
	Go through this one first. I have created it specifically to meet the requirements of the PWS, Part I assignment.

These are additional tutorials my students have found on the Web. Just remember that you must save your first page as index.html or index.htm.

5 HTML Tags - Create Your First Web Page!
Upload Your Page - Put Your Page on the Web!
Adding a Background Image or Color - Your page does not have to have a plain white background
Add Bold, Italic and Underline - Easy Text Effects
Add Headings to Your Web Page - Subtitles for your page
Add an Email Tag - Quickly Add an Email Link
Understanding Paths, Adding Links and Graphics - End the Curse of the Missing Graphic Today!
Editing Graphics - Changing the size, resolution, and file size of your graphics and photos
How to Use our Alphabets and Graphics - Add cool graphics easily

Week 3 Tutorials

Basic Website creation - Here's a step-by-step tutorial that will walk you through how to create a basic web site (as of 11/10/05, this is still a work in progress, so some of the steps have not been created yet)

Getting Netscape Composer - use the HTML editor included in older version of the browser to create your web site. Or download the Mozilla browser, it has Composer included. http://hotwired.lycos.com/webmonkey/html/97/05/index2a.html?tw=design - Webmonkey’s Design Basics (A MUST!)
http://www.neonlollipops.com/design/ - Dave’s Web Design Tips (particularly Chapter 6 and Chapter 7)
http://www.htmlgoodies.com/primers/basics.html - HTML Primer
Using Tables - How to create and use tables for layout of pages.

Dreamweaver Tutorials

Setting up a new site in Dreamweaver - Flash or Webpage
Setting up a new site in Dreamweaver when you are using a third party FTP program or a free hosting service like Tripod - Webpage
The work area in Dreamweaver - Flash
Inserting a table in Dreamweaver - Flash
Inserting buttons into a table in Dreamweaver - Flash (17Mbs)

Creating Buttons in Fireworks - Flash

Copying images or graphics from other Web sites or OE messages - Flash (8 Mbs, 3:58 min)

Week 4 Tutorials

Embedding audio in your Web Pages
Embedding audio and video in your Web Pages
Adding sound to your Web Pages
Embedding video in your webpages (tutorial)

Media - Here are three audio files and three video files that you can download to use for your project. They may not have anything to do with your web site but you will have files to work with to learn how to embed media into your page.

Named Anchors - How to create links within a page.
Open Link in New Window - Just like all of these links.

Feedback Forms - What you need to know to get started

Examples of resumes - Sufficient Design, Improved Design

Week 5 Tutorials

PowerPoint

Tutorials on the Web:

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.

Example of a PowerPoint as a web page(Doesn't work in all browsers)

PowerPoint

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