dom.net

About | Contact
Archives | About | CSS | Design | Dreamweaver | Education | Family | Film | Flash | Friends | Funny | Learning | Life | Literature | Love | Mac | Mac OS X | Music | PHP | Play | Poetry | Quotes | RSS | San Francisco | Wine | Work | Writing |
 
 
 
The New Mythology | Smart Mobs | Lessig Blog | Eric Case
 
rss 1.0 | rss 1.0 | rss 2.0 | atom 0.3 | syndic8
subglobal8 link | subglobal8 link | subglobal8 link | subglobal8 link | subglobal8 link | subglobal8 link | subglobal8 link

Flash

How to Create Flash with Dreamweaver

This week in class we covered the following topics:

In Dreamweaver:

  • 10 Steps to Create a Site
    1. Start by drawing a page
    2. Begin Storyboarding (again, on paper)
    3. Decide on a layout that portrays that storyboard
    4. Freeze static elements of the design
    5. Break the design into reusable modules
    6. Assign "editable regions" or areas that will change from page instance to page instance
    7. Either create a Template in DW or use includes for the reusable elements
    8. Create the rest of the page instances
    9. Test publish to staging server
    10. Final publish to live site
  • Back up your site by creating a duplicate site and putting to another local folder
  • Check 'Put dependent files' to just back up a few files and their associated images, etc
  • Insert > Media > Image Viewer
  • Insert > Media > Flash Text
  • Insert > Media > Flash Button
  • The Flash Video Kit
  • Anatomy of a Bug
    • Subject
    • Platform
    • Description
    • Steps
    • Actual Results
    • Expected Results

In Code:

Homework:

Follow the steps above to create a new site from scratch. Before you begin, take a look at some free Flash to incorporate into your design:

Final site should have the following characteristics:

  • Original and different from your previous designs
  • More than two pages of complete content
  • Some kind of Flash embedded in your design
  • Published to your domain, URL sent to the class

Next week: Stump the Master!

April 20, 2005

Posted to Design and Dreamweaver and Flash and Learning and PHP at 08:29 PM | comments (0) | trackback (0)

Advanced Server Interaction

This week we covered the following topics:

In Dreamweaver:

On the Mac:

Regarding Design:

Homework:

  1. Set up a sub-domain as a PHP testing server
  2. Set up your machine to run the latest PHP
  3. Set up your machine to run MySQL
  4. Draw a design flexible enough to incorporate an unknown amount of data.
  5. Access student database via Application panel
  6. Create a repeating region from the database, and place it in your design.
  7. Prototype using Live Preview button.
  8. Save to server, send URL.

Next Week: How to Create Flash With Dreamweaver!

April 14, 2005

Posted to CSS and Design and Dreamweaver and Flash and Learning and Mac OS X and PHP and RSS at 11:32 PM | comments (0) | trackback (0)

Star Student

Recently I received a message from one of my former students. She sent her regrets for being able to attend my Dreamweaver class, but sent me her most recent design:

grafias online

Not bad, eh!? She's graduating from the Certificate Program this semester and looking for work. If you need a Web site, I highly recommend Paola to you. She was my star student, and has clearly mastered Dreamweaver, Fireworks, and Flash on her own.

March 24, 2005

Posted to Design and Dreamweaver and Flash at 10:32 AM | comments (0) | trackback (0)

Flash Video In a Database

Flash Video Kit can help you start your own Flash Video gallery in PHP.

Here is how one would use Dreamweaver and the Flash Video Kit in a database setting:

0. Encode FLVs with metadata via Squeeze (comes with)
1. Create HTML template with one instance of Flash Video using Dreamweaver
2. Modify Flash Video code:
- site- or root-relative URLs for FLV using PHP/MySQL
- database values for Height and Width of FLV
- site- or root-relative URLs for Progressive Player and Skin.

Example.
From this:

<!-- Begin Flash Video for Progressive download -->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="320" height="240" id="FLVPlayer">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="&skinName=clearSkin_3&streamName=media/flv/filename&autoPlay=false&autoRewind=true" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&skinName=clearSkin_3&streamName=media/flv/filename&autoPlay=false&autoRewind=true" quality="high" scale="noscale" width="320" height="240" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<!-- saved from url=(0013)about:internet -->
<!-- End Flash Video for Progressive Download -->

To this:

<!-- Begin Flash Video for Progressive download -->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="[PHP or Your Value]" height="[PHP or Your Value]" id="FLVPlayer">
<param name="movie" value="http://[url]/FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="&skinName=http://[url]/clearSkin_3&streamName=http://[url]/media/flv/filename&autoPlay=false&autoRewind=true" />
<embed src="http://[url]/FLVPlayer_Progressive.swf" flashvars="&skinName=http://[url]/clearSkin_3&streamName=>b?http://[url]/media/flv/filename&autoPlay=false&autoRewind=true" quality="high" scale="noscale" width="[PHP or Your Value]" height="[PHP or Your Value]" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<!-- saved from url=(0013)about:internet -->
<!-- End Flash Video for Progressive Download -->

3. Create your PHP template using modified Flash Video code.

4. The above will also work with root-relative links (such as /media/flv/filename)

This way, you only keep one instance of the Progressive SWF and Skin SWF. This type of template code will also work in your blog, asssuming that you have FTP permissions to your site or anywhere that you can post the Progressive Player SWF and Skin SWF (as well as your videos of course).

If your team is using Contribute, you could have your content contributors post the encoded FLVs and and associated page (based on the template above), but for now you'll have to modify the code to include their URL (and video dimensions if neccessary) with Dreamweaver once they save the page.

December 13, 2004

Posted to Flash at 11:29 AM | comments (2) | trackback (0)

Delivering Music via Flash

49 Percent OK, the song:

49 Percent OK - song

The 12 Steps to a custom Flash Music player:

1. Write a song.
2. Record it in GarageBand.
3. Convert it to MP3 in iTunes.
4. Post it to your site.
5. Create custom graphic in Fireworks MX 2004.
6. Copy, paste into Flash MX 2004 Professional.
7. Drag Media Controller component onto stage, reference MP3 location.
8. Free transform it to fit in the custom graphic.
9. Publish SWF locally.
10. Insert > Flash in Dreamweaver MX 2004. Preview directly in Design View by clicking Play.
11. Finish Design, Publish HTML and SWF.
12. Enjoy! Spread the word. Over 90% of the Web browsers in the world will be able to hear your tune.

November 18, 2004

Posted to Flash at 06:11 PM | comments (1) | trackback (0)
Home | Contact | Xhtml | Css | 508 | Aaa | © 2005 Dominic Sagolla