Page 11 - CS6_DW_Look_Inside

Apply Multiple Classes to Elements .................................................. 220
Insert one HTML Page into Another ................................................ 223
Stage 2 Creating a Spry Menu Bar ........................................................ 225
Create a Spry Menu Bar .......................................................... 226
Modify Menu Subitems ........................................................... 229
Why Multiple Selectors of the Same Name? ........................................... 232
Use the Code Navigator to Review Related Styles ....................................... 232
Using Inspect Mode in Live View ................................................... 236
Grouping Selectors .............................................................. 237
Use Code Hints to Write CSS Code ................................................. 238
Other Spry Layout Objects ........................................................ 241
Stage 3 Creating Online Forms .......................................................... 242
Create a Form Element ........................................................... 242
The Form Properties Panel in Depth ................................................. 243
Create Form Text Fields ........................................................... 244
Create a Menu Field ............................................................. 247
Create a Checkbox .............................................................. 250
Add Submit and Reset Buttons ..................................................... 251
HTML Form Fields in Depth ...................................................... 252
Apply CSS to the Form .......................................................... 255
Project Review ................................................................. 260
Portfolio Builder Project ......................................................... 261

Project 6 kAYAking html5 site 263
Stage 1 Working with HTML5 Tags ...................................................... 265
Create a New HTML5 Page ....................................................... 265
Add HTML5 Tags ............................................................... 268
Learning about HTML5 Tags ...................................................... 271
Attach a CSS Style Sheet .......................................................... 273
Stage 2 Working with CSS3 Selectors ..................................................... 275
Add Rounded Corners to an Element ................................................ 275
Define Transparency for a Background Color .......................................... 277
Create Multiple Columns of Text ................................................... 279
Learning More about CSS3 Properties ................................................ 280
Stage 3 Working with Web Fonts ......................................................... 281
Download a Web Font Package ..................................................... 281
Apply Web Fonts to Page Elements .................................................. 283
Working with External Web Fonts ................................................... 286
Stage 4 Adding Video in HTML5 ........................................................ 287
Place a Video in an HTML5 Page ................................................... 287
Video Tag Attributes ............................................................. 288
Stage 5 Working with Widgets ........................................................... 291
Use the Adobe Widget Browser ..................................................... 291
Add a Widget to an HTML5 Page ................................................... 295
Customize the Widget Content ..................................................... 297
Project Review ................................................................. 301

Portfolio Builder Project ......................................................... 302

xi