Music Library Staff

Audio E-reserve Procedure Manual

Writing Source Code

One you've collected every item on the faculty request, you're ready to make those items available to students through E-reserve. This is going to require some html coding. Most of the time you'll be editing an existing page, but there will be times when a new page is required and you'll be starting with a blank template.

Each page the user sees online is a GUI (Graphic User Interface). You will be writing the html and xml that determines the content and the appearance of this page.

Here is an example of the GUI, juxtaposed with the HTML. (Note: you can simply navigate to the e-res page and view the source code from there by right clicking the page).

The top part of the GUI interface:


Same page scrolled down a bit. Note the location of each source in parenthesis. Most of the items below are located on the Naxos server, but one is on the Madison server, one is on youtube, and another is on a web site dedicated to ragtime (requires Quicktime).


Compare the file locations in the source code:



Step 1: Setting up the web page

  • Create a folder (Right click on any open space in the folder and choose “New” and then “Folder”) for the professor name or course number in the H drive at:


H:\Departments\Public Services\Music Library\Reserve Lists

  • Copy and paste the “template_erespage” web page file from:


H:\Departments\Public Services\Music Library\Reserve Lists\TEMPLATE and DIRECTIONS

to the folder you made in step 1.

  • Rename (by right clicking the file and choosing “Rename”) the “template_erespage” web page file to identify it with the course you are working on. The exact file name is not important but it needs to identify the content of this specific file.

Note: Working web page file titles should all end with “_working”


  • Double click the web page file to open it AND right-click the web page file to “Open With” “WordPad.” This will allow you to see and edit the contents of the web page.


A quick aside:

When you view a web page in a web browser (like Firefox, Internet Explorer, Safari, etc…) you cannot change it. To make changes you have to edit its source (sometimes called source code) in a text editing program (like WordPad). To see changes you made in the text editor reflected on the web page (in your web browser) you must save these changes in WordPad; then, refresh the web page in your web browser.

  • Replace the course placeholders below with the actual course information in the first 3 lines of HTML code

<TITLE>Lastname, Firstname Course#: Course Title, Course Sub-Title: Audio E-Reserve</TITLE>
<!-- Semester Year -->
<CENTER><H3>Course#: Course Title, Course Sub-Title: Audio E-Reserve</H3></CENTER>

A finished example looks like this:

<TITLE>Lavonis, William MUSIC378: Song Literature, America: Audio E-Reserve</TITLE>
<!-- Spring 2008 -->
<CENTER><H3>MUSIC378: Song Literature, America: Audio E-Reserve</H3></CENTER>

  • Click the “save icon” in WordPad and “refresh” the web page in your web browser. You should see the changes you made in the source change on the web page.




Becomes this:




The "IMPORTANT NOTES" section is a short HOW TO (with software requirements and directions) for audio e-reserve. It also contains the Music Library phone number and Ask Music E-mail address for people who need more help. Not all of this information will be relevant for every list. For example: If a list contains no Naxos Music Library links the HOW TO for Naxos information should be removed. This step is best saved for last.
Step 4 B: Adding Links to the e-reserve web page


A quick aside for people not familiar with HTML:

The HTML for a simple link is given below:

        <A HREF="">Google</A> = Google


What you need to know is:

<A HREF="the internet address (URL)">the text to be displayed</A>

Our links look a little more complicated because the Internet addresses (URLs) are longer and there is more text to be displayed. But keep in mind that they follow the same general format.


Replace the link placeholders with the URLs and piece information.

A link to Classical:

<LI><A HREF="Classical Static URL"target="_blank">Composer / Track Title (Track Time) <I>(Classical)</I></A>

A link to Naxos:

<LI><A HREF="Naxos Static URL"target="_blank">Composer / Track Title (Track Time) <I>(Naxos)</I></A>

A link our Madison streaming audio server:


A link to a .pdf file hosted at UWM (e-reserve downstairs):

<DD><A HREF="FILENAME.pdf"target="_blank">SCORE</A>

Step ?: Sending the finished web page to e-res

Information needed:

  • Prof Name
  • Course # and  Name
    (copy/paste this info from the web page you've made - which is originally copied from the schedule-o classes)
  • where on the H drive she needs to go to get it


Make sure to ID the course (with at least the #), prof last name and "audio e-reserve" in the Subject of the e-mail


Subject:  MUSIC680: Special Topics in Music, Compositional Algorithms: Audio E-Reserve

Hello Kathy,
HTML for Chris Burns’ MUSIC680: Special Topics in Music, Compositional Algorithms: Audio E-
Reserve is ready and can be found here:

H:\Departments\Public Services\Music Library\Reserve Lists\Burns\Burns680\fall07_CompAl