Preface |
|
1 | (6) |
Chapter 1 Creating Sites and Pages with Dreamweaver CS6 |
|
7 | (24) |
|
Defining a Dreamweaver site |
|
|
8 | (7) |
|
|
8 | (2) |
|
|
10 | (3) |
|
Transferring files between a local and remote site |
|
|
13 | (2) |
|
|
15 | (3) |
|
Creating the text content |
|
|
18 | (5) |
|
|
19 | (1) |
|
Adding paragraphs, lists, and links |
|
|
19 | (2) |
|
|
21 | (2) |
|
|
23 | (6) |
|
Creating and linking to an external stylesheet |
|
|
24 | (1) |
|
Linking a stylesheet to an HTML file |
|
|
25 | (2) |
|
Define the Body tag's style |
|
|
25 | (2) |
|
Define a wrapper ID style |
|
|
27 | (2) |
|
|
29 | (2) |
Chapter 2 Using HTML5 for Page Structure |
|
31 | (22) |
|
HTML5 structural elements |
|
|
33 | (2) |
|
Breaking down HTML5 page code |
|
|
35 | (8) |
|
|
43 | (1) |
|
|
44 | (1) |
|
|
44 | (1) |
|
Creating a CSS file for HTML5 page structure |
|
|
45 | (3) |
|
Assigning a block property |
|
|
48 | (2) |
|
|
50 | (3) |
Chapter 3 Collecting Data with Forms |
|
53 | (24) |
|
|
54 | (3) |
|
Editing Jump Menu JavaScript |
|
|
57 | (4) |
|
Creating a validated text field |
|
|
61 | (3) |
|
Creating a validated e-mail field |
|
|
64 | (1) |
|
|
64 | (1) |
|
Adding Submit and Reset buttons |
|
|
65 | (2) |
|
Creating a stylesheet for form elements |
|
|
67 | (3) |
|
Creating styles for form elements |
|
|
70 | (1) |
|
Creating ID Styles for a Form |
|
|
71 | (1) |
|
|
72 | (5) |
Chapter 4 Applying CSS3 Effects and Transforms |
|
77 | (34) |
|
|
79 | (2) |
|
CSS3 styles in Dreamweaver CS6 |
|
|
81 | (4) |
|
|
85 | (3) |
|
|
88 | (1) |
|
|
89 | (5) |
|
|
90 | (1) |
|
|
91 | (1) |
|
|
92 | (2) |
|
|
94 | (1) |
|
How to generate transition coding in Dreamweaver CS6 |
|
|
94 | (2) |
|
|
96 | (1) |
|
|
97 | (1) |
|
|
98 | (1) |
|
Creating a skew transition |
|
|
99 | (1) |
|
Other CSS3 transform effects |
|
|
100 | (1) |
|
|
101 | (1) |
|
Limitations of using effects with JavaScript |
|
|
102 | (1) |
|
Interactivity with the :hover pseudo-class |
|
|
102 | (1) |
|
Animating CSS3 transforms in Dreamweaver |
|
|
103 | (1) |
|
Putting the pieces in place |
|
|
104 | (4) |
|
Using a hover class style to animate effects |
|
|
108 | (3) |
Chapter 5 Embedding HTML5 Native Audio and Video |
|
111 | (26) |
|
Native media and compatibility |
|
|
111 | (1) |
|
|
112 | (1) |
|
|
112 | (2) |
|
|
113 | (1) |
|
Browser support for audio files |
|
|
113 | (1) |
|
Embedding an HTML5 audio element in a Dreamweaver web page |
|
|
114 | (4) |
|
Alternative audio options |
|
|
115 | (2) |
|
|
117 | (1) |
|
|
118 | (1) |
|
|
119 | (14) |
|
HTML5 video and Dreamweaver |
|
|
120 | (4) |
|
|
120 | (1) |
|
|
121 | (2) |
|
Apple devices and web video |
|
|
123 | (1) |
|
Preparing native video files |
|
|
124 | (1) |
|
|
124 | (1) |
|
Browsers that do NOT support HTML5 |
|
|
125 | (1) |
|
Preparing HTML5 video for every scenario |
|
|
125 | (1) |
|
Compressing video for the Web |
|
|
125 | (3) |
|
Video compression - open source and proprietary |
|
|
126 | (1) |
|
Converting video to web formats with open source tools |
|
|
127 | (1) |
|
Dreamweaver site management for HTML5 video |
|
|
128 | (1) |
|
Defining the HTML5 <video> element |
|
|
129 | (3) |
|
|
129 | (1) |
|
Defining the <video> element |
|
|
130 | (1) |
|
Defining video attributes |
|
|
130 | (1) |
|
|
131 | (1) |
|
Alternate video for non-HTML5 environments |
|
|
131 | (1) |
|
|
132 | (1) |
|
Testing HTML5 video pages |
|
|
132 | (4) |
|
Previewing a video in Live View |
|
|
132 | (1) |
|
|
133 | (3) |
|
|
136 | (1) |
Chapter 6 Responsive Design with Media Queries |
|
137 | (22) |
|
|
138 | (1) |
|
A short history of Media Queries |
|
|
139 | (2) |
|
HTML5, CSS3, and Media Queries |
|
|
141 | (1) |
|
Styling for mobile devices and tablets |
|
|
141 | (1) |
|
Media Queries versus jQuery Mobile and apps |
|
|
142 | (3) |
|
Building alternative stylesheets |
|
|
145 | (1) |
|
Preparing to generate a Media Query |
|
|
145 | (1) |
|
Assigning styles to different media |
|
|
146 | (13) |
Chapter 7 Creating Mobile Sites with jQuery Mobile |
|
159 | (22) |
|
Mobile pages, apps, and jQuery Mobile |
|
|
162 | (1) |
|
|
162 | (3) |
|
Mobile pages in Split view |
|
|
165 | (1) |
|
Previewing jQuery Mobile pages in Live view |
|
|
166 | (6) |
|
The HTML5 data-role property |
|
|
167 | (1) |
|
|
167 | (2) |
|
|
169 | (1) |
|
Customizing content for different data roles |
|
|
170 | (2) |
|
|
172 | (1) |
|
Editing CSS in jQuery Mobile pages |
|
|
173 | (8) |
Chapter 8 Enhancing Mobile Sites |
|
181 | (26) |
|
Tables, div tags, and grids |
|
|
184 | (1) |
|
Generating grids in Dreamweaver |
|
|
185 | (1) |
|
Defining styles for layout grids |
|
|
185 | (3) |
|
Building a collapsible block |
|
|
188 | (1) |
|
Changing the initial block state |
|
|
189 | (1) |
|
Changing block data-themes and styles |
|
|
190 | (1) |
|
Editing collapsible block HTML |
|
|
191 | (3) |
|
|
194 | (1) |
|
Creating a jQuery Mobile form |
|
|
195 | (2) |
|
Special mobile form fields |
|
|
197 | (11) |
|
Inserting a text input field |
|
|
198 | (1) |
|
|
198 | (1) |
|
Inserting a toggle switch |
|
|
199 | (8) |
Chapter 9 Customizing Themes with ThemeRoller |
|
207 | (16) |
|
Applying jQuery Mobile theme swatches |
|
|
208 | (3) |
|
Examining the five data-themes |
|
|
208 | (2) |
|
Applying themes to specific elements |
|
|
210 | (1) |
|
Customizing themes with ThemeRoller |
|
|
211 | (7) |
|
The aesthetics of mobile color schemes |
|
|
211 | (1) |
|
|
212 | (2) |
|
Defining global theme attributes |
|
|
214 | (2) |
|
|
216 | (2) |
|
Creating additional swatches |
|
|
218 | (1) |
|
|
218 | (1) |
|
Applying a custom theme in Dreamweaver |
|
|
219 | (2) |
|
|
221 | (2) |
Chapter 10 Building Apps with PhoneGap |
|
223 | (22) |
|
|
224 | (7) |
|
|
224 | (1) |
|
|
225 | (1) |
|
|
226 | (3) |
|
Creating a PhoneGap Build service account |
|
|
227 | (1) |
|
Downloading the Android SDK |
|
|
227 | (2) |
|
|
229 | (1) |
|
Configuring PhoneGap settings |
|
|
229 | (2) |
|
Generating apps with Dreamweaver |
|
|
231 | (4) |
|
Testing and distributing apps |
|
|
235 | (7) |
|
Testing apps with an emulator |
|
|
235 | (2) |
|
|
237 | (1) |
|
Scanning apps into your Android device |
|
|
238 | (2) |
|
|
240 | (1) |
|
|
241 | (1) |
|
|
242 | (3) |
Index |
|
245 | |