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

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.
Preview in Mapt
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.

Quick links: > What will you learn?> Table of content

Mapt Subscription
FREE
$29.99/m after trial
eBook
$16.80
RRP $23.99
Save 29%
Print + eBook
$39.99
RRP $39.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$16.80
$39.99
$29.99 p/m after trial
RRP $23.99
RRP $39.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


Dreamweaver CS5.5 Mobile and Web Development with HTML5, CSS3, and jQuery Book Cover
Dreamweaver CS5.5 Mobile and Web Development with HTML5, CSS3, and jQuery
$ 23.99
$ 16.80
Mastering Apple Aperture Book Cover
Mastering Apple Aperture
$ 29.99
$ 21.00
Buy 2 for $34.30
Save $19.68
Add to Cart

Book Details

ISBN 139781849691581
Paperback284 pages

Book Description

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.

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
Summary
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
Summary
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
Summary
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
Summary
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
Summary
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
Summary
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
Summary
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
Summary
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
Summary
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
Summary

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

 

Authors

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
Summary
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
Summary
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
Summary
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
Summary
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
Summary
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
Summary
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
Summary
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
Summary
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
Summary
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
Summary

Book Details

ISBN 139781849691581
Paperback284 pages
Read More

Read More Reviews

Recommended for You

Mastering Apple Aperture Book Cover
Mastering Apple Aperture
$ 29.99
$ 21.00
Instant OpenNMS Starter Book Cover
Instant OpenNMS Starter
$ 14.99
$ 10.50
Domino 7 Application Development Book Cover
Domino 7 Application Development
$ 35.99
$ 25.20
SDL Trados Studio - A Practical Guide Book Cover
SDL Trados Studio - A Practical Guide
$ 13.99
$ 9.80
Learning eZ publish 3 : Building content management solutions Book Cover
Learning eZ publish 3 : Building content management solutions
$ 35.99
$ 25.20
Pro Tools HD: Advanced Techniques and Workflows Book Cover
Pro Tools HD: Advanced Techniques and Workflows
$ 17.99
$ 12.60