Free Sample
+ Collection
Code Files

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

David Karlins

With this book and your knowledge of Dreamweaver you’ll be able to confidently enter the brave new world of HTML5, CSS3, and jQuery. Learning is easy thanks to a hands-on, step-by-step approach.
RRP $23.99
RRP $39.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 139781849691581
Paperback284 pages

About This Book

  • Create web pages in Dreamweaver using the latest technology and approach
  • Add multimedia and interactivity to your websites
  • Optimize your websites for a wide range of platforms and build mobile apps with Dreamweaver
  • A practical guide filled with many examples for making the best use of Dreamweaver's latest features


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 packages.

Table of Contents

Chapter 1: Creating HTML5 Pages in Dreamweaver
HTML5 and Dreamweaver CS5 in the world of web design
HTML5 and Dreamweaver CS5.5
An introduction to HTML5 layout elements
Dreamweaver's HTML5 Pack and design elements
Detecting or installing the HTML5 Pack in Dreamweaver
Creating a Dreamweaver site
Generating new pages from layouts using the HTML5 templates
Examining the generated HTML5 layout
Saving a layout as a web page
Recipe: Creating and saving a 3-column HTML5 page
Chapter 2: Customizing HTML5 Layout–Content and Look
Customizing layouts – An overview
Editing content in HTML5 page layout elements
Identifying style rules
Customizing HTML tag rules
Saving customized HTML5 layouts
Recipe: Customize content and look of an HTML5 page
Chapter 3: Customizing HTML5 Layout Elements
HTML5 layout and browser compatibility challenges
Global HTML5 layout element attributes
Customizing HTML5 elements
Back to the future: ID and class styles
Recipe: Customizing the HTML5 page layout
Chapter 4: Building HTML5 Pages from Scratch
Dreamweaver CS5 and HTML5
Building an HTML5 page from the top
Using HTML5 to make content accessible
HTML5 layout strategy
Using code hints
Adding header, header nav, and hgroup
Creating articles and sections
Adding aside content
Creating a footer
Adding metadata
Recipe Part 1: Build a style sheet for an HTML5 page layout
Recipe Part 2: Build an HTML5 layout from scratch
Chapter 5: Defining and Implementing Multiscreen Previews and Media Queries
Web design for a multimedia web world
Previewing with the Multiscreen Preview
Generating a Media Query in Dreamweaver
Formatting CSS files for Media Queries
Troubleshooting for Apple i-Gadgets
Exercise: Defining a Media Query for a cell phone
Chapter 6: Applying CSS3 Effects and Transforms
New in CSS3: Effects and transforms
CSS3 effects
CSS3 transforms
Interactive effects and transforms
Recipe: Create an animated effect and transform
Chapter 7: Embedding HTML5 Audio in Dreamweaver
Audio and compatibility
Laying the groundwork: HTML5 and page-building
Making audio HTML5-ready
Embedding an HTML5 audio element in a Dreamweaver CS5 web page
Alternative media options
Recipe: Embedding HTML5 audio
Chapter 8: Embedding HTML5 Video in Dreamweaver
HTML5 video and Dreamweaver CS5.5
The wild world of native videos
Preparing an HTML5 video for every scenario
Compressing videos for the Web
Chapter 9: Creating Mobile Pages with jQuery
Mobile pages – An overview
Creating mobile pages from Dreamweaver CS5.5 starters
Customizing mobile page content
Adding new jQuery Mobile pages and objects
Customizing mobile page CSS styles
Looking ahead: Generating mobile apps
Recipe: Build a mobile web page with jQuery Mobile objects
Chapter 10: Adding jQuery Mobile Elements
Creating jQuery Mobile pages from scratch
Inserting a Layout Grid
Designing mobile pages into a collapsible block
Adding jQuery form objects
Recipe: Build a page with collapsible blocks and a form
Chapter 11: Generating Apps
Generating apps from Dreamweaver—an overview
Configuring application framework(s)
The App toolkits
Defining mobile application settings
Building and emulating apps
Testing mobile apps on your computer
Recipe: Building and emulating a mobile app

What You Will Learn

  • Use and customize the content of Dreamweaver’s HTML5 layouts
  • Dissect and customize the CSS styles that control HTML5 layouts
  • Create sites that use the styling and content tools in Dreamweaver to their full potential
  • Implement multiscreen previews and media queries to create sites for desktops, mobiles, and tablets
  • Apply new CSS3 effects with Dreamweaver code hints and enhanced CSS Styles panel
  • 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.

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.


Read More