1. For your Final Project, you may choose either Plan A or Plan B:
- Plan A: Develop a web-based version of your Music 16 Semester Project.
- Plan B: Develop a web site illustrating what you have learned in Music
17.
2. In addition to text, you should include several examples of the following:
- Graphic images (downloaded from the web)
- Digital audio clips
- MIDI clips
- Music notation clips
3. Most people will use Adobe PageMill to create their web site. To see
how your page will look and behave in Netscape, you will use the Window>Switch
to>Netscape Navigator command.
4. Follow this procedure to get started:
- In your User Files folder, create a new folder and call it yourname.Final,
replacing "yourname" with your name. All the files used in this
project will be kept in this folder.
- Open the Class Files/17/Final Project folder. Open either the
Plan A or Plan B folder, depending on which you plan to do.
Double-click the 17final.html file. PageMill will launch.
- Choose the File>Save a Copy As... command. Re-name the file
final.html and save it into your yourname.Final folder. Quit
PageMill.
- Open your yourname.Final folder and double-click your final.html
file. Click the globe icon in the upper right hand corner (next to the
tool bars) to change from Preview mode to Edit mode (pen-and-paper icon).
Replace the text "Name" at the top of the page with your name.
Use File>Save Page to save your page.
5. To create a new page:
- Use the File>New Page command to create a new page.
- Choose File>Save Page As...
- Replace "untitled.html" with "xxx.html"
replacing xxx with a one-word description of the page. For example,
a page about digital signal processing might be titled dsp.html (It
is essential that the file name of every page end in .html)
- IMPORTANT: Save the file into your yourname.Final
folder.
- Optional: In the Title field at the top of your page, give the page
a title. For example, a page about digital signal processing might be titled
Digital Signal Processing.
6. To create a link from one page (the source) to another (the destination):
- Open both the source and destination pages.
- Select the text you want to be a link (the "linking text").
This text should make it clear to the user that he or she will go to the
destination page when he or she clicks the link.
- (This is the tricky part.) Maneuver the two pages so that you can see
both the linking text on the source page AND the page icon on the destination
page.
- Drag and drop the page icon (from the destination page) onto the linking
text on the source page. The linking text will be underlined, indicating
a link.
- Save your page. Change to Preview mode by clicking the pen-and-paper
icon, changing it to the globe icon.
- Test your link by clicking on it. (Clicking the link should take you
to the desintation page.) Click the "Back" button on the designation
page to return to the source page.
- Save your page, change to Preview mode, then Switch to Netscape and
test the link.
7. To download a picture from the Internet:
- Browse the web until you find the picture you wish to download.
- Click and hold on the picture. A pop-up menu will appear.
- From the pop-up menu, choose Save this Image As...
- Save the image to your yourname.Final folder.
8. To place a downloaded picture on your page:
- Drag and drop the file from your yourname.Final folder onto
your page.
- Save your page, change to Preview mode, then Switch to Netscape and
make sure your picture is there.
9. To create a link to a digital audio clip:
- In Audioshop, Add the track you wish to use. Open the track in the
Editing window.
- Choose Windows>Track Info...
- Set the track to 16 bit, 22.050 kHz, Stereo (this will reduce the file
size)
- Choose File>Save Track As...
- From the Format pop-up menu, choose Wave
- Name your file xxx.wav, replacing xxx with a one-word
name. Save the file to your yourname.Final folder
- On your page, type the text you want to user to click to hear the audio
clip. Select this text.
- Drag and drop the digital audio file from your yourname.Final
folder onto the selected text.
- Save your page, change to Preview mode, then Switch to Netscape and
test the link.
10. To create a link to a MIDI file:
- Open the MIDI file in Musicshop (or create a new file in Musicshop).
- Choose File>Export (this will save the file as a Standard
MIDI File).
- Name the file xxx.mid, replacing xxx with a one-word
name. Save the file to your yourname.Final folder
- Quit Musicshop
- On your page, type the text you want the user to click to hear the
MIDI clip. Select this text.
- Drag and drop the MIDI file from your yourname.Final folder
onto the selected text.
- Save your page, change to Preview mode, then Switch to Netscape and
test the link. (NOTE: This MIDI file will play through the computer speaker,
NOT the X5!)
11. To put an Overture clip (music notation) onto your page:
- Launch ClarisWorks. Choose "Painting" from the menu that
appears. Click OK.
- Choose Format>Document. In the Size>Pixels across
box, enter a number around 600. This will enable you to paste in a wider
clip from Overture.
- Open the Overture file you wish to clip from, or create a new file
in Overture.
- Use the View % pop-up (lower left-hand corner) and the scroll
bars to bring into view all the notation you want to clip.
- Click and hold on the arrow cursor until a pop-up (actually a pop-down)
menu appears. Choose PICT on clipboard from this menu.
- Draw a box around the music you want to clip. A dotted rectangle appears.
Double-click anywhere inside the dotted rectangle. Your clip will be copied
to the Clipboard.
- Using the Application menu (upper right corner of your monitor), switch
to ClarisWorks.
- Choose Edit>Paste. Your clip will appear. Then choose Edit>Copy.
- Go to your page and place the insertion point where you want the clip
to appear.
- Choose Edit>Paste. Your clip will appear on the page.
- Save your page, change to Preview mode, then Switch to Netscape and
make sure your clip is there.
12. To put text from a word processing document onto your page:
- Insert your disk with the word processing document into the floppy
drive
- From the Shortcuts folder, double-click ClarisWorks
- Click OK when the first dialog box appears
- Choose File>Open..., select your word processing document
(on your floppy disk), then click Open
- (A dialog box might pop up asking you to pick a translator; if so
select the ClarisWorks MacLinkPlus translator, then click OK)
- Your document should now be open in ClarisWorks.
- Choose Edit>Select All to select your entire document; Choose
Edit>Copy
- From the Shortcuts folder, double-click PageMill
- In PageMill, put the insertion point where you want the text to go,
then choose Edit>Paste
- Your text should now appear in PageMill
Back to KoppelWeb page