Tuesday, May 27, 2008

Multimedia Features on The Web

Review and exercises:


  1. Practice your html coding: Create a page in Dreamweaver, add table, div, email links..., copy each element's html source code and paste into goole's page creator html editor(on the bottum right). Or look at your Dreamweaver's code view window after you design from layout view, and then hand type html code into html editor area.
  2. Create a Dreamweaver Site by selecting one of the design you like. For example, select design 3 folder as root and select images folder inside the root(design 3) as default image folder. Modify logo using Photoshop of Illustrator, add your own texts and multimedia features such as audio, flash, gif animation. ( remeber: copy gif and music folder, and flash swf files into your design 3 if you choose design 3 as your root) Then, find a free host to upload to.
  3. Create Photoshop new file:
  • file-->new, give a file name: photoweb, preset: web, size: 1152x864, then click OK.
  • Open other photo images, resize them, collage them, add image text and arrange layout on the page.
  • Flaten all the layers
  • Use slice tool to slice it and from file-->save for web and devices. So then you will have a photoweb.html file plus an image folder. Put them into a folder name it photoweb and create a site from there.

Audio:

  • embed sound: put this inside your body code :
  • "<"embed src="http://www.davesite.com/webstation/html/davesite.wav" width="145" height="60" autoplay="false"">" "<"/embed">"
  • Javascript to write html code : http://www.caloakfinefurniture.com/ look at source code
  • Use Flash:

No comments: