Learning Online

Google Apps

FSUSD has now switched to Google Apps for Education.

• Learn how to login and change passwords
• Learn how to quickly get up to speed on Google Apps

Web Authoring with Dreamweaver and Fireworks:

Current version is Creative Suite 4 (CS4). Tutorials coming soon focusing on Cascading Style Sheets (CSS). Meanwhile, check out the Web Design class files below. They represent a progression in the application of CSS to design and style.

Dreamweaver MX 2004 was the established web authoring tool published by Macromedia, which is now owned by Adobe. The program creates HTML code for you, but as far as the designer is concerned, it functions very much like a word processor. Although the most current version is Dreamweaver 8 (released Fall 2005), you will find the two versions remarkably similar. Fireworks MX2004 is a graphics editing program that integrates tightly with Dreamweaver.

The following tutorials are Flash based movies (SWF files) that were developed by Rick Stevens using Macromedia Captivate. They are offered free to anyone in education. However, all rights are reserved. Follow along by downloading the exercise files to the right. Feedback is highly welcome!

• Dreamweaver Tutorial 1:
  Getting Started with Dreamweaver.
  (Size: 1.6 MB; Duration: 6:38; 958 X 761 pixels)
• Dreamweaver Tutorial 2:
  Adding format structure; inserting an image.
  (Size: 10.2 MB; Duration: 10:42; 958 X 761 px)
• Dreamweaver Tutorial 3:
  Adding hyperlinks; multiple pages.
  (Size: 4.3 MB; Duration: 10:41; 958 X 761 px)
• Dreamweaver Tutorial 4:
  Introduction to Tables.
  (Size: 1.0 MB; Duration: 3:39; 911 X 733 px)
• Dreamweaver Tutorial 5:
  Using Tables to control web page layout.
  (Size: 4.6 MB; Duration: 13:53; 911 X 733 px)
• Dreamweaver Tutorial 6:
  Using color and other table attributes.
  (Size: 1.8 MB; Duration: 5:09; 911 X 733 px)
• Dreamweaver Tutorial 7:
  Importing and editing images inside Dreamweaver.
  (Size: 10.5 MB; Duration: 12:27; 911 X 733 px)
• Dreamweaver Tutorial 8:
  Editing photos and then previewing your work in a browser.
  (Size: 9.8 MB; Duration: 9:03; 911 X 733 px)
• Dreamweaver Tutorial 9:
  Inserting a "rollover" image, and adding a hyperlink.
  (Size: 2.7 MB; Duration: 6:48; 911 X 733 px)
• Dreamweaver Tutorial 10:
  Creating lists, indents & outdents. Summary, Part 1.
  (Size: 4.5 MB; Duration: 11:54; 911 X 733 px)
• Dreamweaver Tutorial 11:
  Summary, Part 2.
  (Size: 7.1 MB; Duration: 12:31; 911 X 733 px)

Download trial software from Adobe (which purchased Macromedia), or find out more about how to do things. Individual educator prices available, or volume licensing for sites.

• Adobe Creative Suite (contains Dreamveaver, Fireworks and Flash)
• Contribute (the simple-to-use web authoring tool)
• Captivate (creat Flash based tutorials)

Managing a "site" in a network environment:

• How to Map a Drive & Define a Site (Word doc)
• Mapping a Drive in Windows (Flash)
• Define a Site in Dreamweaver (Flash)

Using Ed1Stop & United Streaming.

• Start Here 2006:
  Here are the directions on how to login to Ed1Stop. Learn how to set your passwords, set up United Streaming access, use your student accounts, and more!

Quick Resources

Exercise Files

Exercise files are companion files to be used with the tutorials. They are stored as self-extracting executables that is, "exe" files. You may unzip or extract them with a utility like WinZip. (Use the free evaluation version.)

• Dreamweaver MX2004
  Beginning Exercise files:
  Start here. You will find both HTML pages and and images folder. Use with Dreamweaver MX2004 Tutorials.
• Dreamweaver MX2004
  Final Exercise files:
  This is what you will have at the end of the tutorials. They contain both the extra images and completed HTML pages.

Open Source Tools

Sample Flash Files

• Ed Tech:
  This is Flash movie (SWF file) that illustrates breaking apart letters into graphic in order to make an animation.
  • Flash source file
    Filename: edtechbreakapart.fla
• Silly movie:
  Here ia another example of what you can create in Flash. It contains both narration as well as music in the second run-around.
  • Flash source file
    Filename: edtech_hello.fla
• Bouncing ball:
  Most people start out with a bouncing ball to learn Flash animation. This one has a rocket ship.
  • Flash source file
    Filename: bounce_ball.fla
• PLC:
  This complex Flash driven page was used by Educational Services to link to multiple menu choices.

Source files (FLA format) will be posted later!!!

Curriculum Resources

• School Without Walls
• Marco Polo: Internet Content for Classrooms
• EETT Teacher Web Showcase
• Suisun Marsh Project
• Roller Coaster Project
• Information Literacy
• ISTE NETS Standards

Core Communities

• Teachers
• Kid's Corner
• Parent's Place

Information Services

• Helpdesk Online: Basic network tasks
• File Downloads: Browser plug-ins
• Technology Ordering Guide:
  Order hardware & software
• $$$$ Grants $$$$

Professional Development:

• Register for Classes