A Comprehensive Approach
For DevelopmentingWeb Pages:
A to Z and Beyond
December 4 and 11, 2006
by John Kuzmich, Jr.
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
Workshop Handouts: http://www.kuzmich.com/Web_Development_Workshop_Handouts.html
Module # and Approximate Times for Each Module: Topics for Each Module
20 minutes |
Registration and Introductions |
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:
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>.
|
To Be Arranged (TBA) |
Break |
Module #4
20 to 30 minutes |
Understanding Web designing principles::
|
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>.
Simple Text Formatting:
Fancy Animated backgrounds: <Body Background="File.JPG"> or HTML code: <BODY BGCOLOR="C6EFF7">:
Outling and Organizing Text:
Links to other web sites <A HREF="URL">Text</A> Posting photographs: <img SRC="name of photo file JPEG or .GIF">:
Digital camera photos
Post Grades for Parents and Students to View 24-Hours a Day with the option of printing out a complete progress report!:
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?
|
TBA |
Break |
Module #6
30 minutes |
Let's Find Suitable School Web Pages and School Music Web Pages
|
Module #7
60 minutes |
Netscape Composer, Microsoft WordPad and a Word Processor with HTML Capabilities
Tables: Magical formatting tool.
|
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:
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:
Dreamweaver Development Center with many excellent tutorials at:
|
Module #14
30 minutes |
Adding to Existing Web Page: Continuation of 1st and 2nd Projects with Colorful backgrounds and animation:
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:
|
Module #16
45 minutes |
Scanning: OCR (Optical Character Recognition)
|
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.. Sources of Free MIDI files:
|
Module #24
30 minutes |
Audio streaming techniques and demonstration at: <http://www.kuzmich.com/reva.html>. |
Module #25
30 minutes |
Video streaming techniques and demonstration at: <http://www.kuzmich.com/reva.html>. Videos from camcorder to computer.
|
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
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
|
Module #27
2 hours |
Work on Final Internet Project. Criteria: 3 web pages all linked together with
Post Calendars!: My favorites.
Photographs enhanced, resized, cropped.
Linking photo posting to other web sites <A HREF="URL">Text</A> Posting photographs: <img SRC="name of photo file JPEG or .GIF">:
Fancy backgrounds: <Body Background="File.JPG"> or HTML code: <BODY BGCOLOR="C6EFF7">: Also animated GIFs, buttoms and more.
Outling and Organizing Text:
|
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:
|
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"
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!
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!
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