Book Image

Dreamweaver CS5.5 Mobile and Web Development with HTML5, CSS3, and jQuery

By : DAVID KARLINS
Book Image

Dreamweaver CS5.5 Mobile and Web Development with HTML5, CSS3, and jQuery

By: DAVID KARLINS

Overview of this book

<p>Dreamweaver is the most powerful and industry-leading web design software that utilizes cutting edge web technologies such as HTML5, CSS3, and jQuery for web and mobile development. These technologies have radically reconfigured the process of designing Web content and function in the widest possible range of browsing environments ranging from desktops to mobile devices.For experienced Dreamweaver designers and for designers new to Dreamweaver, this book explains in detail how to take advantage of the new features available in the latest releases of Dreamweaver that add support for HTML5, CSS3, and jQuery. In addition to this, the book also contains detailed step-by-step directions for building mobile apps in Dreamweaver CS5.5.This book starts off by teaching you to create web pages in Dreamweaver using the latest technology and approaches — HTML5, CSS3, and JavaScript. It demonstrates how to create or customize pages with HTML5 layouts and add multimedia to these pages with HTML5 elements. Then you will learn to add various CSS3 effects to web pages. The book also covers different techniques of adding interactivity to web pages. The later chapters show how to optimize web pages with Dreamweaver for display in various browsing environments. You will also learn to build jQuery-based mobile apps from scratch in the later chapters. By the time you're finished, you'll have learned several techniques to use the latest features of Dreamweaver for web and mobile development.</p>
Table of Contents (13 chapters)
12
Index

Chapter 7. Embedding HTML5 Audio in Dreamweaver

In this chapter, we will learn how to add audio to web pages using HTML5. The advantage to embedding audio using HTML5 in Dreamweaver CS5 is that it does not require any external player to work. For browsers that support the HTML5 Audio element, it is the most elegant way to present an audio online.

The Dreamweaver CS5 HTML5 Pack makes adding HTML5 audio painless, without having extensive knowledge of or worrying about HTML coding.

We will learn how to use the HTML5 audio element through several steps:

  1. We will make sure that we are prepared to add HTML5 audio files using Dreamweaver CS5.
  2. We will prepare HTML5-ready digital audio files.
  3. We will embed audio elements in web pages with Dreamweaver CS5.
  4. We will provide alternative audio for non-HTML5 compatible browsers.
  5. We will define additional audio parameters.

We need to perform each of these steps to make sure that the HTML5 audio that we include in our site will work for every visitor...