Page 10 - Adobe Photoshop and Dreamviewer 2021
P. 10
CONTENTS
The Dreamweaver Project 6
User Interface 271 HTML Book Chapter 327
Launch the Dreamweaver Application . . . . . . . . . . . . . . . . . 271 Stage 1 / Preparing the Workspace. . . . . . . . . . . . . . 329
Explore the Dreamweaver Workspace . . . . . . . . . . . . . . . . . 274 Defi ne the ATC Site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 329
Understanding the Common Toolbar . . . . . . . . . . . . . . . . . . 275 Create a New HTML Document . . . . . . . . . . . . . . . . . . . . . . 330
Understanding New Feature Guides. . . . . . . . . . . . . . . . . . . 279 Understanding Element Names, Tags, and Attributes . . . . . . 332
Preview Files in Dreamweaver Live View. . . . . . . . . . . . . . . . 282
Stage 2 / Working with Semantic Markup . . . . . . . . 332
Preview a File in a Browser. . . . . . . . . . . . . . . . . . . . . . . . . . 285
Paste Text Content in Design View. . . . . . . . . . . . . . . . . . . . 333
Remove a Site from Dreamweaver . . . . . . . . . . . . . . . . . . . . 287
Format Headings in Design View . . . . . . . . . . . . . . . . . . . . . 337
Formatting Text with the Properties Panel . . . . . . . . . . . . . . 337
Project 5 Format a Blockquote and Inline Quote . . . . . . . . . . . . . . . . . 339
Bistro Site Organization 289 Mark up Abbreviations in Code View . . . . . . . . . . . . . . . . . . 342
Stage 1 / Exploring Site Structure. . . . . . . . . . . . . . . 291 Format with Strong and Em Elements. . . . . . . . . . . . . . . . . . 345
Create a New Site Defi nition . . . . . . . . . . . . . . . . . . . . . . . . 291 Understanding Code View Formatting . . . . . . . . . . . . . . . . . 345
Examine the Site Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293 Stage 3 / Working with Special Characters. . . . . . . . 347
Plan Folder Organization . . . . . . . . . . . . . . . . . . . . . . . . . . . 295 Insert Special Characters . . . . . . . . . . . . . . . . . . . . . . . . . . . 347
Sort and Move Site Files . . . . . . . . . . . . . . . . . . . . . . . . . . . 296 Create a Table of Quote Characters . . . . . . . . . . . . . . . . . . . 349
Stage 2 / Organizing the Site Navigation . . . . . . . . . 299 More about Working with HTML Tables . . . . . . . . . . . . . . . . 350
Changing the Update Preferences . . . . . . . . . . . . . . . . . . . . 299 Use the Insert Other Character Dialog Box . . . . . . . . . . . . . . 352
Create Hyperlinks Within the Site . . . . . . . . . . . . . . . . . . . . . 300 Insert Special Characters in Code . . . . . . . . . . . . . . . . . . . . . 355
The HTML Insert Panel In Depth. . . . . . . . . . . . . . . . . . . . . . 302 Stage 4 / Creating Lists . . . . . . . . . . . . . . . . . . . . . . . 356
Copy and Paste Links. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307 Create an Ordered List of Web Resources. . . . . . . . . . . . . . . 356
Adjust Relative Link Paths . . . . . . . . . . . . . . . . . . . . . . . . . . 309 Create an Unordered List of Navigation Links. . . . . . . . . . . . 358
Create an Email Link . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .311
Stage 5 / Attaching an External CSS File. . . . . . . . . . 359
Stage 3 / Naming and Titling Documents . . . . . . . . . .312 Add Tags and Element IDs . . . . . . . . . . . . . . . . . . . . . . . . . . 359
Rename Pages for Search Engine Optimization. . . . . . . . . . . 312 Attach the CSS File . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363
Understanding Web File Naming Conventions . . . . . . . . . . . 313 Learning about HTML5 Tags. . . . . . . . . . . . . . . . . . . . . . . . . 366
Create Document Titles for Individual Pages. . . . . . . . . . . . . 314
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 367
Understanding Find and Replace Options. . . . . . . . . . . . . . . 317
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . 368
Hide Files from a Web Server . . . . . . . . . . . . . . . . . . . . . . . . 318
Export and Remove the Site Defi nition . . . . . . . . . . . . . . . . . 319
Uploading Files to a Server. . . . . . . . . . . . . . . . . . . . . . . . . . 321
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . 324
x

