Templates For MIDI File Pages

Presented by Charles Kelly.

You may edit them and use them any way you like to offer MIDI files on the Internet.



The most recent version of these pages are at
http://www.aitech.ac.jp/~ckelly/SMFguide/.

No-Nonsense MIDI File Web Site Designs

These are set up to work without frames or with frames, leaving the choice to the visitor.
Style 1
This template shows how to set up pages with different categories. The MIDI files are sorted into sub-folders, but don't have to be.
Style 2
This template shows how to set up pages sorted by artist or composer, though it could be adapted for other uses. This format is good when some artists have many files, but some artists don't really have enough to fill their own page. The MIDI files aren't sorted into sub-folders, but easily could be.

No-Nonsense MIDI File Page Designs

These are also no-nonsense page designs. These are good for those who only need one page to present their MIDI files.

You may want to copy and paste bits from several pages to make your page template. You may like the way the title is done on one page, but prefer the way the files are offered on another page. Titles are done differently on each page. Listing of files is done differently on each page.

template-01.html
Nested List, Listen While You Browse Code
template-02.html
Perhaps my favorite. Easy to use. Minimum HTML, so fast-loading.
template-03.html
Similar to 02, but everything is aligned on the left
template-04.html
Everything is centered. Many people think this is less convenient than having links aligned on the left.
template-05.html
Indented song titles, with no dots, Page Title in a table.
template-06.html
Perhaps my second favorite. Similar to 05, but the artists names are in a title font.
template-07.html
Similar to 06, but I prefer 06.
template-08.html
Uses Multiple Small Tables., I don't like this one so much. The page title is OK, though.
template-09.html
Similar to 08, but I like it better. Uses Multiple Small Tables.
template-10.html
Similar to 02, except the artists' names are centered.
template-11.html
Looks OK, but uses tables, so may be a little slow if the lists become long. The page title uses CODE and FONT SIZE.
template-12.html
MIDI File Dance Party, 2-color Table Title, Sorted by artist, This one requires the least amount of scrolling by the visitor.
template-13.html
John Smith's Compositions, Good layout to use if you want to describe each tune.
template-14.html
MIDI Files of Fiddle Tunes, Image Title, Zip Packs at top, links within the page.
template-15.html
Sorted by Song, Artists' Names in ()., 2-color Table Title
template-16.html
A Barrel of MIDI Files, Filesizes, Date Added, Tune Name
template-17.html
Beethoven Symphonies,
template-18.html
Super-Duper MIDI Files, Sorted by Artists, Then Filename, Filenames Show, Songs Listed.
template-19.html
Alphabetically Sorted By Artist
template-20.html
Nested Lists: Alphabetically Sorted By Style, Then Artist, Then Title
template-21.html
The MIDI File Bank, Sorted by Style, Then Artist, Then Song
template-22.html
A JavaScript Randomly Chosen MIDI File, Not as good as the one above.
template-23.html
Uses <DT> & <DD>
template-24.html
Let the visitor choose the background music to be played in another window. (Requires Javascript). This also has the background color constantly changing, which gets a little irritating after awhile. You may want to delete that part of the template.
template-25.html
Fat-Looking Title, Sorted by Song, Hyphens before Artists' Names
template-26.html
Javascript decides whether to use EMBED or BGSOUND depending on the browser.
tables.html
I don't recommend tables, but here are various ideas on how tables can be used to present MIDI files.

If you haven't read it yet.....