Because Knetbooks knows college students. Our rental program is designed to save you time and money. Whether you need a textbook for a semester, quarter or even a summer session, we have an option for you. Simply select a rental period, enter your information and your book will be on its way!
| Preface | p. viii |
| Introduction: Web Site Development and Adobe Dreamweaver CS6 | |
| Objectives | p. DW 1 |
| Web Site Planning and Design Basics | p. DW 2 |
| Types of Web Sites | p. DW 2 |
| Browser Considerations | p. DW 4 |
| Web Site Navigation | p. DW 7 |
| Mobile Site Access | p. DW 8 |
| Planning a Web Site | p. DW 8 |
| Planning Basics | p. D... MORE |
| Design | p. DW 10 |
| Accessibility Guidelines | p. DW 12 |
| Role of Social Networking | p. DW 13 |
| Web Site Hosting | p. DW 14 |
| Project Management | p. DW 16 |
| Testing the Site | p. DW 16 |
| Maintaining the Site | p. DW 16 |
| Web Programming Languages | p. DW 17 |
| HTML and XHTML | p. DW 17 |
| HTML5 | p. DW 18 |
| DHTML | p. DW 18 |
| XML | p. DW 18 |
| PHP | p. DW 18 |
| ASP | p. DW 18 |
| jQuery | p. DW 18 |
| Web Page Authoring Programs | p. DW 19 |
| About Adobe Dreamweaver CS6 | p. DW 19 |
| Chapter Summary | p. DW 21 |
| Apply Your Knowledge | p. DW 21 |
| Extend Your Knowledge | p. DW 22 |
| Make It Right | p. DW 22 |
| In the Lab | p. DW 22 |
| Cases and Places | p. DW 24 |
| Creating a New Web Site with Dreamweaver | |
| Objectives | p. DW 25 |
| What Is Dreamweaver CS6? | p. DW 26 |
| Project - Small Business Incubator Web Site Plan | p. DW 26 |
| Overview | p. DW 27 |
| Starting Dreamweaver | p. DW 28 |
| To Start Dreamweaver | p. DW 28 |
| Touring the Dreamweaver Window | p. DW 30 |
| Dreamweaver Workspace | p. DW 30 |
| Displaying Document Views | p. DW 35 |
| Opening and Closing Panels | p. DW 37 |
| To Show, Hide, and Move Panels | p. DW 37 |
| To Reset the Classic Workspace | p. DW 39 |
| To Display the Standard Toolbar | p. DW 40 |
| To Access Preferences | p. DW 41 |
| Understanding HTML5 | p. DW 42 |
| Understanding CSS3 | p. DW 43 |
| Creating a New Site | p. DW 43 |
| Defining a Local Site | p. DW 43 |
| Creating the Local Root Folder and Subfolders | p. DW 44 |
| Using Site Setup to Create a Local Site | p. DW 45 |
| To Quit and Restart Dreamweaver | p. DW 45 |
| To Use Site Setup to Create a Local Site | p. DW 46 |
| Selecting a Predefined Template | p. DW 49 |
| To Select a Template Layout | p. DW 50 |
| To Name and Save the Home Page | p. DW 51 |
| To Edit Navigation Link Text | p. DW 53 |
| To Format Text Using Heading Styles | p. DW 54 |
| To Create a Link | p. DW 56 |
| To Save the Home Page | p. DW 57 |
| To Add a Second Page | p. DW 58 |
| To Create an Unordered List | p. DW 59 |
| To Add the Links to the Second Page | p. DW 61 |
| To Change the Web Page Title | p. DW 62 |
| To Check Spelling | p. DW 63 |
| Previewing a Web Page in a Browser | p. DW 63 |
| To Choose a Browser and Preview the Web Site | p. DW 64 |
| Dreamweaver Help | p. DW 65 |
| To Access Dreamweaver Help | p. DW 65 |
| To Quit Dreamweaver | p. DW 65 |
| Chapter Summary | p. DW 66 |
| Apply Your Knowledge | p. DW 66 |
| Extend Your Knowledge | p. DW 67 |
| Make It Right | p. DW 69 |
| In the Lab | p. DW 70 |
| Cases and Places | p. DW 75 |
| Designing a Web Site Using a Template and CSS | |
| Objectives | p. DW 77 |
| Designing Web Pages with CSS | p. DW 78 |
| Project - Custom Template and Style Sheet | p. DW 78 |
| Overview | p. DW 79 |
| Anatomy of a Style Sheet | p. DW 80 |
| Understanding the Structure of a Style | p. DW 81 |
| Identifying Types of Style Sheets | p. DW 82 |
| Creating a Dreamweaver Web Template | p. DW 84 |
| Organizing the Site Structure | p. DW 84 |
| To Create a New Site | p. DW 86 |
| To Create Folders for the Image and CSS Files | p. DW 87 |
| To Create a Blank HTML Template | p. DW 88 |
| To Save the HTML Page as a Template | p. DW 90 |
| Adding CSS Styles | p. DW 92 |
| To Add a Div Tag | p. DW 93 |
| Setting CSS Rule Definitions | p. DW 97 |
| To Select CSS Rule Definitions | p. DW 97 |
| To Add the Logo Div Tag and Define Its CSS Rules | p. DW 100 |
| To Add the Navigation Div Tag and Define Its CSS Rules | p. DW 104 |
| To Add the Image Div Tag and Define Its CSS Rules | p. DW 107 |
| To Add the Content Div Tag and Define Its CSS Rules | p. DW 109 |
| To Add the Footer Div Tag and Define Its CSS Rules | p. DW 111 |
| Creating an Editable Region of a Template | p. DW 113 |
| To Create an Editable Region | p. DW 113 |
| To Close the Template | p. DW 115 |
| Creating a New Page from a Template | p. DW 115 |
| To Create a Page from a Template | p. DW 115 |
| To View the Site in Live View | p. DW 118 |
| Chapter Summary | p. DW 119 |
| Apply Your Knowledge | p. DW 119 |
| Extend Your Knowledge | p. DW 122 |
| Make It Right | p. DW 123 |
| In the Lab | p. DW 125 |
| Cases and Places | p. DW 136 |
| Adding Graphics and Links | |
| Objectives | p. DW 139 |
| Introduction | p. DW 140 |
| Project - Promotional Images | p. DW 140 |
| Overview | p. DW 142 |
| Modifying a Template | p. DW 143 |
| To Modify a Dreamweaver Template by Editing a CSS Rule | p. DW 144 |
| To Modify a Dreamweaver Template by Adding an Editable Region | p. DW 146 |
| Adding Graphics To the Web Site | p. DW 148 |
| Understanding Image File Formats | p. DW 149 |
| Adding Alt Text to Provide Accessibility | p. DW 150 |
| To Copy Files into the Images Folder | p. DW 150 |
| To Insert a Logo Image in the Template | p. DW 152 |
| Marketing a Site with Facebook and Twitter | p. DW 153 |
| To Insert Social Networking Icons in the Template | p. DW 155 |
| To Insert an Image on the Home Page | p. DW 157 |
| Creating Additional Pages for the Site | p. DW 159 |
| To Create the Services Web Page | p. DW 159 |
| To Create the Portfolio Web Page | p. DW 161 |
| To Create the Pricing Web Page | p. DW 164 |
| To Create the Session Web Page | p. DW 165 |
| To Create the Contact Web Page | p. DW 166 |
| Adding Links to the Gallery Site | p. DW 168 |
| To Add Relative Links to the Gallery Template | p. DW 170 |
| To Add Absolute Links to the Gallery Template | p. DW 172 |
| To Add an E-mail Link to the Gallery Template | p. DW 174 |
| Formatting Links | p. DW 175 |
| To Format a Link as Rollover Text | p. DW 176 |
| Modifying the CSS Style Sheet | p. DW 178 |
| Creating Compound Styles | p. DW 178 |
| To Add New CSS Rules with a Compound Selector | p. DW 178 |
| Adding an Image Placeholder | p. DW 180 |
| To Define an Image Placeholder | p. DW 181 |
| To Replace an Image Placeholder | p. DW 183 |
| To Add Image Placeholders | p. DW 184 |
| Chapter Summary | p. DW 186 |
| Apply Your Knowledge | p. DW 186 |
| Extend Your Knowledge | p. DW 187 |
| Make It Right | p. DW 189 |
| In the Lab | p. DW 190 |
| Cases and Places | p. DW 199 |
| Exploring Tables and Forms | |
| Objectives | p. DW 201 |
| Introduction | p. DW 202 |
| Project - Formatted Tables and Forms | p. DW 202 |
| Overview | p. DW 203 |
| Understanding Tables | p. DW 204 |
| Designing Table Layouts | p. DW 205 |
| Adding a Summary to Provide Accessibility | p. DW 206 |
| To Insert a Table into the Services Page | p. DW 207 |
| To Add Text to the Table | p. DW 209 |
| Formatting Tables | p. DW 210 |
| Setting Cell, Row, and Column Properties | p. DW 211 |
| Selecting Table Elements | p. DW 213 |
| To Format Table Text | p. DW 214 |
| To Format the Table Caption | p. DW 215 |
| Understanding the HTML Structure of a Table | p. DW 216 |
| To Insert a Table into the Pricing Page | p. DW 217 |
| Merging and Splitting Cells in a Table | p. DW 219 |
| To Merge Cells in a Table | p. DW 220 |
| To Add Text to the Pricing Table | p. DW 221 |
| To Align the Table | p. DW 223 |
| To Adjust the Table Width | p. DW 224 |
| To Adjust the Column Width | p. DW 225 |
| Changing the Default Cell Alignment | p. DW 227 |
| To Align Text within a Table Cell | p. DW 228 |
| To Set the Background Color of Cells in a Table | p. DW 229 |
| Understanding How Forms Work | p. DW 231 |
| Creating a Form | p. DW 231 |
| Form Processing | p. DW 231 |
| To Insert a Form into a Web Page | p. DW 232 |
| Using the Form Property Inspector | p. DW 234 |
| To Insert a Table to Design the Form | p. DW 235 |
| To Add Labels to the Table | p. DW 236 |
| Adding Form Objects | p. DW 237 |
| Adding Text Fields | p. DW 238 |
| To Add Text Fields to a Form | p. DW 239 |
| Adding a Menu | p. DW 243 |
| To Add a Menu to a Form | p. DW 243 |
| Text Field Properties | p. DW 246 |
| To Add an Initial Value to a Text Field | p. DW 247 |
| Adding Radio Buttons in a Radio Group | p. DW 248 |
| To Add a Radio Group | p. DW 248 |
| To Add Submit and Reset Buttons to a Form | p. DW 250 |
| Chapter Summary | p. DW 253 |
| Apply Your Knowledge | p. DW 254 |
| Extend Your Knowledge | p. DW 255 |
| Make It Right | p. DW 256 |
| In the Lab | p. DW 258 |
| Cases and Places | p. DW 267 |
| Creating Interactive Web Pages with Spry and Adobe Widgets | |
| Objectives | p. DW 269 |
| Introduction | p. DW 270 |
| Project - Interactive Web Pages | p. DW 270 |
| Overview | p. DW 271 |
| Understanding the Spry Framework | p. DW 272 |
| Spry Widget Options | p. DW 273 |
| Adding Spry to a Web Page | p. DW 274 |
| Using Spry Validation Widgets | p. DW 275 |
| To Open the Contact Web Page and Select the Spry Category on the Insert Bar | p. DW 275 |
| To Add Spry Validation to a Required Text Field | p. DW 276 |
| To Add Spry Validation to Another Required Text Field | p. DW 279 |
| To Add Spry Validation to an E-mail Text Field | p. DW 281 |
| To Add Spry Validation to a Phone Number Text Field | p. DW 283 |
| To Add Spry Validation to Another Required Text Field | p. DW 284 |
| To Add Spry Validation to a Radio Group | p. DW 287 |
| To Test the Spry Validation Form in a Browser | p. DW 290 |
| Using Spry Collapsible Panels | p. DW 292 |
| To Add Spry Collapsible Panels to a Web Page | p. DW 292 |
| To Add Panel Headings | p. DW 296 |
| Using the Adobe Widget Browser | p. DW 297 |
| To Check Your Computer for the Adobe AIR Application | p. DW 298 |
| To Download and Install Adobe AIR | p. DW 299 |
| To Create an Adobe Account | p. DW 300 |
| To View and Add Widgets from Adobe Exchange to My Widgets | p. DW 303 |
| Editing and Formatting Widgets | p. DW 306 |
| To Create a Widget Preset for the LightBox Gallery Widget | p. DW 306 |
| Adding an Adobe Widget to a Web Page | p. DW 309 |
| To Add the LightBox Gallery Widget to a Web Page | p. DW 311 |
| To Add Images to the Portrait Photography LightBox Gallery Widget | p. DW 314 |
| To Add Images to the Family Photography LightBox Gallery Widget | p. DW 317 |
| To Add Images to the Baby Photography LightBox Gallery Widget | p. DW 319 |
| Chapter Summary | p. DW 322 |
| Apply Your Knowledge | p. DW 322 |
| Extend Your Knowledge | p. DW 323 |
| Make It Right | p. DW 324 |
| In the Lab | p. DW 325 |
| Cases and Places | p. DW 329 |
| Enhancing Web Pages with Audio and Video | |
| Objectives | p. DW 331 |
| Introduction | p. DW 332 |
| Project - Web Pages with Multimedia | p. DW 332 |
| Overview | p. DW 333 |
| Adding Multimedia with Plug-ins or HTML5 | p. DW 334 |
| Adding Sound | p. DW 335 |
| Understanding Audio Codes | p. DW 336 |
| Embedding a Sound File Using a Plug-In | p. DW 338 |
| To Embed a Background Sound Using a Plug-In | p. DW 338 |
| Setting the Parameters of a Sound File | p. DW 340 |
| To Set the Parameters of a Sound File | p. DW 341 |
| Adding an Audio File with HTML5 Code | p. DW 343 |
| Coding HTML5 Audio | p. DW 344 |
| To Add an Audio File Using HTML5 Code | p. DW 345 |
| To Display and HTML5 Audio Control in Different Browsers | p. DW 348 |
| To Remove an HTML5 Audio Control and Loop | p. DW 350 |
| Adding Video | p. DW 351 |
| Understanding Video Formats | p. DW 351 |
| Embedding a Video File Using a Plug-In | p. DW 351 |
| To Embed a Video Using a Plug-In | p. DW 352 |
| To Set the Parameters of a Video File | p. DW 354 |
| Adding a Video File with HTML5 Code | p. DW 357 |
| Coding HTML5 Video | p. DW 357 |
| To Add a Video File Using HTML5 Code | p. DW 358 |
| Chapter Summary | p. DW 362 |
| Apply Your Knowledge | p. DW 362 |
| Extend Your Knowledge | p. DW 363 |
| Make It Right | p. DW 363 |
| In the Lab | p. DW 365 |
| Cases and Places | p. DW 368 |
| Media Objects, Behaviors, and CSS3 Styling | |
| Objectives | p. DW 369 |
| Introduction | p. DW 370 |
| Project - Designing with Media and Behaviors | p. DW 371 |
| Overview | p. DW 372 |
| Adding Media Objects | p. DW 373 |
| Using Adobe Flash | p. DW 373 |
| Using Shockwave | p. DW 375 |
| Using Java Applets | p. DW 376 |
| Understanding the Structure of an Applet | p. DW 376 |
| To Copy the Applets Folder to the Gallery Site Folder | p. DW 377 |
| To Insert an Applet on a Web Page | p. DW 377 |
| To Modify Applet Properties and Define Applet Parameters | p. DW 381 |
| Using Plug-Ins and Active X | p. DW 385 |
| Inserting Adobe Smart Objects | p. DW 386 |
| Integrating Adobe Fireworks | p. DW 386 |
| Adding Behaviors to Web Pages | p. DW 387 |
| To Insert an Effect Behavior on the Home Page | p. DW 388 |
| To Insert a Pop-up Message on the Contact Page | p. DW 394 |
| Styling Elements with CSS3 | p. DW 397 |
| To Add Rounded Borders to Spry Collapsible Panels | p. DW 398 |
| To Add CSS Properties to Spry Collapsible Panels | p. DW 402 |
| Using the CSS Transitions Panel | p. DW 404 |
| To Add a CSS Transition Using the CSS Transitions Panel | p. DW 404 |
| To Add a Box Shadow to an Image | p. DW 409 |
| Chapter Summary | p. DW 413 |
| Apply Your Knowledge | p. DW 413 |
| Extend Your Knowledge | p. DW 414 |
| Make It Right | p. DW 416 |
| In the Lab | p. DW 417 |
| Cases and Places | p. DW 421 |
| Publishing a Web Site | |
| Objectives | p. DW 423 |
| Introduction | p. DW 424 |
| Project - Testing and Publishing the Gallery Site | p. DW 424 |
| Overview | p. DW 425 |
| Using Copyrighted Material | p. DW 426 |
| Understanding Meta Tags | p. DW 427 |
| Head Content Elements | p. DW 427 |
| To Add Keywords and a Description Meta Tag | p. DW 428 |
| Testing a Web Site | p. DW 431 |
| Testing a Site using Adobe BrowserLab | p. DW 432 |
| To Open Adobe BrowserLab | p. DW 432 |
| To Create a New Browser Set in Adobe BrowserLab | p. DW 435 |
| To Change the View in Adobe BrowserLab | p. DW 438 |
| Testing using the Link Checker | p. DW 439 |
| To Verify Internal Links with the Link Checker | p. DW 440 |
| Proofreading a Web Site | p. DW 443 |
| To Check Spelling | p. DW 444 |
| Publishing to a Web Server | p. DW 445 |
| Defining a Remote Site | p. DW 446 |
| To Define a Remote Site | p. DW 446 |
| Connecting to a Remote Site | p. DW 451 |
| To Connect to a Remote Site | p. DW 451 |
| Uploading Files to a Remote Server | p. DW 452 |
| To Upload Files to a Remote Server | p. DW 452 |
| Web Site Project Management | p. DW 453 |
| Updating the Site | p. DW 454 |
| Chapter Summary | p. DW 454 |
| Apply Your Knowledge | p. DW 454 |
| Extend Your Knowledge | p. DW 455 |
| Make It Right | p. DW 456 |
| In the Lab | p. DW 457 |
| Cases and Places | p. DW 460 |
| Building a Mobile Web Site | |
| Objectives | p. DW 461 |
| Introduction | p. DW 462 |
| Project - Mobile Web Site | p. DW 462 |
| Overview | p. DW 464 |
| Designing for Mobile Devices | p. DW 465 |
| Using jQuery Mobile Tools | p. DW 466 |
| To Create a Mobile Directory and Copy Data Files | p. DW 467 |
| Preparing the Mobile Web Site Structure | p. DW 468 |
| To Create and Save a Page for the Mobile Site | p. DW 468 |
| Creating jQuery Mobile Pages | p. DW 470 |
| Mobile Page Content | p. DW 470 |
| To Create the Home Page for the jQuery Mobile Site | p. DW 471 |
| To Create the Services Page using jQuery Mobile | p. DW 474 |
| To Create the Portfolio Page Using jQuery Mobile | p. DW 475 |
| To Create the Pricing Page using jQuery Mobile | p. DW 476 |
| To Create the Session and Contact Pages using jQuery Mobile | p. DW 478 |
| Adding Content to a Mobile Web Page | p. DW 479 |
| To Add Content to the Gallery Mobile Web Site | p. DW 479 |
| To Add a jQuery Mobile List View UI Widget to the Home Page | p. DW 481 |
| To Add Page Links to the jQuery Mobile List View UI Widget | p. DW 482 |
| To Change the View Size and Display the Mobile Site in Live View | p. DW 485 |
| Using Graphics on a Mobile Page | p. DW 486 |
| To Add a Graphic to the Home Page | p. DW 486 |
| Setting Styles for Mobile Web Pages | p. DW 488 |
| To Modify jQuery Mobile CSS Rules | p. DW 488 |
| To Add Graphics to the Portfolio Page | p. DW 491 |
| Adding Other jQuery Mobile UI Widgets to Mobile Pages | p. DW 493 |
| To Add a jQuery Mobile Collapsible Block UI Widget to the Services Page | p. DW 493 |
| To Add a jQuery Mobile Layout Grid UI Widget to the Pricing Page | p. DW 496 |
| To Add a jQuery Mobile Home Buttons | p. DW 498 |
| To Add and Link jQuery Mobile Buttons to an E-mail Address and Phone Number | p. DW 502 |
| To Add a Title and View the Mobile Web Site in a Browser | p. DW 504 |
| To Use the jQuery Mobile Swatches Panel | p. DW 505 |
| Publishing a Mobile Web Site | p. DW 508 |
| Creating PhoneGap Applications | p. DW 509 |
| Chapter Summary | p. DW 510 |
| Apply Your Knowledge | p. DW 510 |
| Extend Your Knowledge | p. DW 511 |
| Make It Right | p. DW 513 |
| In the Lab | p. DW 514 |
| Cases and Places | p. DW 519 |
| Appendices | |
| Adobe Dreamweaver CS6 Help | |
| Getting Help with Dreamweaver CS6 | p. APP 1 |
| The Dreamweaver Help Menu | p. APP 1 |
| Exploring the Dreamweaver CS6 Help System | p. APP 3 |
| Using the Help and Tutorials List | p. APP 4 |
| To Find Help Using the Help and Tutorials List | p. APP 4 |
| Using the Search Feature | p. APP 5 |
| To Use the Adobe Community Help Search Feature | p. APP 5 |
| Context-Sensitive Help | p. APP 6 |
| To Display Context-Sensitive Help on Text Using the Options Menu | p. APP 6 |
| Using the Reference Panel | p. APP 7 |
| To Use the Reference Panel | p. APP 7 |
| Apply Your Knowledge | p. APP 9 |
| Changing Screen Resolution | |
| Changing Screen Resolution | p. APP 11 |
| To Change the Screen Resolution | p. APP 12 |
| For Mac Users | |
| For the Mac User of this Book | p. APP 15 |
| Keyboard Differences | p. APP 15 |
| To Start Adobe Dreamweaver CS6 | p. APP 16 |
| To Create a New HTML File | p. APP 17 |
| Save a File in Dreamweaver | p. APP 19 |
| Print a File in Dreamweaver | p. APP 19 |
| Close a File in Dreamweaver | p. APP 20 |
| Quit Dreamweaver | p. APP 20 |
| Project Planning Guidelines | |
| Using Project Planning Guidelines | p. APP 21 |
| Determine the Project's Purpose | p. APP 22 |
| Analyze Your Audience | p. APP 22 |
| Gather Possible Content | p. APP 22 |
| Determine What Content to Present to Your Audience | p. APP 22 |
| Summary | p. APP 23 |
| Index | p. IND 1 |
| Quick Reference Summary | p. QR 1 |
| Table of Contents provided by Ingram. All Rights Reserved. |