Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

Size: px

Start display at page:

Download "Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10"

Octavia Watkins
5 years ago
Views:

CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window.

..16 Chapter 2 Working with Dreamweaver Sites 17 Setting up Dreamweaver Sites...18 About Dreamweaver Sites... 18 Understanding Local and Remote Folder Structure... 19 Using the Manage Sites Dialog-Box.

1 CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties Inspector... 7 Panel Groups... 8 Creating New Webpages...10 Creating New Blank Webpage Creating New Template Webpage Saving and Closing a Webpage...14 Summary...16 Chapter 2 Working with Dreamweaver Sites 17 Setting up Dreamweaver Sites...18 About Dreamweaver Sites Understanding Local and Remote Folder Structure Using the Manage Sites Dialog-Box Setting up and Editing the Local Root Folder Setting up Remote Folder Setting up a Testing Server Specifying URL Prefix for Testing Server Editing an Existing Remote Site in Dreamweaver Removing a Website from the List of Sites Exporting and Importing a Site Using Site Maps...30 Showing or Hiding Site Map Files Setting the Site Map as an Image Setting the Site Map Layout Preferences Working with a Webpage without Defining a Site...34 Connecting to an FTP Server without Defining a Site Understanding Basic Tab Options...36 Summary...39 Chapter 3 Working with Webpages 41 Designing Your First Webpage...42 Creating a Heading Adding Fonts v

2 Dreamweaver CS3 in Simple Steps Adding Paragraphs and Line Breaks Adding Images Setting Page Properties...46 Appearance Links Headings Title/Encoding Tracing Image...49 Working with Links...49 About Document Location and Paths Linking Pages...50 Linking Pages Within a Website Setting Links to Named Anchors Within a Webpage Linking to Another Website Setting a Link to an Address Using Jump Menus...59 Inserting the Jump Menu Modifying the Jump Menu Navigation Bars...63 Inserting the Navigation Bar Modifying the Navigation Bar Image Maps...67 Inserting the Image Map Modifying the Image Map Using Search and Replace Feature For Text...70 Previewing Webpage in Web Browser...72 Previewing the Webpage through Device Central...73 Summary...74 Chapter 4 Working with HTML Tables and Frames 75 vi Creating HTML Tables...76 Creating Tables in Standard Mode...79 Merging and Splitting Table Cells Formatting Multiple Cells in a Table Controlling Cell Options Sorting Table Data...86 Importing Table Data from Other Program...88 Applying Tables for Spacing and Alignment...92 Applying Tables to Design Forms Applying Nested Tables About Framework...98 Understanding HTML Frames...99 Creating Frames in Dreamweaver... 99

3 Contents Saving Files in Frameset Setting Targets and Links in Frames Naming Frames Settings Links to a Target Frames Comparing Target Options Changing Frame Properties Changing Frame Borders Changing Frame Sizes Changing Scrolling and Resizing Options Setting Margins Height and Width Summary Chapter 5 Adding Graphics 111 Selecting the Best Image Format Using Photoshop to Save and Edit Images Preparing Images for the Web Modifying JPEG Images in Photoshop Modifying GIF Images in Photoshop Inserting Images on WebPages Aligning Images on WebPages Positioning Images in an HTML Table Editing an Image in Dreamweaver Cropping an Image Adjusting Brightness and Contrast Sharpening an Image Modifying Images in Dreamweaver Inserting a Background Color Summary Chapter 6 Introduction to Cascading Style Sheets 131 Understanding Cascading Style Sheets CSS Rules Cascading Styles Shorthand CSS Properties Understanding CSS Style Panel Setting CSS Style Preferences Creating a New CSS Rule Editing the CSS Rule Adding Property to CSS Rule Moving CSS Rules Working with External CSS Files Creating an External Style Sheet Linking to An External Style Sheet vii

4 Dreamweaver CS3 in Simple Steps viii Editing a CSS File Using Design-Time Style Sheet Using Dreamweaver Style Sheet Formatting CSS Code Working with CSS Layouts Understanding CSS Page Layout Creating a Webpage with CSS Layout Working with AP Div Elements Insert an AP Div Element Setting Preferences for AP Element Setting Properties for AP Elements Understanding AP Element Panel Overview Editing AP Elements Summary Chapter 7 Working with Templates 167 Templates Creating the Dreamweaver Template Creating Blank Templates Creating a Template from an Existing webpage Using the Asset Panel to Create a Template Creating Editable Regions Inserting an Editable Region Change an Editable Region Remove an Editable Region Creating Repeating Regions Create a Repeating Region in a Template Inserting a Repeating Table Set Background Color in Repeating Table Using Optional Regions Inserting a Non Editable Optional Region Inserting an Editable Optional Region Set Values for Optional Region Setting Tag Attributes Making Tag Attribute Editable Make an Editable Tag Attribute Un-editable Nested Templates Creating Nested Templates Prevent an Editable Region Passing Through a Nested Template Editing, Updating and Deleting Template Content Rename a Template Open a Template for Editing Delete a Template File Exporting a Template-Based Website...200

5 Contents Applying and Removing a Template from an Existing webpage Apply a Template to an Existing webpage Detach a Document from a Template Modify Template Properties Using Find and Replace Features to Change Tag Attributes Summary Chapter 8 Working with Active Contents and HTML Forms 207 Dreamweaver and Flash Inserting SWF File Creating and Inserting a Flash Button Inserting a Flash Text Object Inserting Flash Video Managing Extensions in Dreamweaver HTML Form Controls Inserting Radio Buttons and Check Boxes Inserting Drop down List Inserting Text Field and Text Area Inserting Submit Button and Reset Button Working with Java Script Behaviors Events and Actions Using Behaviors Panel for Binding Events and Actions Summary Chapter 9 Finalizing the Site 235 Using Browser Compatibility Feature Testing Site in Specific Web Browser Version Working with Broken Links Managing Linked Files Publishing the Website Using Dreamweaver s Publishing Tools Placing your Website Online Changing Local and Remote Sites Setting Cloaking Options Cloaking and Uncloaking Site Folders Site Management Using the Testing Server Option Using the Check In and Check Out Option Working with the Design Notes Option Activating Site Map Layout Using the File View Columns Option Summary ix

Learning Adobe DreamWeaver CC. Module 1 Contents. Chapter 1: Introduction to DreamWeaver CC

Learning Adobe DreamWeaver CC. Module 1 Contents. Chapter 1: Introduction to DreamWeaver CC Module 1 Contents Chapter 1: Introduction to DreamWeaver CC Design Considerations...1-1 Types of Graphics...1-2 Backgrounds and Text...1-2 Planning the Navigation...1-2 The DreamWeaver Screen...1-3 Workspaces...