Page 11 - CC2018_WD_Look_Inside
P. 11
Project 7 Project 8
Arts Council Website 347 Museum CSS Layout 399
Stage 1 Placing Static Foreground Images .......349 Stage 1 Creating Layouts with Style Sheets ......401
Review the Existing Project Status....................350 Prepare the Site Files .............................402
Place an Image in the Regular Design View ............. 351 Define a New Element and Tag Selector ...............404
Place an Image with the Insert Panel .................354 Drag and Drop to Create New Elements ...............407
Drag and Drop an Image from the Insert Panel ..........356 Define a Selector with an ID Attribute................. 410
Insert an Image with the Assets Panel.................358 Understanding CSS Shorthand ...................... 413
Resize and Resample an Image......................360 Create New Selectors using the CSS Designer Panel ....... 414
The Image Properties Panel in Depth..................364 Create and Manage Nested Elements ................. 416
Stage 2 Extracting Photoshop Assets ...........365 Control Element Float Position ...................... 420
Verify your Adobe ID in Dreamweaver.................365 Work with the CSS Box Model ......................423
Load a Photoshop File into your Creative Cloud Account....367 Define Properties for the <body> Tag................. 428
Extract Text and Images from a Photoshop File ..........369 Stage 2 Working with a Template............... 431
Format the Page Body ............................ 373 Create a Template ............................... 431
Format Element Backgrounds with Extracted Styles ....... 378 Apply the Template to Existing Pages ................. 435
Define Background Images.........................382 More about Working with Dreamweaver Templates .......439
Format Text with Extracted Styles....................386 Stage 3 Using CSS to Control Content ...........440
Format Links with Descendent Selectors ...............388 Define HTML Tag Selectors.........................440
Understanding Hexadecimal Color Codes ..............392 Create Named Anchors ...........................443
Define Background Images for Navigation Link States .....393 Create a Pseudo-Class Selector......................447
Project Review ...............................395 Create a Figure and Figure Caption...................448
Portfolio Builder Project........................396 Create Descendant Selectors ....................... 452
Project Review ............................... 455
Portfolio Builder Project........................456
xi
