Page 9 - CC2018_DW_Look_Inside
P. 9
Project 3 Stage 3 Using CSS to Control Content ........... 198
Arts Council Website 105 Define HTML Tag Selectors......................... 198
Create Named Anchors ........................... 201
Stage 1 Placing Static Foreground Images ....... 107 Create a Pseudo-Class Selector......................205
Review the Existing Project Status....................108 Create a Figure and Figure Caption...................206
Place an Image in the Regular Design View .............109 Create Descendant Selectors ....................... 210
Place an Image with the Insert Panel ................. 112
Project Review ............................... 213
Drag and Drop an Image from the Insert Panel .......... 114
Insert an Image with the Assets Panel................. 116 Portfolio Builder Project........................ 214
Resize and Resample an Image...................... 118
The Image Properties Panel in Depth.................. 122 Project 5
Music Festival CSS Site 217
Stage 2 Extracting Photoshop Assets ........... 123
Verify your Adobe ID in Dreamweaver................. 123 Stage 1 Working with Classes.................. 219
Load a Photoshop File into your Creative Cloud Account.... 125 Review Existing Site Files ..........................220
Extract Text and Images from a Photoshop File .......... 127 Create a Class Selector to Place Background Images ...... 221
Format the Page Body ............................ 131 Manually Edit CSS Code........................... 224
Format Element Backgrounds with Extracted Styles ....... 136 Make an Editable Attribute in a Template ..............226
Define Background Images.........................140 Control Float Properties...........................230
Format Text with Extracted Styles....................144 CSS Mode of the Properties Panel....................233
Format Links with Descendent Selectors ...............146 Apply Multiple Classes to Elements...................234
Understanding Hexadecimal Color Codes .............. 150 Insert One HTML Page into Another ..................236
Define Background Images for Navigation Link States ..... 151
Stage 2 Creating Online Forms .................240
Project Review ............................... 153 Create a Form Element............................240
Portfolio Builder Project........................ 154 The Form Properties Panel in Depth .................. 241
Create Form Text Fields ........................... 242
Project 4 HTML Form Fields in Depth ........................ 245
Museum CSS Layout 157 Create a Menu Field .............................248
Create a Checkbox ..............................250
Stage 1 Creating Layouts with Style Sheets ...... 159 Add Submit and Reset Buttons ...................... 251
Prepare the Site Files .............................160 Apply CSS to the Form............................ 252
Define a New Element and Tag Selector ............... 162
Project Review ...............................256
Drag and Drop to Create New Elements ............... 165
Define a Selector with an ID Attribute.................168 Portfolio Builder Project........................ 257
Understanding CSS Shorthand ...................... 171
Create New Selectors using the CSS Designer Panel ....... 172
Create and Manage Nested Elements ................. 174
Control Element Float Position ...................... 178
Work with the CSS Box Model ...................... 181
Define Properties for the <body> Tag.................186
Stage 2 Working with a Template............... 189
Create a Template ............................... 189
Apply the Template to Existing Pages ................. 193
More about Working with Dreamweaver Templates ....... 197
ix
