Digital Design for the Arts and Humanities website

Digital Design homepageDaily Readings for Digitial Design courseDigital Design Course syllabusE-Mail Digital Design StudentsTechnology, Arts, and Media Program homepageSewall Academic Program homepageCU-Boulder homepage

Putting Streaming Audio and Music
on the Web

   

Assignment: Start working on your image website.
The Image website is due on Saturday, March 25.

Assignment:  (Do after Class)

1. Download and install Windows Media Encoder

2. Practice using Windows Media Encoder to convert
some of your favorite MP3 files into streaming audio files. Remember, you can select the quality and size of your streaming audio files in Media Encoder.

3. Using the HTML code below, practice embedding some of these streaming audio files into one of your webpages.

4. Go to one of your favorite streaming music pages on
the web and look at the source code for this page.  Can you tell how they embedded audio files into their webpage?

1. Models for Image Websites:

 Lynda.com: Site of the Week

---Will Harris: Web Design Gallery

---Webby Awards: 2005 Winners by Category

 

2. Models for Image Slideshows in Image Websites:

--Advanced Slide Show Javascript code page

--Example of Picture Slide Show

--Nice Image Slideshow advertising the
Calypso Cafe

--Sturtz and Copeland.com

 

2. See examples of Picture Slide Show with Music

  1. Example of today's webpage with music
  2. aliasshow.htm (Picture show without Music)
  3. aliasshow2.htm
  4. aliasshow3.htm
  5. aliasshow4.htm

 

2. Using Automatic FTP from within Dreamweaver

  1. Many of you want to automatically ftp
    your webfiles on to the web from within
    Dreamweaver.

  2. Since many of you are only working with
    one computer, this probably isn't a bad idea.

  3. I like to use "Ws-ftp le" as a separate program
    because it forces me to keep track of what version of
    the webpage file I am working with. Because I
    have three different computers, I often fear
    saving an earlier version of the webpage file
    over a later version.

  4. To FTP from within Dreamweaver, you need
    to first create a local folder and remote server
    folder for your website. In this case, I
    created the genre folder on both the local
    and remote site.

  5. Here is the linkto the the website that I
    and ftping to using Dreamweaver:
    http://www.sewallprogram.com/~lewis/genre/index.htm

  6. In Dreamweaver, go to "Site" and select
    "Manage Sites" . To create the genre site,
    choose create "new site".

  7. You will now be asked a series of basic questions
    about your website.

    1. First choose the name of your website
    2. Now select "I don't want to use server technology"
    3. Now select "Edit local copies on my machine"
    4. See ftp settings for my genre website
    5. See Advanced settings for automatic ftp.
    6. Now select "Do not enable check in and
    check out."

  8. Now when you want to work in a specific
    website, select that site in the "Files" Window.
    When you save any files or images, Dreamweaver
    will automatically save them to the web.

 

 

Good Web Design Sites
Award-winning Web Designs
Great Web Design Books
Sewall Class Web Designs

| Home Page  | Readings | Syllabus | Web Resources | Top of Page |

Number of Visitors to this site: 
2279      by Chris H. Lewis, Ph.D.

© 2000 by Chris H.  Lewis, Ph.D.
Sewall Academic Program; University of Colorado at Boulder
Created 1 June 2000:  Last Modified: 17 March, 2006
E-mail: cclewis@spot.colorado.edu
URL:    http://www.colorado.edu/AmStudies/lewis/Design/feel.htm

Digital Design Course homepage