No-Nonsense MIDI File Web Site Designs

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.

• index.html - People would enter your site through this URL the first time.
• frame.html - People who like frames would bookmark this one.
• !about.txt - Read notes about this site template.

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.

• index.html - People would enter your site through this URL the first time.
• frame.html - People who like frames would bookmark this one.
• !about.txt - Read notes about this site template.

No-Nonsense MIDI File Page Designs

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.....

• Guidelines for Writers of MIDI File Pages