K-12 Music Web Development Workshop:

Beginning/Intermediate Levels Designed & Beyond

For and By Music Educators

by John Kuzmich, Jr.

October 18, 2003

Saturday, October 18, 2003

Entry Level Enhancements for Making Exciting Web Pages: Part 1!

8 to 8:30 a.m.. Registration and Introductions

8:30 a.m. to 9 a.m.: Focus of Workshop with the reading of a Beginning Web Development Article: Building Your Own Web Page

  1. Meet John Kuzmich, Jr.: http://www.kuzmich.com/
9 to 10:30 a.m. Where to Begin Web Development as a Novice Web?

  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. Downloading and Uploading Web Pages
  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
10:30 to 10:45 a.m. Break

10:45 a.m. to 12 p.m. Understanding Web Designs

  1. Web Pages That Suck by Vincent Flanders and Michael Willis (Sybex)
  2. Design Elements: http://www.kuzmich.com/handouts/Web_Design.html
12 to 1 p.m.: Lunch

1 to 2:30 p.m. Let's Start with Basic HTML Programming Elements with Tutorials that cover:

  1. The Very Beginning:
  2. Simple Text Enhancement
  3. Italics typeface:
  4. Underline typeface:
  5. 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 backgrounds: <Body Background="File.JPG"> or HTML code: <BODY BGCOLOR="C6EFF7">
  1. Animation Online
  2. Arcadia Animations
  3. Netscape Editor and Microsoft FrontPage Express
  4. 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
  2. Scan in photographs to JPEG or GIF files
Post Calendars!
  1. Creative Calendar Creator by Broderbund and Calendar Server at: http://www.calendarserve.com
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>

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

3:30 to 3:50 p.m. Netscape Composer, Microsoft WordPad and a Word Processor with HTML Capabilities

3:50 to 5 p.m. First Project: Your Home Page that has a title with appropriate headings

Saturday, October 25, 2003

8:30 to 9:30 a.m. Continuation of First Projects

Intermediate/Advanced Level Enhancements for Making Exciting Web Pages: Part 2!

9:30 to 9:45 a.m. Read Second Web Development article: Building Exciting Web Pages: Part 2: http://www.sbomagazine.com/sbomag/jun00/technology.html

9:45 to 10:00 a.m. Break

10:00 a.m. to 10:30 a.m. Understanding Hot Links

10:30 a.m. 12 p.m. 2nd Project HTML Programming with a Second Page linked to the home page.

  1. Link: http://number_of_file.html: Call it whatever you want!
12 to 1 p.m. Lunch

1 to 2 p.m.      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
2 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!

4:30 to 4:50 p.m.: Presenting Final Projects

4:50 to 5 p.m. Workshop Assessment and Closure

Addendum When\Where Appropriate:

Based on Interest and Abilities!

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 2003

•                      Audio Streaming: Using Pyro 2003 and RealProducer Plus

•                      Audio Streaming: Band In-A-Box

 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>

 

Adding a counter to your web page so you know how many "hits" have occurred: http://www.kuzmich.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 2000: 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!

 

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: http://www.flfsoft.com/hgt;ml/html_validators.html

 

∙                      NetTools Box version 2.0.

 

∙                      Posting music files from Finale 2001.

 

∙                      Simple Intuitive Web Publishing Software

 

                        1. Complete Web Studio 2.0 by Sierra Home

                        2. Web Page Construction Kit 7.0 Deluxe by Boomerang Software

3. Instant Web Pages! By Peter Weverka by Sybex