Learning DreamWeaver MX 2004

Transcription

1 Contents Users Notes Software Requirements...xi The DW Support Files...xi Copying the DW Support Files...xi Windows Systems...xi Macintosh Systems...xi Using the Activities in Schools... xii The Chapter Format... xii Assignments and Projects... xii The Insert Bar... xii Chapter 1: Introduction to DreamWeaver MX 2004 Design Considerations Types of Graphics Backgrounds and Text Planning the Navigation The DreamWeaver Screen The Insert Bar The Document Window The Document Toolbar The Properties Inspector The Status Bar The Panel Group Creating a Site Creating a Root Folder Entering the Site Settings Adding a Page to the Site Saving the Page Page Titles DreamWeaver Assignment

2 Chapter 2: Entering Text and Graphics Creating a Home Page Entering the Text Formatting the Text Inserting an Image Adjusting the Size of an Image Wrapping Text Around Images Adding a Background Using a Colour Background Using an Image as a Background Changing the Text Colour Adding a Horizontal Rule Viewing the Page in a Browser DreamWeaver Assignment Chapter 3: Using Tables Creating a Packages Page Formatting the Text Adding a Horizontal Rule Inserting a Table Adjusting the Table Adjusting the Row Height Using Rulers and Grids Adjusting the Column Width Inserting Graphics into the Table Inserting an Image About Europe Inserting an Image About the USA Inserting an Image About South America Centring the Images Inserting Text into the Table Adjusting the Text in the Table Adding a Background Further Table Adjustments DreamWeaver Assignment C-2

3 Contents Chapter 4: Creating Links Linking Text Creating the Link Table Formatting the Table Creating the Hyperlinks Testing the Links Adjusting the Hyperlink Text Colour Linking Images Inserting the Images Linking the Images Providing Links in the Packages Page Links Within a Page Loading the Prepared Page Setting the Anchor Points Setting the Anchor Links Testing the Anchor Links Updating the Button Links Image Maps Loading the Map Files Setting the Hotspot Links Testing the Links Updating the Button Links Looking at the Site DreamWeaver Assignment Chapter 5: Creating Forms Starting the Form Creating a Blank Page Inserting the Form Tag Entering the Text of the Form Adding the Sub-Heading Entering a Message Entering the Customer Details Inserting the Table Entering the Sub-headings Inserting the Fields Inserting a Pop-Up Menu Previewing the Form C-3

4 Entering the Travel Packages Inserting the Table Entering the Sub-Headings Inserting the Fields Splitting Cells The Reply Section Inserting the Table Entering the Items The Submit and Reset Buttons Naming the Form Adding Buttons to the Orders Page DreamWeaver Assignment Chapter 6: Site Assets and Library Items The Assets Panel Using the Assets Panel Loading the Prepared Page Applying Assets Adding a Background Image Using Library Items Creating an Update Message Using the Library Item Editing the Library Item Creating a Navigation Library Item Placing the Links Table in the Library Items Inserting the Library Item in Other Pages Adding the Links Table to the Airlines Page Updating the Navigation Bar Looking at the Library Items DreamWeaver Assignment Chapter 7: Using Frames Inserting Frames on a Page Deleting Frames Using Preset Frames C-4

5 Contents Saving the Frameset and the frames Saving the Frameset Saving Individual Frames Setting Frame Properties Naming Frames Completing the Banner Frame Completing the Contents Frame Placing a Page into the Main Frame Adjusting the Frames Linking Pages Previewing the Site DreamWeaver Assignment Chapter 8: Enhancing Web Pages Setting a Navigation Bar Inserting the Navigation Bar Inserting the Home Buttons Setting the Navigation Bar Direction Inserting the Packages Buttons Inserting the Travel Tips Buttons Inserting the Tours Buttons Inserting the Orders Buttons Completing the Navigation Bar Editing Navigation Bar Elements Flash Text and Flash Buttons Flash Text Inserting Flash Text Changing the Background Flash Buttons Removing the Current Buttons Inserting the Home Button Inserting the Packages Button Inserting the Other Buttons Playing the Flash Buttons Using Flash Text as a Button DreamWeaver Assignment DreamWeaver Project 1 C-5

6 Chapter 9: Using Layers Creating the Specials Page Creating a Title Layer Creating Some Image Layers The First Image Layer The Second Image Layer The Third Image Layer Moving Layers Placing a Table in a Layer Adding a Background to the Page Adjusting Layers Adding the Page to the etravel Site Converting Layers to Tables DreamWeaver Assignment Chapter 10: Using Templates and Layout Tools Saving a New Index Page Creating a Template Laying out the Page Saving the Page as a Template Adding a Logo Setting the Background Adding Navigation Buttons Adjusting Layout Cells Setting Editable Regions in the Template Using the Template Applying the Template Inserting the Index Page Content Adding Links Creating the Packages Page Creating the Orders Page Linking the Buttons Checking the Template Pages Advantages of Templates DreamWeaver Assignment C-6

7 Contents Chapter 11: Using Styles Cascading Style Sheets Internal Custom Styles Creating a New Style Applying the Style Creating a Body Style Editing Styles External Custom Styles Loading the Sample Page Creating the Body Text Style Applying the Body Text Style The Sub-Head Style The Main Head Style Using the Styles Adjusting the Body Text Style Using the Styles in Other Pages Placing Styles in Templates Adding Styles to the Template Adding the Table Heading Style Applying the Style Adding the Links Using the Properties Inspector to Edit Styles DreamWeaver Assignment Chapter 12: Using Behaviours The Behaviours Panel Setting Rollover Images Popup Messages A Popup Dialogue Box Setting Status Bar Messages Deleting a Behaviour Adding Help Messages Creating a New Page Setting the Layer Adding a Behaviour Making the Layer Invisible Previewing the Page C-7

8 Validating Forms Opening the Orders Page Setting Required Fields Setting an Field Validating Numbers Editing a Behaviour Providing Pop-Up Menus Opening the Prepared Page Setting the Links Setting the Pop-up Behaviour Setting the Menu Contents Setting the Menu Appearance Setting the Advanced Menu Options Setting the Menu Position Saving the Page as a Template DreamWeaver Assignment Chapter 13: Editing and Importing Tools Editing Images Cropping an Image The Reshape Tool Brightness and Contrast The Sharpen Tool Importing Microsoft Word Documents Opening the Prepared Word Document Copying the Microsoft Word Text Pasting the Text into DreamWeaver Moving the Image Adding a Word Table to the Page Copying the Table Pasting the Table into DreamWeaver Adjusting the Table DreamWeaver Assignment C-8

9 Contents Chapter 14: Creating Commands Creating a Table Command Inserting the Table Formatting the Table Saving the Table Command Using the Table Command Formatting Image Sizes Setting the Image Size Creating the Image Size Command Applying the Command Managing Commands DreamWeaver Assignment Chapter 15: Working With Code Using HTML Code Copying HTML Code Setting Tags directly on Text Using Snippets Preset Snippets Creating Your Own Snippets Using the Snippet Adding Images to Snippets DreamWeaver Assignment Chapter 16: Checking and Uploading Web Files Browser Checks Selecting the Browsers Running the Browser Check Other Reports The Link Checker Cloaking Cloaking the Frames Folder Cloaking File Types C-9

10 Uploading Files Adjusting the Site Settings Uploading the Site Files Changing Some Files Synchronising Files DreamWeaver Assignment DreamWeaver Project 2 C-10