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


Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile
eBook: $26.99
Formats: PDF, PacktLib, ePub and Mobi formats
$22.94
save 15%!
Print + free eBook + free PacktLib access to the book: $71.98    Print cover: $44.99
$44.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Reviews
Support
Sample Chapters
  • 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

Book Details

Language : English
Paperback : 268 pages [ 235mm x 191mm ]
Release Date : May 2013
ISBN : 1849694745
ISBN 13 : 9781849694742
Author(s) : David Karlins
Topics and Technologies : All Books, Web Development

Table of Contents

Preface
Chapter 1: Creating Sites and Pages with Dreamweaver CS6
Chapter 2: Using HTML5 for Page Structure
Chapter 3: Collecting Data with Forms
Chapter 4: Applying CSS3 Effects and Transforms
Chapter 5: Embedding HTML5 Native Audio and Video
Chapter 6: Responsive Design with Media Queries
Chapter 7: Creating Mobile Sites with jQuery Mobile
Chapter 8: Enhancing Mobile Sites
Chapter 9: Customizing Themes with ThemeRoller
Chapter 10: Building Apps with PhoneGap
Index
  • Chapter 1: Creating Sites and Pages with Dreamweaver CS6
    • Defining a Dreamweaver site
      • Defining a local site
      • Defining a remote site
      • Transferring files between a local and remote site
    • Creating an HTML5 page
    • Creating the text content
      • Applying headings
      • Adding paragraphs, lists, and links
      • Inserting images
    • Linking to a stylesheet
      • Creating and linking to an external stylesheet
      • Linking a stylesheet to an HTML file
        • Define the Body tag's style
      • Define a wrapper ID style
    • Summary
    • Chapter 2: Using HTML5 for Page Structure
      • HTML5 structural elements
      • Breaking down HTML5 page code
      • Defining an address
      • Figures and captions
      • Indicating date and time
      • Creating a CSS file for HTML5 page structure
      • Assigning a block property
      • Defining styles
      • Chapter 3: Collecting Data with Forms
        • Creating a jump menu
        • Editing Jump Menu JavaScript
        • Creating a validated text field
        • Creating a validated e-mail field
        • Adding other fields
        • Adding Submit and Reset buttons
        • Creating a stylesheet for form elements
        • Creating styles for form elements
        • Creating ID Styles for a Form
        • Thoughts on form styles
        • Chapter 4: Applying CSS3 Effects and Transforms
          • Compatibility challenges
          • CSS3 styles in Dreamweaver CS6
          • Defining opacity
          • Border radius
          • Shadows
            • Box shadow
            • Text shadow
            • Creating a text outline
          • When to use transforms
          • How to generate transition coding in Dreamweaver CS6
          • Resizing with scale
          • Moving with translate
          • Applying rotation
          • Creating a skew transition
          • Other CSS3 transform effects
          • Compound transforms
          • Limitations of using effects with JavaScript
          • Interactivity with the :hover pseudo-class
          • Animating CSS3 transforms in Dreamweaver
          • Putting the pieces in place
          • Using a hover class style to animate effects
          • Chapter 5: Embedding HTML5 Native Audio and Video
            • Native media and compatibility
            • Laying the groundwork
            • Preparing native audio
              • Audio compression
              • Browser support for audio files
            • Embedding an HTML5 audio element in a Dreamweaver web page
              • Alternative audio options
              • Adding play parameters
            • Embedding HTML5 audio
            • Embedding native video
              • HTML5 video and Dreamweaver
                • Early video formats
                • Flash video (FLV)
                • Apple devices and web video
              • Preparing native video files
                • Native video formats
                • Browsers that do NOT support HTML5
                • Preparing HTML5 video for every scenario
              • Compressing video for the Web
                • Video compression – open source and proprietary
                • Converting video to web formats with open source tools
              • Dreamweaver site management for HTML5 video
              • Defining the HTML5 <video> element
                • Prerequisites
                • Defining the <video> element
                • Defining video attributes
                • Defining video source(s)
                • Alternate video for non-HTML5 environments
                • Putting it all together
              • Testing HTML5 video pages
                • Previewing a video in Live View
            • Embedding an HTML5 video
            • Summary
            • Chapter 6: Responsive Design with Media Queries
              • How Media Queries work
              • A short history of Media Queries
              • HTML5, CSS3, and Media Queries
              • Styling for mobile devices and tablets
              • Media Queries versus jQuery Mobile and apps
              • Building alternative stylesheets
              • Preparing to generate a Media Query
              • Assigning styles to different media
              • Chapter 7: Creating Mobile Sites with jQuery Mobile
                • Mobile pages, apps, and jQuery Mobile
                • What is jQuery Mobile?
                • Mobile pages in Split view
                • Previewing jQuery Mobile pages in Live view
                  • The HTML5 data-role property
                  • Data-role pages
                  • Customizing page content
                  • Customizing content for different data roles
                • Applying themes
                • Editing CSS in jQuery Mobile pages
                • Chapter 8: Enhancing Mobile Sites
                  • Tables, div tags, and grids
                  • Generating grids in Dreamweaver
                  • Defining styles for layout grids
                  • Building a collapsible block
                  • Changing the initial block state
                  • Changing block data-themes and styles
                  • Editing collapsible block HTML
                  • Forms in Dreamweaver
                  • Creating a jQuery Mobile form
                  • Special mobile form fields
                    • Inserting a text input field
                    • Inserting a slider
                    • Inserting a toggle switch
                  • Chapter 9: Customizing Themes with ThemeRoller
                    • Applying jQuery Mobile theme swatches
                      • Examining the five data-themes
                      • Applying themes to specific elements
                    • Customizing themes with ThemeRoller
                      • The aesthetics of mobile color schemes
                      • Launching ThemeRoller
                      • Defining global theme attributes
                      • Defining custom swatches
                      • Creating additional swatches
                    • Rolling a theme
                    • Applying a custom theme in Dreamweaver
                    • Summary
                    • Chapter 10: Building Apps with PhoneGap
                      • Apps and mobile websites
                        • Android and iOS
                        • Understanding PhoneGap
                        • Before building apps
                          • Creating a PhoneGap Build service account
                          • Downloading the Android SDK
                        • PhoneGap and Dreamweaver
                        • Configuring PhoneGap settings
                      • Generating apps with Dreamweaver
                      • Testing and distributing apps
                        • Testing apps with an emulator
                        • Revising your app
                        • Scanning apps into your Android device
                        • Downloading apps
                        • Distributing Apps
                      • Summary

                      David Karlins

                      David Karlins is a web design consultant, teacher, and author of dozens of books on web design, including Building Websites All-in-One For Dummies, John Wiley & Sons Inc. (co-author with Doug Sahlin), Adobe Creative Suite 5 Web Premium How-Tos: 100 Essential Techniques, Peachpit, and Dreamweaver CS5.5 Mobile and Web Development with HTML5, CSS3, and jQuery, Packt Publishing.

                      There is a wealth of information in this title and it is a must read for anyone looking to keep up with, or catch up to the current trends in website development - Trevoir Williams

                       

                      Submit Errata

                      Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


                      Errata

                      - 1 submitted: last submission 02 Sep 2013

                      Errata type: Code | Page: 86

                      The code in 3. at the top of the page applies to the .rotate class and not to the .semi_opaque class as explained at the bottom of page 85.

                      The correct code is .semi_opaque

                      {

                      opacity: 0.5;

                      }

                      Sample chapters

                      You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                      Frequently bought together

                      Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile +    Hadoop MapReduce Cookbook =
                      50% Off
                      the second eBook
                      Price for both: £24.64

                      Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                      What you will learn from this book

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

                      Approach

                      This book combines accessible, clear, engaging, and candid reference material, advice, and shortcuts with substantial step-by-step instructions for creating a wide range of HTML5 and CSS3 designs and page content in Dreamweaver.

                      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.

                      Code Download and Errata
                      Packt Anytime, Anywhere
                      Register Books
                      Print Upgrades
                      eBook Downloads
                      Video Support
                      Contact Us
                      Awards Voting Nominations Previous Winners
                      Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                      Resources
                      Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software