8 to 8:15 a.m.

Registration and Introductions

8:15 to 8:30 a.m.

Flash Video presentation entitled: Why Join TI:ME? at: http://ti-me.org/membershipanim2004.html> Browse the TI:ME web site at: <http://www.ti-me.org>.

Interactive web sites:

1. Audio streaming: http://www.kuzmich.com/Reva/Butterfly.ram
2. More audio and video streaming: http://www.kuzmich.com/graduaterecital/graduaterecital.html
3. On-line tests:
• http://www.nadaburg.org/General_Music.htm
• http://jan.ucc.nau.edu/~tas3/courseindex.html
• http://www.berksiu.k12.pa.us/webquest/Bernat/default.htm
• http://www.omnidis.com/MUSIC/
• http://www.nashua-plainfield.k12.ia.us/projects/chad/
4. On-line student grades: http://www.kuzmich.com/carmody/Grades.html Post Grades for Parents and Students to View 24-Hours a Day with the option of printing out a complete progress report!
On-line Parent-Student-Student Conferences: http://www.kuzmich.com/web_conference.html and http://www.kuzmich.com/carmody/web_conference_form4.html
6. Weekly parent newsletters: http://www.kuzmich.com/parent_newsletters.html
7. Weekly e-mail to parents: Eudora e-mail

8:30 to 9 a.m.

Focus of Workshop which is divided into two areas: Internet authoring and interactive techniques for classroom use. To learn the basics of web construction, you will receive a complimentary copy of How To Use Macromedia Dreamwever MX & Fireworks MX and a 4 month subscription to: <http://www.makepages.com>. 

Read a beginning web development article: "Building Your Own Web Page" at: <http://www.sbomagazine.com/sbomag/jan00/technology.html>. Introduced to four methods of web building:

1. ASCII Editor/Browser
2. Word Processor/Browser
3. Netscape Composer
4. Dreamweaver

Meet John Kuzmich, Jr.: http://www.kuzmich.com/

9 to 10:30 a.m.

Web development foundations: Internet authoring: text, graphics, sounds, video, interactive links, JavaScript and Java.

Review: school web pages for aspects of text, graphics, sounds, video, JavaScript, and Java. Look at codes to verify what’s there to better understand how commands/codes are executed.

HTML concepts at: <http://www.makepages.com/freepages/makexhtml.html>. 15 lessons.

HTML review tutorial: pages: 50 to 55 for an overview.

Note: these 15 lessons could take the rest of the morning, but do not all have to be completed at this time.

Dreamweaver: a GUI (graphical utility interface) that works hand-in-hand with HTML, the source of web pages.

As a result of this HTML training at: <http://www.makepages.com/freepages/makexhtml.html> and <http://www.kuzmich.com//handouts/HTML_outline.html>, you will understand:

1. Understanding HTML Tags,
2. Reviewing Selected Web URL, Analyze Them, Copy Them, Alter Them and More!
3. A No-Nonsense Approach,
4. A More Advanced Approach,
5. HTML On-Line Internet Tutorials: Nearly 9,000 URL listed in Alta Vista Search Engine under: & HTML Tutorials. My favorite on-line HTML tutorial is The Barebones Guide HTML at http://werbach.com/barebones/,
6. Do's of Good Web Page Design: See handout: What Makes For A Good Web Page, and
7. Registering Your Web Page With Internet Search

10:30 a.m. to 10:45 a.m.

Break

10:45 a.m. to noon

Internet Authoring HTML on-line tutorials continued at: <http://www.makepages.com/freepages/makexhtml.html>

When you need a break from the HTML tutorial, let's understanding web designs:

1. Web Pages That Suck by Vincent Flanders and Michael Willis (Sybex) at: <http://www.webpagesthatsuck.com/> and

2. Design Elements: http://www.kuzmich.com/handouts/Web_Design.html

12 to 1 p.m.

Lunch

1 to 2:30 p.m.

Understanding Style Sheets (CSS) at: <http://www.makepages.com/freepages/css01.html>. Work through some of the lessons, but not all. For another good tutorial, go to "How to Use Macromedia Dreamweaver MX & Fireworks," pages 330 to 349.

Web Primer: <http://www.w3schools.com/web/default.asp>.

Web builder definition of terms: <http://www.w3schools.com/site/site_intro.asp>.

Begin your first page of a web site. Below are a lot of tools below to make it easier.

Let's Start with "Basic HTML Programming Elements" with Tutorials that cover many important web page concepts at: <http://www.kuzmich.com//handouts/HTML_outline.html> and free HTML Tutorial at: <http://www.2createawebsite.com/build/html.html>.

1. The Very Beginning,
2. Simple Text Enhancement,
3. Italics typeface: and
4. Underline typeface
5. Creative banners with fancy fonts: http://cooltext.com/
6. Simple Text Formatting

• Hard carriage return: <BR>or <P>,
• Centering: <center>, 3. Font Size: <H1>, <H2>, <H3>, <H4>,
• Multiple columns: <MULTICOL COLS=2 GUTTER=10>, </MULTICOL> and
• Line Across the Screen: <HR>

Fancy backgrounds: <Body Background="File.JPG"> or HTML code: <BODY BGCOLOR="C6EFF7">: Also animated GIFs, buttoms and more.

1. Animation Online: http://www.animfactory.com, http://animationonline.com, http://www.buttonmaker.com/
2. http://cooltext.com
3. http://www.arcadia-animations.com/index2.htm
4. Netscape Editor and Microsoft FrontPage Express and
5. Download free backgrounds on the Internet

Outling and Organizing Text:

1. Indent with numbered order: <OL>
2. Assorted graphical indents: <UL>
3. List Item: <LI>

Linking to other web sites <A HREF="URL">Text</A> Posting photographs: <img SRC="name of photo file JPEG or .GIF">:

1. Digital camera photos and
2. Scan in photographs to JPEG or GIF files.

Post Calendars!:

1. Creative Calendar Creator by Broderbund and Calendar Server at: http://www.calendarserver.com/ and
2. Generate an HTML Calendar at: http://www.markworld.com/makecalendar.html

Post Grades for Parents and Students to View 24-Hours a Day with the option of printing out a complete progress report!:

1. Making The Grade by Jay Klein Products : http://www.gradebusters.com/,
2. Pentamation's Teacher Workstation: http://www.pentamation.com/ and
3. Pinnacle by Excelsior at: http://www.gradebook.com/

Special Browser Effects:

1. Blinking Headlines in Netscape: <BLINK>
2. Microsoft Explorer traveling headlines across the screen: <marquee>text example</marquee> at: http://www.kuzmich.com/carmody/Grades.html

2:30 to 2:45 p.m.

Break

2:45 to 3:30 p.m.

Let's Find Suitable School Web Pages and School Music Web Pages:

1. Spot Light on Bands in all 50 states: http://www.schoolbands.com/

2. Elementary and Middel School General Music Web:

• http://www.nadaburgschool.org/General_Music.htm
• http://www.willmar.k12.mn.us/music/roosgen.html
• http://www.tallwoodes.vbcps.k12.va.us/temusic.html
• http://www.maranausd.org/DG/Music/
• http://www.musiceducationmadness.com/beginning.shtml
• http://myschoolonline.com/page/0,1871,0-36833-38-75741,00.html
• http://www.bhsu.edu/artssciences/asfaculty/shovepabst/MUS350.htm
• http://www.mesa.k12.az.us/macarthur/music.htm
• Resume: http://bama.ua.edu/~kmcguire/vitapage.html
• http://www.mcps.k12.md.us/curriculum/music/schools.htm
• http://www.d64.org/GeneralMusic/
• http://www.waunakee.k12.wi.us/midlschl/music/
• http://www.musicschool.musicdownloadadix.com/middleschoolgeneralmusic.html
• http://www.basd.net/staff/lacker/
• http://www.batchelor.mccsc.edu/band/

3:30 to 3:50 p.m.

Your choice: Netscape Composer, Microsoft WordPad and a Word Processor with HTML Capabilities or Dreamweaver? Pick Dreamweaver!

Netscape tutorial

1. Build a Web Site In One Day with Netscape Composer by Visions Technology in Education

Dreamweaver tutorials:

1. Learn Dreamweaver in a Day Tutorial, Summary of GUI Web Development Applications at: http://www.sbomagazine.com/sbomag/Apr05/Technology.html>. Free on-line Dreamweaver installation at: <http://www.learnthat.com/courses/viewlets/dreamweaver/> for learning the very basics of Dreamweaver.
2. Dreamweaver Development Center with many excellent tutorials at: <http://www.macromedia.com/devnet/mx/dreamweaver/>.
3. W3 Web Development free tutorials at: http://www.w3schools.com/

3:50 to 5 p.m.

Continue working on your First Project: Your very first home page that has a title with appropriate headings

Read Second Web Development article: Building Exciting Web Pages: Part 2: http://www.sbomagazine.com/sbomag/jun00/technology.html

8 to 10:00 a.m.

Continuation of First Projects expanding it by building additional pages that will link to the home page. Understanding “Hot” Links. Where concepts are needed, use appropriate chapters in "How To Use reamweaver MX & Fireworks MX."

10 to 10:15 a.m.

Read Second Web Development article: Building Exciting Web Pages: Part 2: http://www.sbomagazine.com/sbomag/jun00/technology.html

10:15 to 10:30 a.m.

Break

10:30 to 10:45 .m.

Understanding multimedia basics at: http://www.makepages.com/freepages/index.html

1. Text
2. Sound
3. MIDI
4. Still images: GIF, JPEG
5. Movies:
6. Streaming: QuickTime, RealPlayer

10:45 to 12

Sign up for free web hosting page. Free web sites:

• Yahoo Geocities: http://geocities.yahoo.com/
• Angel Fire: http://angelfire.lycos.com/
• Free Webspace.net: http://www.freewebspace.net/
• Lycos Tripod: http://www.tripod.lycos.com/campaigns/landing/free/index.html?OVRAW=Free%20Web%20site&OVKEY=free%20web%20site&OVMTC=standard
• AOL Hometown: http://hometown.aol.com/

FTP file transfers to your web site for uploading and downloading your web site:

1. Fetch (Macs): http://www.dartmouth.edu/pages/softdev/fetch.html
2. WS_FTP LE 5.08 (PC): http://www.ipswitch.com/cgi/download_eval.pl?product=main.
3. SmartFTP at: <http://www.smartftp.com/>
4. FTP Commander: <http://www.internet-soft.com/ftpcomm.htm>.

Noon

Lunch

12:30 to 3 p.m.

PowerPoint slideshows: a multimedia phenonomon. Read Music Technology Courseware Options Part III of a III-part Series: Multimedia Authoring Applications: Programming by Non-Programmers (you!) at: http://www.sbomagazine.com/sbomag/apr05/Technology.html and for graphical illustrations, go to: http://www.kuzmich.com/multimedia.html

Review PowerPoint presentation entitled: Creative Web Development for Music Education at: mhtml:http://www.kuzmich.com/2004_ASU_Web_Development.mht!2004_ASU_Web_Development_files/frame.htm or go to: http://www.kuzmich.com/index2.html

Resources for PowerPoint tutorials at; http://www.kuzmich.com/PowerPoint_Tutorials.html

Two supplemental tutorial activities: "The Portfolio builder for PowerPoint" and "50 Quick & easy PowerPoint Activities" by Visions Technology in Education

Dreamweaver tutorials:

1. Learn Dreamweaver in a Day Tutorial by Arnie Abrams (Vision Technology in Education). Great hands-on tutorial.
2. Summary of GUI Web Development Applications at: http://www.sbomagazine.com/sbomag/Apr05/Technology.html>.
3. Free on-line Dreamweaver installation at: <http://www.learnthat.com/courses/viewlets/dreamweaver/> for learning the very basics of Dreamweaver.
4. Dreamweaver Development Center with many excellent tutorials at: <http://www.macromedia.com/devnet/mx/dreamweaver/>.
5. W3 Web Development free tutorials at: http://www.w3schools.com/

2 to 2:30 p.m.

Adding to Existing Web Page: Continuation of 1^st and 2^nd Projects with colorful backgrounds and animation:

1. Colored backgrounds: http://www.visibone.com/colorlab/, http://www.december.com/html/spec/color.html, and http://www.plus2net.com/html_tutorial/html_color_chart.php
2. Fancy backgrounds: <body background="File.jpg"> or HTML code,
3. http://www.arcadia-animations.com/, and
4. http://www.backgrounds4free.com/

2:30 to 3 p.m.

Outlining and Organizing Text:

1. Indent with numbered order: <OL>
2. Assorted graphical indents: <UL>
3. List Item: <LI>
4. Blinking Headlines in Netscape: <BLINK>

3 to 3:15 p.m.

Break

3:15 to 4:30 p.m.

Third Project: Adding Additional Pages to Web Page and loading to Web server in Preparation for Final Project Presentations!

8 to 8:30 a.m.

Scanning: OCR (Optical Character Recognition)

1. Photos: Adobe Photoshop by Adobe: http://www.adode.com
2. Text: OmniPage 14.0 by Scan Soft: http://www.scansoft.com/omnipage/
3. Music: Smartscore by Musitek: http://www.smartscore.com

8:30 to 8:50 a.m.

Interactive Instruction: tests, crossword puzzles, posted tests,

1. Vision Technology: Teacher's Resources Deluxe and Crossword Companion Puzzle by Vision Technology in Education
2. http://www.makepages.com/freepages/makeflash.html
3. Flash: http://www.makepages.com/freepages/makeflash.html
4. QuickTime: http://www.makepages.com/freepages/makequicktime.html
5. JavaSript: http://www.makepages.com/freepages/makejavascript.html
6. DHTML: http://www.makepages.com/freepages/makedhtml.html

8:50 to 9:10 a.m.

Public School Examples: http://www.dentonisd.org/arts/jkuzmich.htm

Webware examples:

1. Charms self-directing web sites: http://www.charmsmusic.com and tutorial at: http://www.kuzmich.com/charms1_tutorial.html
2. Molto Music: http://www.moltomusic.com
3. Private studio teaching: http://www.charmsstudio.com and tutorial at: http://www.kuzmich.com/charms2_tutorial.html

9:10 to 9:30 a.m.

The Web Kit: How to Build Great Web Sites for Students and Teachers by Vision Technology in Education: go through tutorial for hand-on experience.                                             

9:30 to 10:00 a.m.

Superscope digital recordings for web site: http://www.superscopetechnologies.com/press/IAJEcolumn.htm and http://www.superscopetechnologies.com/products/PSD300/index.htm

10 to 10:15 a.m.

Break

10:15 to 11 a.m.

Audio streaming techniques and demonstration at: <http://www.kuzmich.com/reva.html>.

1. Pyro 2005, RealProducer, and RealPlayer

11 to noon

Video streaming techniques and demonstration at: at: <http://www.kuzmich.com/reva.html>. Videos from camcorder to computer.

1. Vegas and RealPlayer
2. How to Use Digital Video by Dave Johnson (Sams)
3. Video Streaming article: URL: http://www.kuzmich.com/handouts/bookmarks.html and http://www.sbomagazine.com/sbomag/dec00/technology.html
4. Digital Video with Windows XP in a Snap by Greg Perry (Sams)

12 to 1 p.m.

Lunch

Digital photos from camera to computer!

1. P.D.Q. Guide to Digital Photography 2.0 by Arnie Abrams (Vision Technology in Education)

1 to 3 p.m.

Learn Adobe Photo Elements 2.0 in a Day by Vision Technology in Education

Adobe Acrobat PDF by Adobe

1. Adobe Acrobat 7 in a Snap (Sams)
2. Adobe Acrobat 7: Tips and Tricks by Donna L. Baker (Adobe Press). The best 150 tips & tricks.

3 to 3:15 p.m.

Break

3:15 to 4:30 p.m.

National Teaching Standards:

1. Teaching Music with Technology by Thomas E. Rudolph (GIA Publishing)
2. Technology Strategies for Music Education by Thomas Ruldoph, Floyd Richmond, David Mash and David Willaims (Hal Leonard Publishing at http://www.halleonard.com/

Forms:

1. How To Use Dreamweaver MX & Fireworks MX by Lon Coley (Que). Fantastic tutorial on forms: pages 268 to 285.
2. Teach Yourself CGI by Rafe Colburn (Sams). In-depth 24 hour instruction.

8 to 10 a.m.

Learn how to build portfolios with PowerPoint via: the Portfolio Builder for PowerPoint by Visions Technology in Education at: http://www.toolsforteachers.com

10 to 10:15 a.m.

Break 

10:15 to 12 p.m.

Web audio: http://www.makepages.com/freepages/makeaudio.html. Lots ofo materials go through on-line. You must login with username and password that I have for you.

Audio streaming techniques with MIDI or .WAV files or Web Kit:

How to Build Great Web Sites by Arnie Abrams at: http://www.toolsforteachers.com

12 to 1 p.m.

Lunch

1 to 3 p.m.

Individual final web site instruction to organize and develop web sites from the previous first two days of this work.

3 to 3:15 p.m.

Break

3:15 to 4:15 p.m.

Continuation of individual final web site instruction to organize and develop web site.

4:15 to 4:30 p.m.

Presenting Final Projects

4:30 to 4:35 p.m.

Workshop Assessment and Closure