WebDeveloper.com �: Where Web Developers and Designers Learn How to Build Web Sites, Program in Java and JavaScript, and More!   
Web Developer Resource Directory WebDev Jobs
Animated GIFs
CSS
CSS Properties
Database
Design
Flash
HTML
HTML 4.01 Tags
JavaScript
.NET
PHP
Reference
Security
Site Management
Video
XML/RSS
WD Forums
 Client-Side
  Development

    HTML
    XML
    CSS
    Graphics
    JavaScript
    ASP
    Multimedia
    Web Video
    Accessibility
    Dreamweaver
    General
    Accessibility
    Dreamweaver
    Expression Web

    General

 Server-Side
  Development

    PHP
    Perl
    .NET
    Forum, Blog, Wiki & CMS
    SQL
    Java
    Others

 Site Management
    Domain Names
    Search Engines
    Website Reviews

 Web Development
  Business Issues

    Business Matters

 Etc.
    The Coffee Lounge
    Computer Issues
    Feedback




Not All SMILs Part 2

By Nate Zelnick Let’s take a simple presentation that consists of a set of static pictures that are displayed at certain time triggers while an audio track plays. <smil> <head> <layout> <region id="audio" left="0" top="0" height="1"
width="1" z-index="1"/> <region id="image" left="0" top="0" height="350"
width="400" z-index="2"/> </layout> </head> <body> <par> <audio id="audio1" src="somesounds.wav" region="audio"/> <seq> <img id="img1" src="foo.gif" region="image" dur=10s> <img id="img2" src="bar.gif" region="image" dur=17s> etc. </seq> </par> </body> </smil> This markup denotes a presentation that has an audio track that starts when the documents loads. As the audio starts playing, the presentation flips through a set of images that relate to the audio at certain time triggers.To build this same simple application using DHTML, CSS and the DOM, a developer must be familiar with the all three development modes (i.e. construction of a structure layer, a presentation layer and expose those elements as unique subclasses for control via scripting) and must construct all of the timing logic by hand. In terms of discrete tasks, this would look something like this:


HTML5 Development Center


Recent Articles