Note: Supplemental materials are not guaranteed with Rental or Used book purchases.
- ISBN: 9781133525936 | 1133525938
- Cover: Paperback
- Copyright: 11/1/2012
ADOBE DREAMWEAVER CS6: COMPREHENSIVE, 1E follows the Shelly Cashman Series proven step-by-step, screen-by-screen approach to teaching the Adobe Dreamweaver CS6 software.
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. DW 9 |
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. |
What is included with this book?
The New copy of this book will include any supplemental materials advertised. Please check the title of the book to determine if it should include any access cards, study guides, lab manuals, CDs, etc.
The Used, Rental and eBook copies of this book are not guaranteed to include any supplemental materials. Typically, only the book itself is included. This is true even if the title states it includes any access cards, study guides, lab manuals, CDs, etc.