Page 8 - Adobe Dream Viewer CC 2020

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 Definition . . . . . . . . . . . . . . . . . . 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 Define the ATC Site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
Understanding New Feature Guides . . . . . . . . . . . . . . . . . . . . 16 Create a New HTML Document . . . . . . . . . . . . . . . . . . . . . . . 68
Preview Files in Dreamweaver Live View . . . . . . . . . . . . . . . . . 21 Stage 2 / Working with Semantic Markup . . . . . . . . . 70
Preview a File in a Browser . . . . . . . . . . . . . . . . . . . . . . . . . . . 24 Paste Text Content in Design View . . . . . . . . . . . . . . . . . . . . . 70
Remove a Site from Dreamweaver . . . . . . . . . . . . . . . . . . . . . 26 Understanding Element Names, Tags, and Attributes . . . . . . . 72
Formatting Text with the Properties Panel . . . . . . . . . . . . . . . 74
Project 1 Format Headings in Design View . . . . . . . . . . . . . . . . . . . . . . 74
Bistro Site Organization 27 Format a Blockquote and Inline Quote . . . . . . . . . . . . . . . . . . 76
Mark up Abbreviations in Code View . . . . . . . . . . . . . . . . . . . 79
Stage 1 / Exploring Site Structure . . . . . . . . . . . . . . . . 29
Understanding Code View Formatting . . . . . . . . . . . . . . . . . . 82
Create a New Site Definition . . . . . . . . . . . . . . . . . . . . . . . . . 29
Format with Strong and Em Elements . . . . . . . . . . . . . . . . . . . 82
Examine the Site Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
Stage 3 / Working with Special Characters . . . . . . . . . 84
Plan Folder Organization . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
Insert Special Characters . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84
Sort and Move Site Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Create a Table of Quote Characters . . . . . . . . . . . . . . . . . . . . 86
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 . . . . . . . . . . . . . . . 89
Create Hyperlinks Within the Site . . . . . . . . . . . . . . . . . . . . . . 38
Insert Special Characters in Code . . . . . . . . . . . . . . . . . . . . . . 92
The HTML Insert Panel In Depth . . . . . . . . . . . . . . . . . . . . . . . 40
Stage 4 / Creating Lists . . . . . . . . . . . . . . . . . . . . . . . . 93
Copy and Paste Links . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Adjust Relative Link Paths . . . . . . . . . . . . . . . . . . . . . . . . . . . 47 Create an Ordered List of Web Resources . . . . . . . . . . . . . . . . 93
Create an Unordered List of Navigation Links . . . . . . . . . . . . . 95
Create an Email Link . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
Stage 5 / Attaching an External CSS File . . . . . . . . . . . 96
Add Tags and Element IDs . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
Attach the CSS File . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100
Learning about HTML5 Tags . . . . . . . . . . . . . . . . . . . . . . . . . 103
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104

Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . 105

viii