Page 11 - CC 2019 WD Look Inside
P. 11
Project 7 Project 8
Arts Council Website 367 Museum CSS Layout 419
Stage 1 / Placing Static Foreground Images . . . . . . . 369 Stage 1 / Creating Layouts with Style Sheets . . . . . . 421
Review the Existing Project Status .................... 370 Prepare the Site Files .............................. 422
Place an Image in the Regular Design View ............. 371 Define a New Element and Tag Selector ................ 424
Place an Image with the Insert Panel .................. 374 Drag and Drop to Create New Elements ................ 427
Drag and Drop an Image from the Insert Panel........... 376 Define a Selector with an ID Attribute ................. 430
Insert an Image with the Assets Panel ................. 378 Understanding CSS Shorthand ....................... 433
Resize and Resample an Image ...................... 380 Create New Selectors Using the CSS Designer Panel....... 434
The Image Properties Panel in Depth .................. 384 Create and Manage Nested Elements.................. 436
Stage 2 / Extracting Photoshop Assets . . . . . . . . . . . 385 Control Element Float Position ....................... 440
Verify Your Adobe ID in Dreamweaver ................. 385 Work with the CSS Box Model ....................... 443
Load a Photoshop File into Your CC Account ............ 386 Define Properties for the <body> Tag ................. 448
Extract Text and Images from a Photoshop File .......... 388 Stage 2 / Working with a Template . . . . . . . . . . . . . . .451
Format the Page Body ............................. 392 Create a Template ................................ 451
Format Element Backgrounds with Extracted Styles ....... 397 Apply the Template to Existing Pages.................. 455
Define Background Images.......................... 401 More About Working with Dreamweaver Templates ....... 459
Format Text with Extracted Styles..................... 405 Stage 3 / Using CSS to Control Content . . . . . . . . . . 460
Format Links with Descendent Selectors................ 407 Define HTML Tag Selectors.......................... 460
Defining Color in CSS.............................. 410 Create Named Anchors ............................ 463
Define Background Images for Navigation Link States ..... 412 Create a Pseudo-Class Selector ...................... 467
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .415 Create a Figure and Figure Caption ................... 468
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . .416 Create Descendant Selectors ........................ 472
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .475
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . .476
xi
