Page 10 - CS6_DW_Look_Inside
P. 10
Contents
Stage 3 Working with Other Image Types ................................................. 131
Insert a Flash Animation .......................................................... 131
Insert and Configure a Flash Slideshow ............................................... 134
Insert a Flash Video .............................................................. 137
Add a Page Favicon .............................................................. 139
Project Review ................................................................. 141
Portfolio Builder Project ......................................................... 142
Project 4 Yosemite Css lAYout 145
Stage 1 Creating Layouts with Style Sheets ................................................. 147
Define a Tracing Image ........................................................... 147
Create an External CSS File ........................................................ 151
The CSS Styles Panel in Depth ..................................................... 153
Create ID Selectors .............................................................. 154
The CSS Rule Definition Dialog Box in Depth ......................................... 159
Create a Layout with Div Elements .................................................. 161
Understanding the CSS Box Model .................................................. 163
Use the Float Property to Control Nested Divs ......................................... 165
Comparing the <span> and <div> Tags ............................................... 168
Define Properties for the <body> Tag ................................................ 169
Edit CSS Rules to Adjust the Layout ................................................. 171
Understanding AP Divs ........................................................... 174
Stage 2 Working with a Template ........................................................ 177
Create a Template ............................................................... 177
The Insert>Template Submenu in Depth .............................................. 179
Apply the Template to Existing Pages ................................................ 181
The Modify>Templates Submenu in Depth ............................................ 182
Creating a New Page from a Template ................................................ 184
Edit the Design Template ......................................................... 185
Understanding Named Anchors .................................................... 187
Stage 3 Using CSS to Control Content .................................................... 188
Define HTML Tag Selectors ....................................................... 188
Create Descendant Selectors ....................................................... 192
Create Pseudo-Class Selectors ...................................................... 196
Project Review ................................................................. 198
Portfolio Builder Project ......................................................... 199
Project 5 CuPCAke bAkerY Css site 201
Stage 1 Working with Classes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
Review Existing Site Files ......................................................... 204
Create a Class Selector to Place Background Images ..................................... 205
Manually Edit CSS Code ......................................................... 208
Make an Editable Attribute in a Template ............................................. 211
Control Float and Clear Properties .................................................. 214
CSS Mode of the Properties Panel ................................................... 216
Search Page Code to Apply Classes .................................................. 217
x
