Web Development for Informative, Interactive Web Sites:

The True "Fountain of Youth" for Music Educators!

by John Kuzmich, Jr.

2007 Nebraska Music Educators Conference

Lincoln, Nebraska

November 17, 2007 at 9:15 a.m.

    A must conference session for music educators in learning how to effectively promote their students, concerts and career.  Session will cover model web sites plus techniques and resources that should be learned for a true multimedia oriented web site.  The basics of entry level design/techniques through intermediate and advanced feature levels all presented within one clinic session.  The workshop participants are given much fuel for thought from HTML, XHTMl, CSS, multimedia and more will be highlighted that can make a music educators web site dynamically interactive with their parents and students. Podcasting will be covered as an exciting medium to cover

Primary Workshop Handouts: http://www.kuzmich.com/Nebraskaweb.html

Podcasting Welcome: http://www.kuzmich.com/nebraska1.mp3 (31 seconds)

Podcasting Closing Comments: http://www.kuzmich.com/nebraska2.mp

Workshop's Seven Major Areas of Coverage Plus More!

Part 1: Informative, Exciting Educator Web Sites of John Kuzmich, Jr. Part 2: Interactive Model Music Educator Web Site Featuring Steven Chetcuti
Part 3: Other Creative Music Educator Web Sites For Ideas and Inspiration Part 4: New Era of Web Interactive Instruction
Part 5: The Tools of Web Techniques with Alpha Index of Web Development Workshop Syllabus Part 6: Module # and Approximate Times for Each Module: Topics for Each Module
Required Reading: Workshop Reference Books:
On-Line Tutorials: Instructional Software:
Addendum When\Where Appropriate: Based on Interest and Abilities! Part 7: Podcasting

Part 1: Informative, Exciting Ingredients for Educator Web Sites

  1. John Kuzmich, Jr. at: http://www.kuzmich.com/carmody/Carmody_Opening.htm at Carmody Middle School in Lakewood, Colorado

Part 2: Interactive Model Music Educator Web Site Featuring Steven Chetcuti

  1. Steven Chetcuti at: http://www.theradiohour.net at Somers Middle School in Somers, New York
  2. Latest feature article on interactive music educator web site published in the November, 2007 issue of School Band & Orchestra magazine. Temporary posting at: http://www.kuzmich.com/Chetcuti.html. Workshop participants may need to download a free version of Scorch to view most of the interactive music materials. To download Scorch, go to: < http://www.sibelius.com/cgi-bin/download/get.pl?com=sh&prod=scorch > and be prompted to download their viewer and install it without any charge!
  3. Other feature articles on Steven Chetcuti.

Part 3: Other Creative Music Educator Web Sites For Ideas and Inspiration

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:

Interactive web sites:

  1. On-line tests:

Look for a new era in interactive web sites when software companies allow the music educator to post their program and/or training exercises on-line for instruction. so students can access the software 24/7. Thus creating a greater need for music technology to be in the mainstream of the music educator's curriculum. Datasonics of Australia has taken this lead which not only allows their customers with a site license to have the music notation/sequencing/music theory/ear training/film scoring application on-line 24/7 so their students can work on assignments at home. Because all of the lessons in Mastering Music are HTML pages, these can be placed on a school's website and the students can log in from home to complete Mastering Music lessons not completed during class time. This option is called Web Connect and is available to schools that have a Mastering Music Site License for only US$20.00 per student per year. The Mastering Music lessons and the Video Tutorials are loaded onto the school's secure website while the Music Master Professional application is loaded locally from a download from the school's website. With over 400 on-line tutorials, this application opens the door for greater use in the music education curriculum and with only one interface to learn for six different software application which is magical for the busy, over-worked music educator.

There are other manufacturers who are also opening this window of opportunity for 24/7 use by being able to post their exercises on-line.

  1. SmartMusic by MakeMusic is making significant impact in home performance practice and assessment as the mainstream of the school string, band, vocal music performance curriculum.
  2. Star Play is a competitor to SmartMusic with many on-line options for home performance practice and assessment. Click here for more details.
  3. Scorch by Sibelius now allows educators to quickly post notational compositions and exercises on the Internet for creative performance.
  4. Finale compositions and exercises can also be posted for playback, editing, and printing on the Internet through their free NotePad software.
  5. Ear Training 5 distributed by emediamusic which allows the teacher to post ear training exercises. EarMaster is made so teachers and students can easily share assignments and results through the Internet. This allows the students to work at home while the teacher still have the full overview of their results and progress. EarMaster uses emails to do this and we have chosen this technology through careful considerations (see the reasons later in this email).
    1. The teacher attaches the new tutor to an email that is sent to his students
    2. The student opens the tutor with EarMaster Pro on his private computer and works with the lessons.
    3. When the lessons are completed, the student chooses the export function "Email results and lessons". This function automatically exports all the results, compresses them in a zip file and attach the file to an email. Only action required by the student is to send the email!
    4. The teacher receives emails from all his students. He drags the attached file to his desktop (to create it as a file), then he drags the file into the import window of EarMaster and click import. That is all, then this users data is in his system and he can use all the advanced statistical features in EarMaster to track the progress and compare the results for all his students.
    5. To allow the students to have EarMaster Pro at home we have made the special "Home User Site" license. This is a site license purchased by the school (or band) that allows all students/members to install EarMaster Pro on their home computer.
     
    Thoughts and considerations about web based ear training
    Here are my thought about web based ear training and what considerations we have made, regarding web abilities, during the development of the latest EarMaster release.

    I see two categories of web-based ear training:    Ear training tools that runs from the web page in a browser window.
    1) We have considered this for EarMaster, but my opinion is that it does not work good enough with the current state of technology. For a free tool to use once a while it might be acceptable, but for a teaching situation and when you work seriously with ear training it does not work well. A web based tool works too slow and does not offer the interactivity found in a real program installed on the computer.

    2) Ear training tools that are installed as a program on the local computer, and only the assignments and results are shared through the internet.
    EarMaster belongs to this category and it uses emails to do this. Our first thought was to use a server on the web to store all user data (assignments, results and settings) - but after careful considerations we decided to use emails to exchange data. The email support is integrated into EarMaster as it automatically exports the results, compresses them in a zip file and attach the file to an email.

    Using email has several advantages:

    a) Easy to understand and use.
    All computer users are already familiar with emails to exchange information. Very little instruction is needed and in addition each user avoids the trouble setting the computer up to connect to a server.

    b) No problems with firewalls
    In these days with hackers constantly looking for holes in the security, a typical computer connects to the internet through several levels of firewalls. Usually there is a software firewall on the local computer and a firewall at the router that connects the local network with the internet. Each firewall has to be configured to open the right port so the data can go through. Using emails is an advantages here because all firewalls are already configured to allow emails to go through.

    c) Does not require that you have permanent internet connection
    If the program should retrieve and store its data on a remote web server it would require that you have a permanent internet connection. Permanent internet connections become more and more common, but there are still many modem users. With emails you control when you the data is exchanged and when to connect to the internet.

    d) Fail safe
    No problems with the server going down. 

    Part 5: The Tools of Web Techniques with Alpha Index of
    Web Development Workshop Syllabus

Adobe Acrobat in module 26 Animated GIFS in module 5 Audio streaming in module 24 and 30
Browser special effects in module 27 Calendars for HTML in module 5 Color tutorials in module 14
Digital audio recording in module 22 Discounted academic pricing in module 31 Dreamweaver tutorials in module 7 and 13
Emails (weekly) to parents in module 1 Fancy backgrounds in module 5 and 14 Forms in module 7
FTP software in module 3 and 12 GIF Animators in module 26 Grades on-line for students 24/7 in module 1 and 5
HTML basics: tags in module 3 and 5 HTML tutorials in module 3 and 5

Interactive school music web sites on module 1

Links (hyperlinks) in module 5 MIDI files (free) in module 23 National Teaching Standards in module 7
Netscape tutorial in module 7 and 9 Parent -Teacher-Student conferences on-line in module 1 Photo restoration/editing in module 16 and 26
Photos ( posting to Web) in module 27 PowerPoint tutorials in module 29 Required reading of 10 web development articles on page 1
Review of literature for model public school music web sites in module 1, 19, 20 and 21 Scanning (OCR and music) in module 16 Table tutorials in module 7

Video streaming in module 25

Web designing in module 4

Web basics in module 1 and 23

Web hosting (free) in addendum first page Web publishers of books in last page of addendum Workshop Reference Books on page 1
Podcasting I Podcasting 2 Podcasting 3

Required Reading:

  1. November, 2007: November, 2007 issue of School Band & Orchestra magazine temporarily published at: http://www.kuzmich.comChetcuti.html
  2. October, 2006 Jazz Education For All Students: The Radio Hour for Developing. Great resource for interactive web pages dealing with instruction on-line and assessments: http://www.iaje.org/article.asp?ArticleID=287
  3. March, 2006: Shortcuts: Time is a Barometer for Success, Part Two of Four with Scores on the web: click here.
  4. December, 2006
    Tools to Get You Podcasting, Part 2
  5. November, 2006
    Podcasting for Music Educators, Part 1
  6. August 2006: Web Development for Music Educators, Part IV of a four-part series. This article is a definitive resource for interactive crossword puzzles, word search puzzles, call charts, test makers and Flash card builders/animators. If time permits, this area will be very interesting to study and peruse at: Click here.
  7. July 2006: Web Development for Music Educators, Part III of a four-part series: Covers audio/video streaming and on-line databases. Click here.
  8. June 2006: Web Development for Music Educators, Part II of a four-part series: click here.
  9. May 2006 :Web Development for Music Educators, Part 1 of a four-part series: click here.
  10. July 2003 : Guide to Graphic Editor Software Applications: click here.
  11. June 2002: http://www.kuzmich.com/SBOTravel.pdf Traveling Remote Web Sites
  12. December 2000: http://www.kuzmich.com/VideostreamDecember2000.htm Video Streaming Step-By-Step Instructions
  13. October 2000: http://www.kuzmich.com/MP3.htm MP3 for Music Educators
  14. September 2001: http://www.kuzmich.com/WebJune2000.htm Making School Web Pages More User-Friendly
  15. June 2000: http://www.kuzmich.com/SBOWebJune2000.htm Building Exciting Web Pages, Part 2!
  16. January 2000: http://www.kuzmich.com/SBOJanuary20001 Building Your Own Website

Workshop Reference Books:

  1. How to Use Dreamweaver 8 and Fireworks 8 by Lon Coley, Jennifer Fulton and Scott M. Fulton, published by SAMS, 2006. 291 pages. ISBN 9-672-32750-3. Amazing full-color screen dumps with detailed instrictuion for every step. A must book for educators.How to Use Dreamweaver MX & Fireworks MX by Lon Coley, published by QUE, 2003. 396 pp. ISBN 0-7897-2725-0. Amazing full-color screen dumps with detailed instrictuion for every step. A must book for educators.
  2. HTML and XHTML Interactive Movie Tutorials by Scott McLeod and Patrick Carey, published by Thomson Course Technology., IBNS #1-4188-3938-8. Videos are 3.5 hours
  3. HTML and XHTML by Patrick CArey, published by Thomson Course Technology, ISBN #0-619-26747-X
  4. How to USE HTML and XHTML by Gary Rebholz, published by Sams, ISBN #0-672-32031-2. The complete step-by-step solutions with color screen dumps with instructions for every stelp!
  5. Dreamweaver: The Missing Manul by David Sawyer McFarland, published by O'Reilly, SBN #0-596-10056-6. The book that should have been in the box with 140 pages of hands-on tutorials.
  6. Macromedia Dreamweaver 8 in 24 Hours by Betsy Bruce, published by Sams. ISBN # 0-672-32753-8. 24 lessons of one hour or less with step-by-step instructions, quzzes and exercises at the end of each chapter and notes and tips pointing out shortcuts and solutions.
  7. Absolute Beginner's Guide to Podcasting by George Colombo & Curtis Franklin, Jr., published by Que, ISBN # 0-7897-3455-9. Makes podcasting simple and easy to do and in no time!
  8. Podcast Solutions by Michael W. Geoghegan and Dan Klass, published by Friendso. ISBN # 1-59059-554-8.. The complete guide to podcasting which includes a CD with all software needed to start podcasting.
  9. KidCast by Dan Schmit, published by FTC Publishing. Written for teachers. Provides solid strategis and project ideas for using podcastint o support your curriculum.
  10. Podcast Factory published by M-Audio. Provides professional audio interface, software included and bradcast quality microphone. A complete professional podcasting package for producing podcasting.
  11. GarageBand Mechanics by Dan Schmit, published by FTC Publishing. 3rd edition includes a section on podcasting. Book focuses in on lesson plans on recording arts and composition activities for the classroom teacher.

On-Line Tutorials:

  1. XHTML at:  http://www.w3schools.com/xhtml/default.asp
  2. Cascading Style Sheets at:  http://www.w3schools.com/css/default.asp
  3. Cascading Style Sheet Tutorials: http://www.westciv.com/style_master/academy/hands_on_tutorial/index.html. Style Master is a CSS editor which includes full support for hand-coding. It's a great way to start learning CSS: hand code when it suits, and fall back on the WYSIWYG editors when you're working with new properties and selectors. This tutorial is included as part of the 30 day demo download. There are 13 CSS tutorials on-line that you can use as well.

Instructional Software:

  1. The software for making the web pages will be Dreamweaver by Adobe.  Suggest you have either versions 7 or 8 or the latest one.  You can also download the latest version, full version for free for 30 days.  I can get you special educator prices for $98 (list price is $399.00).  Just go to:  http://www.adobe.com/products/dreamweaver/ to learn more about it and then download it for free for 30 days at:  https://www.adobe.com/cfusion/tdrc/index.cfm?product=dreamweaver. It does it all:  HTML, XHTML, CSS and much more.
  2. Where to purchase Dreamweaver with an significant edutor pricing:

Part 6: Module # and Approximate Times for Each Module: Topics for Each Module


20 minutes

Registration and Introductions: http://www.kuzmich.com/TI-ME 2B.htm

Free content at: http://ti-me.org/members/2BInternet/ with temporary info:

  • Login as tapmusic
  • Password is tapmusic

Module #1.

 

15 minutes

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

Review of Literature: 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:

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:
  4. Model public school music web sites
  5. 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!
  6. On-line Parent-Student-Student Conferences: http://www.kuzmich.com/web_conference.html and http://www.kuzmich.com/carmody/web_conference_form4.html
  7. Weekly parent newsletters: http://www.kuzmich.com/parent_newsletters.html
  8. Weekly Emails to parents: Eudora e-mail

Specific Tips for Planning What Features You Want In your Web Site: Music Teacher Modeling Excerpts!: http://www.kuzmich.com/Web_Tips.html

TI:ME resource page: http://www.ti-me.org/members/2BInternet/. Requires a username and password.

Final Project: see Thursday, July 13, 2006 at: 3:30 p.m.

Module #2

30 minutes

 Focus of Workshop with the reading of a Beginning Web Development Article: Building Your Own Web Page at:

<http://www.sbomagazine.com/sbomag/jan00/technology.html>.Meet John Kuzmich, Jr.: http://www.kuzmich.com/

Module #3

 

90 minutes

Where to Begin the basics of Web Development as a Novice Web? Go to: <http://www.kuzmich.com//handouts/HTML_outline.html>.

  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.
  6. Downloading and Uploading Web Pages (FTP)
  7. Do's of Good Web Page Design: See handout: What Makes For A Good Web Page,
  8. Registering Your Web Page With Internet Search

To Be Arranged (TBA)

Break

Module #4

 

20 to 30 minutes

Understanding Web designing principles::

  1. Web Pages That Suck by Vincent Flanders and Michael Willis (Sybex) at: <http://www.webpagesthatsuck.com/>
  2. Design Elements: http://www.kuzmich.com/handouts/Web_Design.html

TBA

Break

Module #5

 

90 minutes

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

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

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:
  4. Underline typeface: Creative banners with fancy fonts: http://www.cooltext.com/

Simple Text Formatting:

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

Fancy Animated backgrounds: <Body Background="File.JPG"> or HTML code: <BODY BGCOLOR="C6EFF7">:

  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. GIF Animations.COM (20,000 animations): http://www.gifanimations.com/
  5. Smiley Cental (10,000 smiley faces, some with music): http://smiley.smileycentral.com/download/index.jhtml
  6. Free Music Clip Art: http://www.voice-teacher.com/html/free_music_clip_art.html
  7. More Free Music Clip Art: http://school.discovery.com/clipart/category/musc1.html
  8. More, More Free Miusic Clip Art: http://www.school-clip-art.com/music_clipart.shtml

Outling and Organizing Text:

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

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

Digital camera photos

  1. Scan in photographs to JPEG or GIF files.

Post Calendars!:

  1. Creative Calendar Creator by Broderbund and Calendar Server at: http://www.calendarserve.com/
  2. Generate an HTML Calendar at: http://www.markworld.com/makecalendar.html
  3. localendar: http://www.localendar.com/elsie
  4. Calendar.Net: http://www.calendars.net/indexnof.htm
  5. Free Web Calendars: http://www.workingdogweb.com/FreeCalendars.htm

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/
  3. Pinnacle by Excelsior at: http://www.gradebook.com/

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

Need more free HTML tutorials on-line?

  1. 2 Create A Website: http://www.2createawebsite.com/build/html.html
  2. W3 Schools: http://www.w3schools.com/
  3. HTML Code Tutorial: http://www.htmlcodetutorial.com/
  4. AAA HTML Tutorials: http://www.aaahtml.com/
  5. Free HTML Tutorials:http://www.davesite.com/webstation/html/
  6. Free HTML On-Line Tutorials: http://www.webdevelopersnotes.com/tutorials/html/

TBA

Break

Module #6

 

30 minutes

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

  1. Things To Think About When Designing a Web Site
  2. Web Site Evaluation Instrument

Module #7

 

60 minutes

Netscape Composer, Microsoft WordPad and a Word Processor with HTML Capabilities

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/

Tables: Magical formatting tool.

  1. HTML Table Tutor: http://www.echoecho.com/htmltables.htm
  2. Table Tutor: http://www.pagetutor.com/table_tutor/index.html
  3. Web Page Accessibility: http://academics.georgiasouthern.edu/accessibility/docs/tables.htm

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.

Module #8 45 minutes

First Project: Your very first home page that has a title with appropriate headings

 

Module # and Approximate Times for Each Module: Topics for Each Module

 

Module #9

90 minutes

Continuation of First Projects with “Build A Web Site in One Day with Netscape Composer by Diann Floyd Boehm at: http://secure.toolsforteachers.com Do a search on the title.

Netscape Composer is a GUI interface for creating HTML pages without knowing HTML coding. Versions 7.2 and earlier ones have Composer and later ones, version 8.0 and on don't. It free. There are some formatting issues but it works instantly covering many basic HTMl features, including tables. Go to: http://browser.netscape.com/ns8/download/archive.jsp

Module #10

15 to 20 minutes

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

TBA

Break

Module #11 20 minutes

Understanding “Hot” Links

Module #12

 

20 minutes

Read Second Web Development article: Building Exciting

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>.

Web Pages: Part 2: http://www.sbomagazine.com/sbomag/jun00/technology.html

30, 45 or 60 minutes

Lunch

Module #13

 

2 1/2 hours

Learn Dreamweaver in a day Tutorial, Summary of GUI Web Development Applications at:

  1. http://www.sbomagazine.com/sbomag/Apr05/Technology.html>
  2. Free on-line Dreamweaver installation at: <http://www.learnthat.com/courses/viewlets/dreamweaver/> for learning the very basics of Dreamweaver.

Dreamweaver Development Center with many excellent tutorials at:

  1. <http://www.macromedia.com/devnet/mx/dreamweaver/>
  2. W3 Web Development free tutorials at: http://www.w3schools.com/

Module #14

 

30 minutes

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

  1. Colored backgrounds: http://www.visibone.com/
  2. Fancy backgrounds: <body background="File.jpg"> or HTML code
  3. http://www.arcadia-animations.com/,
  4. http://www.backgrounds4free.com/

Tutorial on Colors: http://www.htmlgoodies.com/tutorials/colors/

HTML & Graphic Tutorials: http://www.htmlgoodies.com/tutorials/

Hexc Hub List of over 700 named colors: http://www.december.com/html/spec/color.html

Module #15

 

30 minutes

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>

Module #16

 

45 minutes

Scanning: OCR (Optical Character Recognition)

  1. Photo editing and restorations: Adobe Photoshop 8.0 and Photo Elements 4.0 by Adobe: http://www.adode.com
  2. Text: OmniPage 15.0 by Scan Soft: http://www.scansoft.com/omnipage/
  3. Music: SmartScore 5.0 by Musitek: http://www.smartscore.com

Module #17

45 minutes

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

 

 

Module # and Approximate Times for Each Module: Topics for Each Module

 

Module #18

 

45 minutes

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

Module #19 45 minutes

Charms self-directing web sites: http://www.charmsmusic.com and tutorial at: http://www.kuzmich.com/charms1_tutorial.html

Module #20 45 minutes

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

Module #21

30 minutes

Private studio teaching: http://www.charmsstudio.com and tutorial at: http://www.kuzmich.com/charms2_tutorial.html                                              

Module #22

30 minutes

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

Module #23

 

30 minutes

Understanding web basics at: http://www.makepages.com. Some links below require an inexpensive subscription. Excellent site for MIDI and other basics for web development for music educators..

  1. Welcome

  2. XHTML

  3. Style Sheets (CSS)

  4. JavaScript

  5. DHTML

  6. Multimedia Basics

  7. Web Audio

  8. Flash

  9. QuickTime

  10. Software

  11. Learning Links

  12. Products for Sale

  13. Help from the Doctor

  14. Search

  15. Browser Check

  16. MEMBER LOGIN

  17. MEMBER LOGOUT

  18. SIGN UP NOW!

Sources of Free MIDI files:

  1. Harmony-Central: http://www.harmony-central.com/MIDI/files.html
  2. Standard MIDI Files on the Net (over 30,000 links): http://www.manythings.org/midi/
  3. MIDI Farm:: http://www.midifarm.com
  4. Classical Music Archives: http://www.classicalarchives.com/
  5. Classical Music: http://www.midiworld.com/classic.htm
  6. The Classical Music Collection: http://www.classicalmidiconnection.com/cmc/index.html

Module #24

 

30 minutes

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

  1. Pyro 2005
  2. RealProducer
  3. RealPlayer

Module #25

 

30 minutes

Video streaming techniques and demonstration 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)

TBA

Break

Module #26

 

2 hours

Learn Adobe Photo Elements 2.0 in a Day published by http://www.toolsforteachers.com

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.

WordPerfect X3 by Corel.

PDF Converter 3 Professional by ScanSoft

Primo PDF (free PDF converter through your print drivers): http://www.primopdf.com/

Whistles & Bells: GIF Animator slideshows at: http://www.kuzmich.com

  1. Product description and Free Download GIF Animator by Microsoft: http://www.versiontracker.com/dyn/moreinfo/win/13212
  2. GIF Animator tutorial: http://www.quasar.ualberta.ca/edpy202/tutorial/animation/MSGIFAnimator/MSGIFAnimator.htm

Module #27

 

2 hours

Work on Final Internet Project. Criteria: 3 web pages all linked together with

Post Calendars!: My favorites.

  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

Photographs enhanced, resized, cropped.

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

Linking photo posting 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.

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

Outling and Organizing Text:

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

Module #28

 

30 minutes

If there is sufficient time and interests, there are optional/additional instructional materials from: http://www.kuzmich.com/Interactive_Internet.html or go to the addendum at the bottom of this workshop syllabus entitled: "Addendum When\Where Appropriate: Based on Interest and Abilities!"

 

 

Module # and Approximate Times for Each Module: Topics for Each Module

 

Module #29

30 minutes

Learn how to build portfolios with PowerPoint via: the Portfolio Builder for PowerPoint by Visions Technology in Education at: https://secure.toolsforteachers.com//item-detail.cfm?Item=Portfolio%20Builder

PowerPoint Tutorials:

1. Learning PowerPoint is easy with the many excellent on-line ltutorials that are available. Please take a few minutes to become more familiar with PowerPoint at:

2. PowerPoint concepts that you need to be familiar with that the tutorials will cover are:

  • Setting up a PowerPoint file with presentation type, output of use, template, background, slide layout, pre-set animation, custom animation, Word Art, slide transition, customizing slideshow, changing slide order, deleting slides, adding artwork/photos/sound, viewing a slideshow, new slides, and save as a web presentation.

  • For more features to be learned in PowerPoint, go to a handy on-line PowerPoint glossary at: http://highered.mcgraw-hill.com/sites/007247187x/student_view0/powerpoint_glossary.html

TBA

Break 

Module #30

75 minutes

Audio streaming techniques with MIDI or .WAV files or Web Kit: How to Build Great Web Sites by Arnie Abrams at: https://secure.toolsforteachers.com//item-detail.cfm?Item=The%20Web%20Kit

TBA

Break

Module #31

 

2 hours

Heavily Discounted software pricings for educators only. Web search: "Academic discount"

  1. Gradware: http://www.gradware.com/ - 800-817-2347
  2. Academic Superstore: http://www.academicsuperstore.com/ - 800-854-5787
  3. CCV Software: http://www.ccvsoftware.com/ - 800-843-5576
  4. Lentine Music: http://www.lentine.com - 800-822-6752
  5. Sweetwater Music: http://www.sweetwater.com - 800-222-4700, ask for Tim Henderson

If time permits, perusing of on-line interactive crossword puzzles, word search puzzles, call charts, test makers and Flash card builders/animators. More info is in the August, 2006 SBO magazine technology column!

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

TBA

Break

Module #32 60 minutes

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

Module #33 20 minutes

Presenting Final Projects

Module #34 10 minutes

Workshop Assessment and Closure


Addendum When\Where Appropriate: Based on Interest and Abilities!

Free web hosting sites:

Fancy enhancements with digital photos, posting calendars and more!

∙ 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

2. Scan in photographs to JPEG or GIF files

∙ Creative Calendar by Broderbund

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

∙ Making The Grade by Jay Klein Products : http://www.gradebusters.com

Continuation of Projects 1 and 2 plus being Project 3 with more powerful web enhances with digital photos, calendar, posting grades and more.

Are You Ready For Powerful Web Enhancements?!

∙ Posting Microsoft PowerPoint and Corel Presentation Slide Show Presentations!

∙ Posting speech audio files with WAV. files

∙ How to create and post a musical presentation with analog and wave table sounds: Band-In-A-Box

∙ How to prepare, enhance and post photographs. Edit in PhotoShop

4nd Project with more linked web pages with the home page.

 Musical Things!

• Music Scores: Using Finale 2006 at: http://www.kuzmich.com/Compositions.html

• Audio Streaming: Using Pyro Plus and Helix RealProducer and Plus at: http://www.kuzmich.com/reva.html (dozens of audio streaming)

• Audio Streaming: Band In-A-Box at: http://www.kuzmich.com/John_Kuzmich_Resume/index.html

 More Considerations!

∙ How to prepare and post a video presentation!

∙ Posting clinic handouts: http://www.kuzmich.com/handouts.html

∙ Posting e-mail responses from your web page to your e-mail account: <A HREF="mailto:Your E-mail address">Your E-mail Address</A> at: http://www.kuzmich.com/how.html

 Adding a counter to your web page so you know how many "hits" have occurred: http://www.kuzmich.com, http://www.statcounter.com/, http://www.rapidcounter.com/ and http://www.digits.com

Using Web Making Editing Programs: Full Circle from HTML codes to Powerful Web Graphical Software Applications!

∙ Designing and Making Your Own Animated GIF's: http://www.animfactory.com, http://animationonline.com, http://buttonmaker.com, http://coorachive;.com, and http://www.cooltext.com

1. Post animated GIF's: <img SRC="notes.gif">

a. Download animated GIF's

2. Create animated GIF's on-line the Internet at <http://www.animationonline.com>.

∙ Design your own buttons from photos, anything graphical on-line at http://www.buttonmaker.com , http://www.coolarchive.com and http://www.cooltext.com

∙ Software that creates your own animated GIF's with PhotoImpact: http://www.asiapac.ulead.com/

∙ Editing and Posting Photographs creatively! Enhance photos with PhotoShop!

∙ FrontPage 2003: http://www.microsoft.com

∙ Playback of Audio Files and Streaming: <A HREF="URL location/Name of the audio file (MIDI, MP3, .WAV)">. URL: ">http://www.kuzmich.com/kuzdir.html">

∙ Video Streaming: URL: http://www.kuzmich.com/handouts/bookmarks.html and http://www.sbomagazine.com/arch/dec00/technology.htm

∙ Reference Books and Where to Go for More Web Making Ideas!

Web publishers:

A. Sams Publishing: http://samspublishing.com

B. IDG Books: 800-434-2086

C. Que: http://www.quecorp.com

D. Peachpit Press: http://www.peachpit.com

∙ Web Development: http://www.kuzmich.com/handouts/web.html

∙ Five Different Computer Music workshops: http://www.kuzmich.com/handouts/mines.html

∙ Videoconferencing: Contact John about when this class will be offered again. In the meantime, please to the following web site for details about his last videoconferencing class. http://www.kuzmich.com/handouts/video_agenda.html

∙ Let's Fix Your Computer Software/Hardware Installations, including Internet access! Contact John about when this monthly time will be available to educators with both their school and personal computers. This is a no credit class. E-mail: jkuzmich@jeffco.k12.co

* Registering Your Web Page With Internet Search Engines

∙ Add Powerful 3D Graphics to Your Web Page with ULead's WebRazor Pro

∙ DreamWeaver Suite by Macromedia and Go Live! By Adobe

∙ HTMLValidators: Search Engine by "Free HTML Validator"

∙ NetTools Box version 2.0.

∙ Posting music files from Finale

∙ Simple Intuitive Web Publishing Software

Part 7: Podcasting

  1. Three excellent articles on podcasting for required software, procedures and much more on how to easily learn the basics of podcasting on a zero dollar budget!