2003 Midwest Clinic Workshop:

"Web Development Outline: Step-By-Step!"

Featuring:

Novice (Part 1)

and

Intermediate Level (Part 2) Applications!

December 17, 2003

by John Kuzmich, Jr.

e-mail: jkuzmich@jeffco.k12.co.us

---

Previous Web Development Workshops:

2003 Arizona Music Educators Conference in Phoenix, Arizona. February 1, 2003
2003 IAJE International Jazz Conference in Toronto, Canada, January 11, 2003
2003 MENC Northwest Regional Division Conference in Portland, Oregon, February 15, 2003
2002 Texas Music Educators Conference in San Antonio, Texas
2001 NAMM Show in Anaheim, California

---

Here's Where to Start: Overview!

• Bad Example of a School Web Page: John Kuzmich School Web Page.
• Better Example of the Above Example Web Page: John Kuzmich School Web Page.
• Casting A Web Presence Column: A regular web feature in School Band & Orchestra magazine of outstanding instrumental school music web sites since March, 2001. For more web column features in back issues, please go to: http://www.sbomagazine.com/sbomag/sbomags.html
• Building Your Own Web Page: Entry Level Lesson 1 from January, 2000 issue of School Band & Orchestra magazine.
• Building Exciting Web Pages: Part II: Intermediate Level Lesson 2 from June, 2000 issue of School Band & Orchestra magazine.
• Making School Web Pages More User-Friendly: Intermediate Level Lesson 3 from September, 2001 issue of School Band & Orchestra magazine.
• Why Is MP3 So Important for Music Educators?:
• The Creative Aspects of Video Streaming: Learn how to video streaming for web development from the December, 2000 issue of School Band & Orchestra magazine.
• Web Creativity With Easy Digital Audio Recording and Audio Streaming Capabilities:
• Web Designs: Must Understand Web Designs Before Designing Web Pages! Don't by-pass this link.
• Must learn HTML first to understand how to edit web pages and literally debug HTML errors by hand. The article, Building Your Own Web Page, offers three good but simple methods to learn the basics of HTML. Here are some good entry books to peruse.
1. Absolute Beginner's Guide to Creating Web Pages by Todd Stauffer, published by Que. No prior web publishing experience necessary.
2. Beginner's Handbook Developing Web Pages for School and Classrom by Susan Hixson and Kathleen Schrock, published by Teacher Created Materials. Teaches not only the basics of creating and posting a web page, lbut also takes you through the prcess of evaluating sites as well as planning developing content.
3. Web Site Design Goodies by Joe Burns, published by Que. Offers free tu;torials on THML, scripting, and web design insight.
4. Creating Web Pages for Dummies by Bud Smith & ARthur Bebak. Published by IDG Books. Create web pages overnight without being an HTML pro.
5. Setting Up An Internet Site for Dummies by Jason Coombs & Ted Coombs, published by IDG Books. Your first aid kit for creating your own Internet site quickly and easily.
6. Teach Yourself HTML 4 in 24 Hours by Dick Oliver, published by Sams. Contains 24 proven one-hour lessons to make your own web site up and running.
• The second thing you need to do is to learn to design web pages within Netscape. Two excellent books to learn how to do this are as follows:
1. Build a Web Site In One Day with Netscape Composer by Diann Floyd Boehm, published by Visions Technology in Education. Step-by-step instructions on how to create a simple, yet interactive web site that teacher's can use to showcase their classroom and involve their students and parents from ready made templates and clip art on the accompanying CD.
2. The Web Kit: How to Build Great Web Sites by Arnie Abrams & Jim Rible, published by Visions Technology in Education. This interactive CD-ROM guides students, teachers and administrators step-by-step through the procees from understanding web site tehcnology and esign to maintenance and adding bells and whistles with over 60 classroom project templates and a complete ltutorialf or building an online protfolio.
• Once you understand and graphical concepts in Netscape's Composer, you are ready for the ultimate way to design and develop web pages via graphical software applications.
1. Dreamweaver by Macromedia
2. Go Live! by Adobe
3. FrontPage 2002 by Microsoftware
• Or if you are not techno for Dreamweaver, GoLive or FrontPage 2002, try Macromedia's Contribute that can be used by anyone to easily update, add, and publish content to existing websites without knowing HTML.
• Digital recordings is the only way for music educators to promote their music programs on the Internet. And fastest and easier way to do this is via the Superscope PSD 300.
1. Product information: http://www.superscopetechnologies.com/products/PSD300/index.htm
2. Insightful article: http://www.superscopetechnologies.com/press/IAJEcolumn.htm

---

Entry Level Enhancements

for Making Exciting Web Pages: Part 1

• Where to Begin as a Novice Web?
1. Understanding HTML Tags
2. Reviewing Selected Web URL's: Analyze Them, Copy Them, Alter Them and More!
3. A No-Nonsense Approach: ASCII Editor (Notepad), Web Browser and FTP software.
4. A More Advanced Approach: Word Processor, Web Vrowser and FTP software.
5. HTML ON-Line Internet Tutorials: Nearly 9,000 URL's listed in Alta Vista Search Engine under: "HTML Tutorials". My favorite on-line HTML tutorial is The Barebones Guide to HTML
6. Downloading and Uploading Web Pages: Fetch for Macintosh and WS_FTP Limited Edition and PC's.
7. Do's and Don'ts of Good Web Page Design
8. Registering Your Web Page With Internet Search Engines via Meta tags.
• Let's Start with Basic HTML Programming Elements!
1. The Very Beginning: <HTML>, <HEAD>, <BODY>
2. Simple Text Enhancement
3. Bold typeface: <B>
4. Italics typeface: <I>
5. Underline typeface: <U>
6. 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
• Outlining 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
• 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
• Blinking Headlines in Netscape: <BLINK>. Go to: http://www.earthlink.net/~jkuzmich/

---

Intermediate Level Enhancements

for Making Exciting Web Pages: Part 2!

• Are You Ready For Powerful Web Enhancements?!
1. Posting Microsoft PowerPoint and Corel Presentation Slide Show Presentations!
2. Posting speech audio files with WAV. files
3. How to create and post a musical presentation with analog and wave table sounds: Band-In-A-Box
4. How to prepare, enhance and post photographs. Edit in PhotoShop
5. How to prepare and post a video presentation! with MGI VideoWave III, Studio 400 and ULead's VideoStudio.
6. Posting clinic handouts: http://www.kuzmich.com/handouts.htm (25+ handouts) and Internet Cultural Diversity Enrichment & Collaboration! which includes web development.
7. 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>
8. Adding a counter to your web page so you know how many "hits" have occurred: http://www.kuzmich.com and http://www.digits.com
9. Posting Musical Scores with Sibelius 2.0 with its plug-in Scorch and Finale 2002
• Using Web Making Editing Programs: Full Circle from HTML codes to Powerful Web Graphical Software Applications!
1. Add Powerful 3D Graphics to Your Web Page with ULead's WebRazor Pro
2. Designing and Making Your Own Animated GIF's: http://www.animfactory.com, http://buttonmaker.com, http://www.cooltext.com

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

b. Download animated GIF's

c. Create animated GIF's on-line the Internet at http//www.animationonline.com

d. Software that creates your own animated GIF's with PhotoImpact

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

• Editing and Posting Photographs Creatively! Enhance photos with PhotoShop!
• Prime Sources of Internet photos.:
1. PhotoDisc Digital Stock Photography: Search for over 100,000 images on-line.
2. PhotoDisc UK: Provides digital stock photography, search, purhcase and download over 60,000 images.
3. Eyewire: Prime source of photography, clip art, illustrations, audio, galleries, photographic tips and much more.
• First Class Web Creating Sofatware Applications with full Graphical Interface: FrontPage 2002 by Microsoft, Go Live! by Adobe and Dreamweaver by Macromedia, version 4.0
• 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
• Convert Files with Cakewalk Pyro™1.5 For Windows 98/Me/2000/XP: Turn CDs into MP3s! Burn CDs from MP3 and WAV files! Record from LPs and cassettes.
• Video Streaming: URL: http://www.kuzmich.com/handouts/bookmarks.html
• Publishers of Reference Books and Where to Go for More Web Making Ideas!
1. Sams Publishing: http://samspublishing.com
2. IDG Books: http://www.idgbooks.com
3. QUE: http://www.quecorp.com
4. Peachpit Press: http://www.peachpit.com
5. Sybex: http://www.sybex.com

• Graduation from this Web Development Workshop! Find sites for ideas you like and try to emulate aspects of it with regards to communication, layout, and special effects.
1. Macromedia
2. Cool Home Page:
3. Commarts
• World Organization of Webmasters (WOW), a professional webmasters association with six on-line tutorials and more forthcoming!: http://www.joinwow.org
1. Test your HTML "Chops" with WOW's Certified Instructor in which there are two tutorials for you to evaluate your HTML "chops" at: http://www.joinwow.org/wci/overview.asp. Good luck!

§ Selected Web Development Bibliography http://www.kuzmich.com/handouts/Web_Bibliography.html

---

Workshop Venues

• Prototype John Kuzmich, Jr. Teacher Recertification Computer Workshops given in Denver every month all year. All workshops have graduate credit offered by Colorado School of Mines. For latest schedule, please go to: http://www.kuzmich.com/Workshop.d14.html for over 10 workshop offerings.

---

Back to the John Kuzmich, Jr. Home Page
© 1997 John Kuzmich, Jr - All Rights Reserved
Last Modified December, 2003.

To contact John send an email to jkuzmich@jeffco.k12.co.us
Web Design by Kuzmich Consultants