Adobe Dreamweaver CC Classroom in a Book (2019 Release)

Cover Page......Page 30
Title Page......Page 31
Copyright Page......Page 32
Where are the Lesson Files?......Page 34
Contents......Page 36
Conventions used in this book......Page 45
Windows vs. macOS instructions......Page 47
Installing the program......Page 48
Updating Dreamweaver to the latest version......Page 49
Online content......Page 50
Bonus material......Page 52
Choosing the program color theme......Page 53
Setting up the workspace......Page 54
Defining a Dreamweaver site......Page 55
Checking for updates......Page 59
Additional resources......Page 60
1 Customizing Your Workspace......Page 62
Touring the workspace......Page 63
Using the Start Screen......Page 65
Exploring New Feature guides......Page 68
Setting interface preferences......Page 69
Switching and splitting views......Page 72
Selecting a workspace layout......Page 76
Working with panels......Page 77
Personalizing Dreamweaver......Page 82
Working with Extract......Page 83
Working with toolbars......Page 84
Creating custom keyboard shortcuts......Page 86
Using the Property inspector......Page 88
Using the Related Files interface......Page 89
Using tag selectors......Page 90
Using the CSS Designer......Page 91
Using the Visual Media Query (VMQ) interface......Page 97
Using element dialogs, displays, and inspectors......Page 98
Setting up version control in Dreamweaver......Page 100
Exploring, experimenting, and learning......Page 101
Review answers......Page 102
2 HTML Basics......Page 103
What is HTML?......Page 104
Where did HTML begin?......Page 105
Frequently used HTML elements......Page 107
What’s new in HTML5......Page 109
Review answers......Page 111
Lesson overview......Page 112
Writing your own HTML code......Page 113
3 CSS Basics......Page 130
What is CSS?......Page 131
HTML vs. CSS formatting......Page 132
HTML defaults......Page 135
CSS box model......Page 138
Applying CSS styling......Page 139
Multiples, classes, and ids, oh my!......Page 154
Review answers......Page 159
Lesson overview......Page 160
Previewing the completed file......Page 161
Formatting text......Page 164
Formatting objects......Page 185
4 Web Design Basics......Page 216
Developing a new website......Page 217
Scenario......Page 220
Working with thumbnails and wireframes......Page 221
Review questions......Page 225
Review answers......Page 226
Lesson overview......Page 227
5 Creating a Page Layout......Page 238
Evaluating page design options......Page 239
Working with predefined layouts......Page 242
Styling an existing layout......Page 244
Styling elements using the Extract panel......Page 247
Extracting text from a Photoshop mockup......Page 251
Troubleshooting CSS styling......Page 254
Extracting text styling from a Photoshop mockup......Page 256
Creating a gradient background using Extract......Page 258
Extracting image assets from a mockup......Page 263
Adding CSS background effects in code......Page 269
Finishing up the layout......Page 274
Review answers......Page 282
6 Working with Templates......Page 284
Creating a template from an existing layout......Page 285
Inserting editable regions......Page 287
Inserting HTML entities......Page 296
Inserting metadata......Page 297
Validating HTML code......Page 301
Producing child pages......Page 302
Moving CSS styles to a linked file......Page 312
Updating a template......Page 316
Review questions......Page 323
Review answers......Page 324
7 Working with Text, Lists, and Tables......Page 325
Previewing the completed file......Page 326
Creating and styling text......Page 329
Creating lists......Page 342
Creating and styling tables......Page 352
Spell-checking webpages......Page 377
Finding and replacing text......Page 380
Optional self-paced exercise......Page 384
Review answers......Page 385
8 Working with Images......Page 386
Web image basics......Page 387
Previewing the completed files......Page 393
Inserting an image......Page 395
Controlling image positions with CSS classes......Page 398
Working with the Insert panel......Page 399
Using the Insert menu......Page 402
Inserting non-web file types......Page 403
Working with Photoshop Smart Objects (optional)......Page 408
Copying and pasting images from Photoshop (optional)......Page 410
Inserting images by drag and drop......Page 416
Optimizing images with the Property inspector......Page 417
Review questions......Page 420
Review answers......Page 421
9 Working with Navigation......Page 422
Hyperlink basics......Page 423
Previewing the completed file......Page 425
Creating internal hyperlinks......Page 428
Creating an external link......Page 437
Setting up email links......Page 441
Creating an image-based link......Page 443
Targeting page elements......Page 446
Locking an element on the screen......Page 453
Styling a navigation menu......Page 454
Checking your page......Page 458
Adding destination links (optional)......Page 459
Review answers......Page 460
10 Adding Interactivity......Page 462
Learning about Dreamweaver behaviors......Page 463
Previewing the completed file......Page 466
Working with Dreamweaver behaviors......Page 467
Inserting a jQuery accordion widget......Page 478
Styling a jQuery accordion......Page 482
Review answers......Page 497
11 Publishing to the Web......Page 498
Defining a remote site......Page 499
Cloaking folders and files......Page 509
Wrapping things up......Page 511
Putting your site online (optional)......Page 514
Synchronizing local and remote sites......Page 518
Review answers......Page 522
12 Working with Code......Page 524
Creating HTML code......Page 525
Working with multicursor support......Page 533
Commenting your code......Page 535
Working with CSS preprocessors......Page 536
Selecting code......Page 552
Collapsing code......Page 555
Accessing Split Code view......Page 556
Previewing assets in Code view......Page 557
Review answers......Page 559
13 Designing for Mobile Devices......Page 560
Responsive design......Page 561
Media type properties......Page 566
Media query syntax......Page 567
Working with the Visual Media Queries interface......Page 568
Introducing web frameworks......Page 571
Identifying the Bootstrap structure......Page 572
Creating a Bootstrap layout......Page 574
Review questions......Page 584
Review answers......Page 585
Appendix: Tiny URLs......Page 586
Index......Page 588
Lesson overview......Page 619
Creating a responsive site template......Page 620
Creating a responsive template......Page 636
Transferring content to a responsive template......Page 653
Managing components in Bootstrap......Page 671
Creating a responsive template......Page 676
Applying a new template to existing pages......Page 678
Review questions......Page 682
Review answers......Page 683
Lesson overview......Page 684
Updating responsive design......Page 685
Adapting content to responsive design......Page 701
Adapting tables to a Bootstrap layout......Page 711
Adapting images to smaller screens......Page 723
Hiding components on a responsive layout......Page 726
Trouble-shooting an interactive element......Page 728
Previewing pages using Real-Time Preview......Page 735
Fixing issues for mobile design and desktop......Page 741
Review answers......Page 753
Lesson overview......Page 755
Understanding web animation and video......Page 756
Previewing the completed file......Page 757
Adding web animation to a page......Page 758
Adding web video to a page......Page 767
Don’t host your own videos......Page 776
Review answers......Page 777