Free Sample
+ Collection
Code Files

Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile

David Karlins

Harness the cutting-edge features of Dreamweaver for mobile and web development
RRP $26.99
RRP $44.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849694742
Paperback268 pages

About This Book

  • A basic, compressed, updated introduction to building advanced web sites with Dreamweaver
  • A focused exploration of employing cutting edge HTML5 techniques such as native media
  • An in-depth explanation of how to build inviting, accessible mobile sites with Dreamweaver CS6, responsive design, and jQuery Mobile

Who This Book Is For

This book is geared towards experienced Dreamweaver web designers migrating to HTML5 and jQuery. It also targets web designers new to Dreamweaver who want to jump with two feet into the most current web design tools and features. While focused primarily on Dreamweaver CS5.5, the book includes content of value to readers using older versions of Dreamweaver with directions on installing a version of Adobe’s HTML5 Pack that updates those older packages.

Table of Contents

Chapter 1: Creating Sites and Pages with Dreamweaver CS6
Defining a Dreamweaver site
Creating an HTML5 page
Creating the text content
Linking to a stylesheet
Chapter 2: Using HTML5 for Page Structure
Structuring pages with HTML5
Using HTML5 structure elements
Using Code Hints
Adding header, nav, and hgroup
Creating articles and sections
Adding aside content
Creating a footer
An HTML5 layout template
Adding metadata
Solving HTML5 compatibility challenges
Chapter 3: Collecting Data with Forms
Capturing client-side form management with JavaScript
Defining the form and form action
Generating form fields with Spry validation
Prompting with HTML5
Designing CSS for forms
Real-world form handling
Chapter 4: Applying CSS3 Effects and Transforms
New in CSS3–effects and transforms
CSS3 effects
CSS3 transforms
Interactive effects and transforms
Example – create an animated effect and transform
Chapter 5: Embedding HTML5 Native Audio and Video
Native media and compatibility
Laying the groundwork
Preparing native audio
Embedding an HTML5 audio element in a Dreamweaver web page
Embedding HTML5 audio
Embedding native video
Embedding an HTML5 video
Chapter 6: Responsive Design with Media Queries
Web design for a multimedia web world
Previewing with Multiscreen Preview
Generating a Media Query in Dreamweaver CS6
Formatting CSS files for Media Queries
Adjusting CSS for Mobile
Defining a Media Query for smartphones
Surveying alternative approaches
Chapter 7: Creating Mobile Pages with jQuery Mobile
Mobile pages – an overview
Creating mobile pages from Dreamweaver starters
Customizing Mobile page content
Adding new jQuery Mobile pages and objects
Styling with theme swatches
Example – build a mobile web page with jQuery Mobile objects
Chapter 8: Enhancing Mobile Sites
Inserting a layout grid
Designing Mobile Pages with collapsible blocks
Adding jQuery form objects
Building a page with collapsible blocks and a mobile-friendly form
Chapter 9: Customizing Themes with ThemeRoller
Applying jQuery Mobile theme swatches
Customizing themes with ThemeRoller
Rolling a theme
Applying a custom theme in Dreamweaver
Chapter 10: Building Apps with PhoneGap
Apps and mobile websites
Generating apps with Dreamweaver
Testing and distributing apps

What You Will Learn

  • See how Dreamweaver CS6 fits into cutting edge web design
  • Structure a Dreamweaver site and create pages with HTML5 and CSS3
  • Get to grips with how HTML5 for page structure enhances web pages, and how to apply it in Dreamweaver with code hinting
  • Collect data with forms, validate data, and enhance forms with HTML5 parameters
  • Apply cutting-edge design and animation with CSS3
  • Embed native audio and video
  • Use Dreamweaver’s powerful MultiScreen Preview window and Media Query tools to build pages with responsive design that work well in any viewing environment
  • Master how to create mobile sites with custom themes, using and going beyond Dreamweaver’s jQuery Mobile tools
  • Add multimedia to web pages with HTML5 elements
  • Create jQuery Mobile-based web pages from scratch
  • Build and emulate mobile apps with Dreamweaver

In Detail

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.

"Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile" is essentially three books in one: an introduction to building websites; Dreamweaver CS6: HTML5, CSS3, Responsive Design; and an in-depth explanation of how to build inviting, accessible mobile sites with Dreamweaver CS6, responsive design, and jQuery Mobile.

This book serves both as the essential reference for Dreamweaver CS6, and a valuable addition to even the most extensive set of resources for modern web design, with or without Dreamweaver.

The book starts off by teaching you to create sites and pages with Dreamweaver CS6 and how to use HTML5 for page structure. Then we will learn some cutting-edge design and animation with CSS3.

The book also shows how to create and enhance mobile sites with jQuery Mobile. You will also learn to customize themes with ThemeRoller.

"Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile Mobile" covers the entire spectrum of web design with Dreamweaver, with an emphasis on multi-media (full screen and mobile) design and jQuery Mobile.


Read More