Page 8 - Adobe Dream Viewer 2021

CONTENTS

Acknowledgements iii Stage 3 / Naming and Titling Documents . . . . . . . . . . 50
Rename Pages for Search Engine Optimization. . . . . . . . . . . . 50

Walk-Through iv Understanding Web File Naming Conventions . . . . . . . . . . . . 51
Create Document Titles for Individual Pages. . . . . . . . . . . . . . 52
Understanding Find and Replace Options. . . . . . . . . . . . . . . . 55
Projects at a Glance vi
Hide Files from a Web Server . . . . . . . . . . . . . . . . . . . . . . . . . 56
Export and Remove the Site Defi nition . . . . . . . . . . . . . . . . . . 57
Getting Started xi Uploading Files to a Server. . . . . . . . . . . . . . . . . . . . . . . . . . . 59

Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
The Dreamweaver User Interface 1
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . . 62
Launch the Dreamweaver Application . . . . . . . . . . . . . . . . . . . 1
Explore the Dreamweaver Workspace . . . . . . . . . . . . . . . . . . . 4 Project 2
Understanding the Common Toolbar . . . . . . . . . . . . . . . . . . . . 5 HTML Book Chapter 65
Create a Saved Workspace. . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Customizing Keyboard Shortcuts . . . . . . . . . . . . . . . . . . . . . . 13 Stage 1 / Preparing the Workspace. . . . . . . . . . . . . . . 67
Explore the Dreamweaver Document Window . . . . . . . . . . . . 14 Defi ne the ATC Site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
Understanding New Feature Guides. . . . . . . . . . . . . . . . . . . . 16 Create a New HTML Document . . . . . . . . . . . . . . . . . . . . . . . 68
Preview Files in Dreamweaver Live View. . . . . . . . . . . . . . . . . 21 Understanding Element Names, Tags, and Attributes . . . . . . . 70
Preview a File in a Browser. . . . . . . . . . . . . . . . . . . . . . . . . . . 24 Stage 2 / Working with Semantic Markup . . . . . . . . . 70
Remove a Site from Dreamweaver . . . . . . . . . . . . . . . . . . . . . 26 Paste Text Content in Design View. . . . . . . . . . . . . . . . . . . . . 71
Format Headings in Design View . . . . . . . . . . . . . . . . . . . . . . 75
Project 1 Formatting Text with the Properties Panel . . . . . . . . . . . . . . . 75
Bistro Site Organization 27 Format a Blockquote and Inline Quote . . . . . . . . . . . . . . . . . . 77
Mark up Abbreviations in Code View . . . . . . . . . . . . . . . . . . . 80
Stage 1 / Exploring Site Structure. . . . . . . . . . . . . . . . 29
Format with Strong and Em Elements. . . . . . . . . . . . . . . . . . . 83
Create a New Site Defi nition . . . . . . . . . . . . . . . . . . . . . . . . . 29
Understanding Code View Formatting . . . . . . . . . . . . . . . . . . 83
Examine the Site Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
Stage 3 / Working with Special Characters. . . . . . . . . 85
Plan Folder Organization . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
Insert Special Characters . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85
Sort and Move Site Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Create a Table of Quote Characters . . . . . . . . . . . . . . . . . . . . 87
Stage 2 / Organizing the Site Navigation . . . . . . . . . . 37
More about Working with HTML Tables . . . . . . . . . . . . . . . . . 88
Changing the Update Preferences . . . . . . . . . . . . . . . . . . . . . 37
Use the Insert Other Character Dialog Box . . . . . . . . . . . . . . . 90
Create Hyperlinks Within the Site . . . . . . . . . . . . . . . . . . . . . . 38
Insert Special Characters in Code . . . . . . . . . . . . . . . . . . . . . . 93
The HTML Insert Panel In Depth. . . . . . . . . . . . . . . . . . . . . . . 40
Stage 4 / Creating Lists . . . . . . . . . . . . . . . . . . . . . . . . 94
Copy and Paste Links. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Adjust Relative Link Paths . . . . . . . . . . . . . . . . . . . . . . . . . . . 47 Create an Ordered List of Web Resources. . . . . . . . . . . . . . . . 94
Create an Unordered List of Navigation Links. . . . . . . . . . . . . 96
Create an Email Link . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
Stage 5 / Attaching an External CSS File. . . . . . . . . . . 97
Add Tags and Element IDs . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
Attach the CSS File . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101
Learning about HTML5 Tags. . . . . . . . . . . . . . . . . . . . . . . . . 104
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105

Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . 106

viii