Page 9 - CS6_DW_Look_Inside

Project 2 digitAl book ChAPter 63
Stage 1 Preparing the Workspace .......................................................... 65
Define the ATC Site .............................................................. 65
Create a New HTML Document .................................................... 66
Stage 2 Working with Semantic Markup ................................................... 68
Paste Text Content in Design View ................................................... 68
Element Names, Tags, and Attributes ................................................. 70
Format Headings in Design View .................................................... 72
Formatting Text with the Properties Panel .............................................. 74
Format a Block Quote and Citation .................................................. 74
Mark up Abbreviations in Code View ................................................. 77
Controlling Code Hints ........................................................... 77
Understanding Code View Formatting ................................................ 80
Format with Strong and Em Elements ................................................. 81
Stage 3 Working with Special Characters ................................................... 82
Insert Special Characters ........................................................... 82
Create a Table of Quote Characters ................................................... 85
Working with HTML Tables ........................................................ 87
Use the Insert Other Character Dialog Box ............................................. 88
Insert Special Characters in Code .................................................... 90
Stage 4 Creating Lists ................................................................... 92
Create an Ordered List of Web Resources .............................................. 92
Create an Unordered List of Navigation Links ........................................... 94
Stage 5 Attaching an External CSS File ..................................................... 95
Add div Tags and Element IDs ...................................................... 95
Attach the CSS File ............................................................... 98
Identify the List as a Navigation Bar ................................................. 100
Project Review ................................................................. 102
Portfolio Builder Project ......................................................... 103

Project 3 PhotogrAPher’s web site 105
Stage 1 Working with Static Images ....................................................... 107
Define the Crowe Photography Site .................................................. 107
Insert an Image onto a Page ........................................................ 107
Understanding Accessibility and Usability ............................................. 111
Resize and Resample an Image ...................................................... 112
Insert an Image from the Files Panel ................................................. 115
The Image Properties Panel in Depth ................................................. 116
Insert an Image from the Assets Panel ................................................ 117
Creating an Image Map ........................................................... 119
Stage 2 Controlling Backgrounds with CSS ................................................ 120
Define a Page Background Image ................................................... 120
Hexadecimal Color Codes ......................................................... 124
Define a Background Image for the Outer Div ......................................... 125
Define Background Images for Navigation Link States ................................... 127
Creating a Rollover Image ......................................................... 130

ix