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

Detecting or installing the HTML5 Pack in Dreamweaver

If you are working with Dreamweaver CS5.5, then you have the HTML5 editing features automatically installed. Therefore, you can skip this section of this chapter.

If you are working with an earlier version of Dreamweaver, then you may need to install the HTML5 Pack separately.

Depending on how recently you have installed Adobe-supplied updates to your version of Dreamweaver, you may have to install the HTML5 Pack to access Dreamweaver's new HTML5 tools. A quick test will determine whether the HTML5 Pack is installed in Dreamweaver CS5 (the following test won't work for earlier versions of Dreamweaver, as the HTML5 Pack features for those versions are much more limited).

Here it is. Launch Dreamweaver, and choose File | New from the main Dreamweaver menu (you can do this whether or not the Welcome Screen is visible). The New Document dialog appears.

In the New Document dialog that appears, choose the Blank Page category in the far left column. In the Page Type category, choose HTML. At the bottom of the Layout column, you should see two layouts that begin with HTML5, as shown in the following screenshot. You can see previews of these layouts if you click (once) on them in the New Document dialog:

Detecting or installing the HTML5 Pack in Dreamweaver

If your New Document dialog does display the two HTML5 layouts, hit the pause button (figuratively speaking) while we catch up readers who do not have the HTML5 Pack installed.

If you do not have the HTML5 layouts available in the Ne w Document dialog, then your installation of Dreamweaver CS5 has not been updated for HTML5 and you will have to install the HTML5 Pack. In order to do that, use your web browser to go to http://labs.adobe.com/technologies/html5pack/ and follow the instructions to update your installation of Dreamweaver CS5 to add the HTML5 Pack.

Note

Older versions of Dreamweaver: In order to add the HTML5 Pack to older versions of Dreamweaver, follow links to the Dreamweaver Exchange at the preceding URL.

With your installation of Dreamweaver CS5 updated (or if you have upgraded to CS5.5), or with the HTML5 Pack added as an extension to an older version of Dreamweaver, you are ready to roll. You now have Dreamweaver enabled to access HTML5 tools.