Index
A
- alternative approaches
- surveying / Surveying alternative approaches
- Android / Android and iOS
- Android SDK
- downloading / Downloading the Android SDK
- animated effect example
- creating / Example – create an animated effect and transform
- requirements / Putting the pieces in place
- hover class style, using / Using a hover class style to animate effects
- app
- versus Media Queries / Media Queries versus jQuery Mobile and apps
- about / Media Queries versus jQuery Mobile and apps
- apps
- generating, Dreamweaver used / Generating apps with Dreamweaver
- testing / Testing and distributing apps
- testing, emulator used / Testing apps with an emulator
- revising / Revising your app
- scanning, into Android device / Scanning apps into your Android device
- downloading / Downloading apps
- distributing / Distributing Apps
- articles
- creating / Creating articles and sections
- aside content
- adding / Adding aside content
- Attach External Style Sheet dialog / Applying a custom theme in Dreamweaver
- Attach Style Sheet icon / Creating a CSS file for HTML5 page structure
- autoplay property / Adding play parameters
B
- Background category / Define a wrapper ID style
- BACKGROUND label / Defining custom swatches
- block property
- assigning / Assigning a block property
- body style
- defining / Define the Body tag's style
- border-radius effect / Compatibility challenges
- box-shadow effects / Box shadow
- Browse for Folder icon / Defining a local site
- Build Service panel! / Generating apps with Dreamweaver
- Business Catalyst / Defining the form and form action
C
- CDN / Creating mobile pages from Dreamweaver starters
- client-side form management
- capturing, JavaScript used / Capturing client-side form management with JavaScript, Creating a jump menu, Editing Jump Menu JavaScript
- jump menu, creating / Creating a jump menu
- jump menu JavaScript, editing / Editing Jump Menu JavaScript
- code hinting / Defining the HTML5 <video> element
- Code Hints
- using / Using Code Hints
- collapsible block HTML
- editing / Editing collapsible block HTML
- collapsible blocks page
- compatibility issues / Native media and compatibility
- Continue button / Generating apps with Dreamweaver
- controls property / Adding play parameters
- CSS
- CSS3
- efffects / New in CSS3–effects and transforms
- transforms / New in CSS3–effects and transforms
- compatibility challenges / Compatibility challenges
- CSS3 effects
- about / CSS3 effects
- opacity, defining / Defining opacity
- border radius / Border radius
- shadows / Shadows
- CSS3 styles
- in Dreamweaver CS6 / CSS3 styles in Dreamweaver CS6
- CSS3 transforms
- about / CSS3 transforms
- using / When to use transforms
- transition coding, generating / How to generate transition coding in Dreamweaver CS6
- scale, resizing / Resizing with scale
- translate, moving with / Moving with translate
- rotation, applying / Applying rotation
- skew transition, creating / Creating a skew transition
- other effects / Other CSS3 transform effects
- comound transforms / Compound transforms
- CSS files
- formatting, for Media Queries / Formatting CSS files for Media Queries
- adjusting, for mobile / Adjusting CSS for Mobile
- CSS Styles panel / Assigning a block property, Formatting CSS files for Media Queries
- custom theme
- appling, in Dreamweaver / Applying a custom theme in Dreamweaver
D
- data-role property / Adding new jQuery Mobile pages and objects
- Design view / Creating the text content
- Div tag / Define a wrapper ID style
- Download Theme window / Applying a custom theme in Dreamweaver
- Download the SDK button / Downloading the Android SDK
- Download Zip button / Rolling a theme
- Dreamweaver
- layout grid, generating / Generating grids in Dreamweaver
- custom theme, applying / Applying a custom theme in Dreamweaver
- and PhoneGap / PhoneGap and Dreamweaver
- apps, generating with / Generating apps with Dreamweaver
- Dreamweaver CS6
- CSS3 styles / CSS3 styles in Dreamweaver CS6
- Media Query, generating / Generating a Media Query in Dreamweaver CS6
- Dreamweaver CS6 site
- defining / Defining a Dreamweaver site
- local site, defining / Defining a local site
- remote site, defining / Defining a remote site
- file transfer between local and remote site / Transferring files between a local and remote site
- Dreamweaver site management
- for HTML5 video / Dreamweaver site management for HTML5 video
- Dreamweaver starters
- used, for mobile page creation / Creating mobile pages from Dreamweaver starters
- Dreamweaver web page
- HTML5 audio element, embedding / Embedding an HTML5 audio element in a Dreamweaver web page
- alternative audio options / Alternative audio options
- play parameters, adding / Adding play parameters
E
- Emulate Application icon / Revising your app
- external stylesheet
- creating / Creating and linking to an external stylesheet
- Body tags style, defining / Define the Body tag's style
F
- File Management buttons / Creating an HTML5 page
- Flash Video (FLV) format / Flash video (FLV)
- float attribute / Defining styles
- Font Family tab / Defining global theme attributes
- footer
- creating / Creating a footer
- form
- ID styles, creating / Creating ID styles for a form
- form action / Defining the form and form action
- form data
- validating / Generating form fields with Spry validation
- form element
- about / Defining the form and form action
- stylesheet, creating / Creating a stylesheet for form elements
- styles, creating / Creating styles for form elements
- form fields
- generating, Spry validation used / Generating form fields with Spry validation, Creating a validated text field, Creating a validated e-mail field, Adding Submit and Reset buttons
- form fields generation, Spry validation used
- about / Generating form fields with Spry validation
- validated text field, creating / Creating a validated text field
- validated e-mail field, creating / Creating a validated e-mail field
- other fields, adding / Adding other fields
- Submit button, adding / Adding Submit and Reset buttons
- Reset button, adding / Adding Submit and Reset buttons
- form styles
- tips / Thoughts on form styles
- FreeFind box / Real-world form handling
- FreeFind example / Real-world form handling
G
- Get Rolling button / Launching ThemeRoller
- Global tab / Defining global theme attributes
- global theme / Defining global theme attributes
- Global theme settings
- font family / Defining global theme attributes
- activate state / Defining global theme attributes
- corner radii / Defining global theme attributes
- icon / Defining global theme attributes
- box shadow / Defining global theme attributes
H
- -hover pseudo-class style / Using a hover class style to animate effects
- header
- adding / Adding header, nav, and hgroup
- headings
- applying / Applying headings
- hgroup
- adding / Adding header, nav, and hgroup
- HTML5 / HTML5, CSS3, and Media Queries
- HTML 5
- prompting with / Prompting with HTML5
- HTML5 <video> element
- about / Defining the HTML5 <video> element
- prerequisites / Prerequisites
- defining / Defining the <video> element
- video attributes, defining / Defining video attributes
- video sources, defining / Defining video source(s)
- alternate video / Alternate video for non-HTML5 environments
- HTML5 audio
- embedding / Embedding HTML5 audio
- HTML5 audio element
- embedding, in Dreamweaver web page / Embedding an HTML5 audio element in a Dreamweaver web page
- HTML5 compatibility challenges
- solving / Solving HTML5 compatibility challenges
- HTML5 data-role property / The HTML5 data-role property
- HTML5 layout template
- about / An HTML5 layout template
- HTML5 media, Dreamweaver
- working with, requirements / Laying the groundwork
- HTML5 page
- creating / Creating an HTML5 page
- HTML5 structure elements
- using / Using HTML5 structure elements
- HTML5 video
- and Dreamweaver / HTML5 video and Dreamweaver
- early video formats / Early video formats
- Flash video (FLV) / Flash video (FLV)
- apple devices / Apple devices and web video
- web video / Apple devices and web video
- embedding / Embedding an HTML5 video
- HTML5 video pages
- testing / Testing HTML5 video pages
- video, previewing in Live View / Previewing a video in Live View
- HTML tab / Real-world form handling
I
- interactivity
- about / Interactive effects and transforms
- using with JavaScript, using / Limitations of using effects with JavaScript
- *hover pseudo-class / Interactivity with the :hover pseudo-class
- CSS3 transforms, animating, in Dreamweaver / Animating CSS3 transforms in Dreamweaver
- iOS
- setting / Defining video attributes
- irregular standardization / Compatibility challenges
J
- JavaScript
- used, for client-side form management capturing / Capturing client-side form management with JavaScript, Creating a jump menu, Editing Jump Menu JavaScript
- jQuery form objects
- adding / Adding jQuery form objects
- in Dreamweaver / Forms in Dreamweaver
- jQuery Mobile form, creating / Creating a jQuery Mobile form
- special mobile form fields / Special mobile form fields
- jQuery Mobile
- versus media query / Media Queries versus jQuery Mobile and apps
- Mobile pages / Mobile pages, apps, and jQuery Mobile
- about / What is jQuery Mobile?
- jQuery Mobile form
- creating / Creating a jQuery Mobile form
- jQuery Mobile objects
- used, for mobile web page building / Example – build a mobile web page with jQuery Mobile objects
- jQuery Mobile pages
- previewing, in Live view / Previewing jQuery Mobile pages in Live view
- jQuery Mobile Swatches panel / Examining the five data-themes
- jQuery Mobile theme swatches
- about / Applying jQuery Mobile theme swatches
- five data-themes, examining / Examining the five data-themes
- applying, to specific elements / Applying themes to specific elements
- jump menu
L
- layout grid
- about / Inserting a layout grid
- creating / Inserting a layout grid
- tables / Tables, div tags, and grids
- div tags / Tables, div tags, and grids
- generating, in Dreamweaver / Generating grids in Dreamweaver
- styles, defining / Defining styles for layout grids
- Live view
- jQuery Mobile pages, previewing / Previewing jQuery Mobile pages in Live view
- local site
- defining / Defining a local site
- loop property / Adding play parameters
M
- -moz- prefix / Border radius
- margin attributes / Defining styles
- Media Queries
- working / How Media Queries work
- history / A short history of Media Queries
- versus jQuery Mobile / Media Queries versus jQuery Mobile and apps
- versus app / Media Queries versus jQuery Mobile and apps
- CSS files, formatting / Formatting CSS files for Media Queries
- Media Queries dialog box / Surveying alternative approaches
- Media Query
- generating, in Dreamweaver CS6 / Generating a Media Query in Dreamweaver CS6
- defining, for smartphones / Defining a Media Query for smartphones
- Media Query, generating in Dreamweaver CS6
- about / Generating a Media Query in Dreamweaver CS6
- alternative stylesheets, building / Building alternative stylesheets
- preparing / Preparing to generate a Media Query
- styles, assigning to / Assigning styles to different media
- metadata
- adding / Adding metadata
- address, defining / Defining an address
- figures / Figures and captions
- captions / Figures and captions
- date, indicating / Indicating date and time
- time, indicating / Indicating date and time
- CSS file, creating for HTML5 page structure / Creating a CSS file for HTML5 page structure
- block property, assigning / Assigning a block property
- styles, defining / Defining styles
- Miro Video Converter / Converting video to web formats with open source tools
- mobile
- Media Query, adjusting / Adjusting CSS for Mobile
- mobile-friendly form
- mobile devices
- about / Apps and mobile websites
- Android / Android and iOS
- iOS / Android and iOS
- PhoneGap / Understanding PhoneGap
- Mobile pages
- overview / Mobile pages – an overview
- and jQuery Mobile / Mobile pages, apps, and jQuery Mobile
- creating, from Dreamweaver starters / Creating mobile pages from Dreamweaver starters
- in Split view / Mobile pages in Split view
- content, customizing / Customizing Mobile page content
- Mobile Pages
- designing, collapsible blocks used / Designing Mobile Pages with collapsible blocks
- collapsible block, building / Building a collapsible block
- initial block state, changing / Changing the initial block state
- block data-themes, changing / Changing block data-themes and styles
- styles, changing / Changing block data-themes and styles
- collapsible block HTML, editing / Editing collapsible block HTML
- Mobile pages content customization
- about / Customizing Mobile page content
- HTML5 data-role property / The HTML5 data-role property
- data-role pages / Data-role pages
- steps / Customizing page content
- for different data roles / Customizing content for different data roles
- mobile web page
- building, jQuery Mobile objects used / Example – build a mobile web page with jQuery Mobile objects
- Multiscreen Preview
- previewing with / Previewing with Multiscreen Preview
- about / Defining a Media Query for smartphones
N
- native audio / Native media and compatibility
- native video
- about / Native media and compatibility
- preparing / Preparing native audio
- audio compression / Audio compression
- browser support, for audio files / Browser support for audio files
- embedding / Embedding native video
- using, steps / Embedding native video
- HTML5 video and Dreamweaver / HTML5 video and Dreamweaver
- files, preparing / Preparing native video files
- compressing, for Web / Compressing video for the Web
- Dreamweaver site management, for HTML video / Dreamweaver site management for HTML5 video
- HTML5 <video> element, defining / Defining the HTML5 <video> element
- HTML5 video pages, testing / Testing HTML5 video pages
- native video, for Web configuration
- about / Compressing video for the Web
- open source / Video compression – open source and proprietary
- proprietary / Video compression – open source and proprietary
- native video files
- formats / Native video formats
- non-supportive HTML5 browsers / Browsers that do NOT support HTML5
- HTML5 video, preparing for / Preparing HTML5 video for every scenario
- nav
- adding / Adding header, nav, and hgroup
- New CSS Rule (+) icon / Creating ID styles for a form
- New CSS Rule icon / Defining styles
- New Document dialog box / Surveying alternative approaches
- new jQuery Mobile objects
- new jQuery Mobile pages
O
- Online-Convert / Laying the groundwork
- opacity effect / Defining opacity
P
- pages structuring, with HTML5
- about / Structuring pages with HTML5
- structural elements / HTML5 structural elements
- page code, breaking down / Breaking down HTML5 page code
- Paste Special dialog / Example – build a mobile web page with jQuery Mobile objects
- peload property / Adding play parameters
- PhoneGap
- about / Understanding PhoneGap
- and Dreamweaver / PhoneGap and Dreamweaver
- settings, configuring / Configuring PhoneGap settings
- PhoneGap Build Service panel / Testing apps with an emulator
- PhoneGap Build Services panel / Generating apps with Dreamweaver
- prebuilding steps, apps
- points / Before building apps
- Build service account, creating / Creating a PhoneGap Build service account
- Android SDK, downloading / Downloading the Android SDK
- Preview/Debug in Browser button / Creating an HTML5 page
- Properties inspector / Building a page with collapsible blocks and a mobile-friendly form
R
- real-world form handling
- about / Real-world form handling
- Refresh icon / Applying a custom theme in Dreamweaver
- remote site
- defining / Defining a remote site
- Return key / Real-world form handling
S
- Save Web Image dialog / Inserting images
- SDK / Before building apps
- sections
- creating / Creating articles and sections
- server-side scripts / Capturing client-side form management with JavaScript
- shadows, CSS3 effects
- about / Shadows
- box-shadow / Box shadow
- text-shadow / Text shadow
- text outline, creating / Creating a text outline
- Site Root button / Creating an HTML5 page
- skew transition
- creating / Creating a skew transition
- slider
- inserting / Inserting a slider
- smartphones
- Media Query, defining / Defining a Media Query for smartphones
- special mobile form fields
- about / Special mobile form fields
- text input field, inserting / Inserting a text input field
- slider, inserting / Inserting a slider
- toggle switch, inserting / Inserting a toggle switch
- Split view / Real-world form handling, Defining the HTML5 <video> element
- Mobile pages / Mobile pages in Split view
- Spry validation
- used, for form field generation / Generating form fields with Spry validation, Creating a validated text field, Creating a validated e-mail field, Adding Submit and Reset buttons
- stylesheet
- linking / Linking to a stylesheet
- external stylesheet, creating / Creating and linking to an external stylesheet
- linking to HTML file / Linking a stylesheet to an HTML file
- wrapper ID style / Define a wrapper ID style
- swatch / Defining global theme attributes
- Switch / Laying the groundwork
T
- Tab key / Defining opacity
- Testing server option / Transferring files between a local and remote site
- text-shadow effect / Text shadow
- TEXT COLOR swatch / Defining custom swatches
- text content
- about / Creating the text content
- creating / Creating the text content
- headings, applying / Applying headings
- links, addig / Adding paragraphs, lists, and links
- lists, adding / Adding paragraphs, lists, and links
- paragraphs, adding / Adding paragraphs, lists, and links
- links, adding / Adding paragraphs, lists, and links
- images, inserting / Inserting images
- text input field
- inserting / Inserting a text input field
- Text Only to options / Creating the text content
- text outline
- creating / Creating a text outline
- theme
- rollling / Rolling a theme
- theme customization, ThemeRoller used
- about / Customizing themes with ThemeRoller
- mobile color schemes / The aesthetics of mobile color schemes
- ThemeRoller, launching / Launching ThemeRoller
- global theme attributes, defining / Defining global theme attributes
- custom swatches, defining / Defining custom swatches
- additional swatches, creating / Creating additional swatches
- ThemeRoller
- used, for themes customization / Customizing themes with ThemeRoller
- ThemeRoller screen / Rolling a theme
- themes
- customizing, with ThemeRoller / Customizing themes with ThemeRoller
- theme swatches
- about / Styling with theme swatches
- themes, applying / Applying themes
- CSS, editing in jQuery Mobile pages / Editing CSS in jQuery Mobile pages
- toggle switch
- inserting / Inserting a toggle switch
U
- UTF-8 / Breaking down HTML5 page code
V
- validation / Generating form fields with Spry validation
- View QR Code icon / Scanning apps into your Android device
W
- -webkit- prefix / Compatibility challenges
- WC3 Validation button / Creating an HTML5 page
- web design, for multimedia web world
- about / Web design for a multimedia web world
- Media Queries / How Media Queries work
- mobile devices, styling for / Styling for mobile devices and tablets
- tablets, styling for / Styling for mobile devices and tablets
- Web URL field / Defining a remote site
- wrapper ID style
- defining / Define a wrapper ID style