Page 13 - CS6_WD_Look_Inside

Stage 3 Working with Special Characters .................................................. 364
Insert Special Characters .......................................................... 364
Create a Table of Quote Characters .................................................. 367
Use the Insert Other Character Dialog Box ............................................ 369
Working with HTML Tables ....................................................... 372
Insert Special Characters in Code ................................................... 373
Stage 4 Creating Lists .................................................................. 374
Create a Definition List ........................................................... 374
Create an Ordered List of Web Resources ............................................. 376
Create an Unordered List of Navigation Links .......................................... 378
Stage 5 Attaching an External CSS File .................................................... 379
Add div Tags and Element IDs ..................................................... 379
Attach the CSS File .............................................................. 382
Identify the List as a Navigation Bar ................................................. 384
Project Review ................................................................. 386
Portfolio Builder Project ......................................................... 387

Project 8 PhotograPher’s Web sIte 389
Stage 1 Working with Static Images ....................................................... 391
Define the Crowe Photography Site .................................................. 391
Insert an Image onto a Page ........................................................ 391
Resize and Resample an Image ...................................................... 395
Insert an Image from the Files Panel ................................................. 399
The Image Properties Panel in Depth ................................................. 400
Insert an Image from the Assets Panel ................................................ 401
Creating an Image Map ........................................................... 403
Stage 2 Controlling Backgrounds with CSS ................................................ 404
Define a Page Background Image ................................................... 404
Hexadecimal Color Codes ......................................................... 408
Define a Background Image for the Outer Div ......................................... 409
Define Background Images for Navigation Link States ................................... 411
Creating a Rollover Image ......................................................... 414
Stage 3 Working with Other Image Types ................................................. 415
Insert a Flash Animation .......................................................... 415
Insert and Configure a Flash Slideshow ............................................... 418
Insert a Flash Video .............................................................. 421
Add a Page Favicon .............................................................. 423
Project Review ................................................................. 425
Portfolio Builder Project ......................................................... 426

Project 9 YoseMIte Css LaYout 429
Stage 1 Creating Layouts with Style Sheets ................................................. 431
Define a Tracing Image ........................................................... 431
Create an External CSS File ........................................................ 435
The CSS Styles Panel in Depth ..................................................... 437
Create ID Selectors .............................................................. 438
The CSS Rule Definition Dialog Box in Depth ......................................... 443
Create a Layout with Div Elements .................................................. 445

xiii