| |
| |
| Preface | |
| |
| |
| Introduction: Web Site Development and Macromedia Dreamweaver 8 | |
| |
| |
| Objectives | |
| |
| |
| The Internet | |
| |
| |
| The World Wide Web and Web Browsers | |
| |
| |
| Accessing the Web | |
| |
| |
| Web Browsers | |
| |
| |
| Types of Web Sites | |
| |
| |
| Planning a Web Site | |
| |
| |
| Planning Basics - Purpose | |
| |
| |
| Planning Basics - Content | |
| |
| |
| Web Site Navigation | |
| |
| |
| Design Basics - Navigation Map | |
| |
| |
| Developing a Web Site | |
| |
| |
| Development Basics - Typography, Images, Page Layout, and Color | |
| |
| |
| Reviewing and Testing a Web Site | |
| |
| |
| Publishing a Web Site | |
| |
| |
| Publishing Basics - Domain Name, Server Space, and Uploading | |
| |
| |
| Maintaining a Web Site | |
| |
| |
| Methods and Tools Used to Create Web Pages | |
| |
| |
| Web Site Languages | |
| |
| |
| Web Page Authoring Programs | |
| |
| |
| Macromedia Dreamweaver 8 | |
| |
| |
| Summary | |
| |
| |
| Learn It Online | |
| |
| |
| Apply Your Knowledge | |
| |
| |
| In the Lab | |
| |
| |
| Cases and Places | |
| |
| |
| |
| Creating a Dreamweaver Web Page and Local Site | |
| |
| |
| Objectives | |
| |
| |
| What Is Macromedia Dreamweaver 8? | |
| |
| |
| Project One - Colorado Parks | |
| |
| |
| Starting Dreamweaver | |
| |
| |
| The Dreamweaver Workspace | |
| |
| |
| Title Bar | |
| |
| |
| Document Window | |
| |
| |
| Panels and Panel Groups | |
| |
| |
| Status Bar | |
| |
| |
| Vertical Bar | |
| |
| |
| Menu Bar | |
| |
| |
| Toolbars | |
| |
| |
| Opening and Closing Panels | |
| |
| |
| Defining a Local Site | |
| |
| |
| Creating the Local Root Folder and Subfolders | |
| |
| |
| Using Site Definition to Create a Local Site | |
| |
| |
| Copying Data Files to the Colorado Parks Folder | |
| |
| |
| Removing or Editing a Web Site | |
| |
| |
| Saving a Web Page and Preparing Your Workspace | |
| |
| |
| Rulers | |
| |
| |
| The Index Page | |
| |
| |
| Web Page Backgrounds | |
| |
| |
| Adding a Background Image | |
| |
| |
| Adding Text to a Web Page | |
| |
| |
| Organizing Your Workspace | |
| |
| |
| Adding Text | |
| |
| |
| Formatting Text | |
| |
| |
| Property Inspector Features | |
| |
| |
| Collapsing/Hiding the Property Inspector | |
| |
| |
| Applying Property Inspector Text-Related Features | |
| |
| |
| Text Headings | |
| |
| |
| Centering Text | |
| |
| |
| Specifying Font Types | |
| |
| |
| Types of Lists | |
| |
| |
| Bold Formatting | |
| |
| |
| Understanding Line Breaks | |
| |
| |
| Web-Safe Colors | |
| |
| |
| Changing Text Color | |
| |
| |
| Web Page Titles | |
| |
| |
| Changing a Web Page Title | |
| |
| |
| Other Web Page Enhancements | |
| |
| |
| Special Characters | |
| |
| |
| Check Spelling | |
| |
| |
| Previewing a Web Page in a Browser | |
| |
| |
| Selecting a Browser | |
| |
| |
| Previewing a Web Page | |
| |
| |
| Printing a Web Page | |
| |
| |
| Dreamweaver Help System | |
| |
| |
| Disabling the Start Page and Quitting Dreamweaver | |
| |
| |
| Starting Dreamweaver and Opening a Web Page | |
| |
| |
| Project Summary | |
| |
| |
| What You Should Know | |
| |
| |
| Learn It Online | |
| |
| |
| Apply Your Knowledge | |
| |
| |
| In the Lab | |
| |
| |
| Cases and Places | |
| |
| |
| |
| Adding Web Pages, Links, and Images | |
| |
| |
| Objectives | |
| |
| |
| Introduction | |
| |
| |
| Project Two - Two New Pages, Links, and Images | |
| |
| |
| Managing a Web Site | |
| |
| |
| Copying Data Files to the Local Web Site | |
| |
| |
| Starting Dreamweaver and Opening a Web Site | |
| |
| |
| Opening a Web Page | |
| |
| |
| The Files Panel | |
| |
| |
| The Home Page and the Site Map | |
| |
| |
| Setting a Home Page | |
| |
| |
| Adding Pages to a Web Site | |
| |
| |
| Opening a New Document Window | |
| |
| |
| Creating the National Parks Web Page | |
| |
| |
| Creating the National Monuments Web Page | |
| |
| |
| Images | |
| |
| |
| Image File Formats | |
| |
| |
| Background Colors and Background Images | |
| |
| |
| Assets Panel | |
| |
| |
| Accessibility | |
| |
| |
| Invisible Elements | |
| |
| |
| Inserting an Image into a Web Page | |
| |
| |
| Property Inspector Image Features | |
| |
| |
| Aligning an Image | |
| |
| |
| Adjusting Space around Images | |
| |
| |
| Image Editing Tools | |
| |
| |
| Understanding Different Types of Links | |
| |
| |
| Named Anchor | |
| |
| |
| Relative Links | |
| |
| |
| Adding Text for the Relative Links | |
| |
| |
| Creating a Relative Link Using Drag-and-Drop | |
| |
| |
| Creating a Relative Link Using the Context Menu | |
| |
| |
| Creating a Relative Link to the Home Page | |
| |
| |
| Creating an Absolute Link | |
| |
| |
| E-Mail Links | |
| |
| |
| Creating an E-Mail Link | |
| |
| |
| Changing the Color of Links | |
| |
| |
| Editing and Deleting Links | |
| |
| |
| The Site Map | |
| |
| |
| Viewing the Site Map | |
| |
| |
| Displaying the Site Map and Local Files | |
| |
| |
| Source Code View | |
| |
| |
| Using Code View and Design View | |
| |
| |
| Modifying Source Code | |
| |
| |
| Formatting Titles for Consistency | |
| |
| |
| Quitting Dreamweaver | |
| |
| |
| Project Summary | |
| |
| |
| What You Should Know | |
| |
| |
| Learn It Online | |
| |
| |
| Apply Your Knowledge | |
| |
| |
| In the Lab | |
| |
| |
| Cases and Places | |
| |
| |
| |
| Tables and Page Layout | |
| |
| |
| Objectives | |
| |
| |
| Introduction | |
| |
| |
| Project Three - Colorado Parks Page Layout | |
| |
| |
| Understanding and Planning Page Layout | |
| |
| |
| Standard Mode and Layout Mode | |
| |
| |
| Copying Data Files to the Local Web Site | |
| |
| |
| Starting Dreamweaver and Opening a Web Site | |
| |
| |
| Adding Pages to a Web Site | |
| |
| |
| Opening a New Document Window | |
| |
| |
| Creating the Rocky Mountain National Park Web Page | |
| |
| |
| Understanding Tables | |
| |
| |
| Inserting a Table into the Rocky Mountain National Park Page | |
| |
| |
| The Insert Bar | |
| |
| |
| Category Types | |
| |
| |
| Layout Category | |
| |
| |
| Table Defaults and Accessibility | |
| |
| |
| Standard Mode | |
| |
| |
| Property Inspector Table Features | |
| |
| |
| Cell, Row, and Column Properties | |
| |
| |
| Table Formatting Conflicts | |
| |
| |
| Understanding HTML Structure within a Table | |
| |
| |
| Selecting the Table and Selecting Cells | |
| |
| |
| Centering a Table | |
| |
| |
| Changing the Default Cell Alignment | |
| |
| |
| Specifying Column Width | |
| |
| |
| Table ID and Accessibility | |
| |
| |
| Adding Text to the Rocky Mountain National Park Web Page | |
| |
| |
| Adding a Second Table to the Rocky Mountain National Park Web Page | |
| |
| |
| Adjusting the Table Width | |
| |
| |
| Editing and Modifying Table Structure | |
| |
| |
| Merging Cells and Adding Images | |
| |
| |
| Creating the Black Canyon/Great Sand Dunes National Park Web Page | |
| |
| |
| Splitting and Merging Cells | |
| |
| |
| Adding a Table Border and a Table Border Color | |
| |
| |
| Layout Mode | |
| |
| |
| Using Visual Guides | |
| |
| |
| Creating a Layout Table for the Mesa Verde National Park Web Page | |
| |
| |
| Layout Table and Layout Cell Properties | |
| |
| |
| Adding Content and Images to the Cells | |
| |
| |
| Centering the Table in Standard Mode | |
| |
| |
| Head Content | |
| |
| |
| Head Content Elements | |
| |
| |
| Publishing a Web Site | |
| |
| |
| Quitting Dreamweaver | |
| |
| |
| Project Summary | |
| |
| |
| What You Should Know | |
| |
| |
| Learn It Online | |
| |
| |
| Apply Your Knowledge | |
| |
| |
| In the Lab | |
| |
| |
| Cases and Places | |
| |
| |
| |
| Forms | |
| |
| |
| Objectives | |
| |
| |
| Introduction | |
| |
| |
| Project 4 - Creating and Using Interactive Forms | |
| |
| |
| Understanding How Forms Work | |
| |
| |
| Form Processing | |
| |
| |
| Copying Data Files to the Local Web Site | |
| |
| |
| Starting Dreamweaver and Opening a Web Site | |
| |
| |
| Form Design | |
| |
| |
| Horizontal Rules | |
| |
| |
| Inserting a Horizontal Rule | |
| |
| |
| Forms and Web Pages | |
| |
| |
| Inserting a Form | |
| |
| |
| Property Inspector Form Properties | |
| |
| |
| Setting Form Properties | |
| |
| |
| Inserting a Table into a Form | |
| |
| |
| Formatting the Table within the Form | |
| |
| |
| Form Objects | |
| |
| |
| Text Fields | |
| |
| |
| Inserting Text in a Form | |
| |
| |
| Single-Line Text Fields | |
| |
| |
| Check Boxes | |
| |
| |
| List/Menu | |
| |
| |
| Pop-Up Menus | |
| |
| |
| Jump Menus | |
| |
| |
| Textarea Text Fields | |
| |
| |
| Form Buttons | |
| |
| |
| Radio Buttons and Radio Button Groups | |
| |
| |
| Form Objects, the Label Button, and Accessibility | |
| |
| |
| Adding a Form to the Volunteer.htm Web Page | |
| |
| |
| Inserting an E-Mail Address Text Box | |
| |
| |
| Radio Groups | |
| |
| |
| Adding Links | |
| |
| |
| Behaviors | |
| |
| |
| Using Behaviors with Forms | |
| |
| |
| Viewing and Testing the Forms | |
| |
| |
| Quitting Dreamweaver | |
| |
| |
| Project Summary | |
| |
| |
| What You Should Know | |
| |
| |
| Learn It Online | |
| |
| |
| Apply Your Knowledge | |
| |
| |
| In the Lab | |
| |
| |
| Cases and Places | |
| |
| |
| |
| Templates and Style Sheets | |
| |
| |
| Objectives | |
| |
| |
| Introduction | |
| |
| |
| Project Five - Creating Templates and Style Sheets | |
| |
| |
| Workspace Organization | |
| |
| |
| Copying Data Files to the Local Web Site | |
| |
| |
| Starting Dreamweaver and Closing Open Panels | |
| |
| |
| Understanding Templates | |
| |
| |
| Creating a Template | |
| |
| |
| Saving a Template | |
| |
| |
| The Dreamweaver Template | |
| |
| |
| Editable and Noneditable Regions | |
| |
| |
| Designing the Template | |
| |
| |
| Adding Tables for Images and Links | |
| |
| |
| Adding Editable Regions | |
| |
| |
| Displaying the Insert Bar Templates Commands | |
| |
| |
| Marking Existing Content as an Editable Region | |
| |
| |
| Introduction to Style Sheets | |
| |
| |
| HTML Styles | |
| |
| |
| Cascading Style Sheets | |
| |
| |
| Conflicting Styles | |
| |
| |
| The CSS Styles Panel | |
| |
| |
| Defining Style Attributes | |
| |
| |
| Adding a Style and Saving the Style Sheet | |
| |
| |
| Style Sheets and Links | |
| |
| |
| Style Sheet Maintenance | |
| |
| |
| Creating the Web Page for the Dinosaur National Monument | |
| |
| |
| Expanded Tables Mode | |
| |
| |
| Quitting Dreamweaver | |
| |
| |
| CSS Style Definition Category Descriptions | |
| |
| |
| What You Should Know | |
| |
| |
| Learn It Online | |
| |
| |
| Apply Your Knowledge | |
| |
| |
| In the Lab | |
| |
| |
| Cases and Places | |
| |
| |
| |
| Layers, Image Maps, and Navigation Bars | |
| |
| |
| Objectives | |
| |
| |
| Introduction | |
| |
| |
| Project Six - Layers, Image Maps, and Navigation Bars | |
| |
| |
| Workspace Organization | |
| |
| |
| Copying Data Files to the Local Web Site | |
| |
| |
| Starting Dreamweaver and Closing Open Panels | |
| |
| |
| Understanding Layers | |
| |
| |
| Layers and DHTML | |
| |
| |
| Layer Property Inspector | |
| |
| |
| Using the Rulers as a Visual Guide | |
| |
| |
| The Layer-Code Marker | |
| |
| |
| The Layers Panel | |
| |
| |
| Adding Objects to Layers | |
| |
| |
| Nesting, Overlapping, and Stacking Layers | |
| |
| |
| Selecting Stacked Layers | |
| |
| |
| Image Maps | |
| |
| |
| Creating a Client-Side Image Map | |
| |
| |
| Behaviors | |
| |
| |
| Adding Behaviors | |
| |
| |
| Positioning Layers | |
| |
| |
| Selecting, Aligning, and Resizing Multiple Layers | |
| |
| |
| The Netscape Resize Fix | |
| |
| |
| The Navigation Bar and Date Object | |
| |
| |
| Preparing the Index Page and Adding the Date Object | |
| |
| |
| Creating a Navigation Bar | |
| |
| |
| Quitting Dreamweaver | |
| |
| |
| Project Summary | |
| |
| |
| What You Should Know | |
| |
| |
| Learn It Online | |
| |
| |
| Apply Your Knowledge | |
| |
| |
| In the Lab | |
| |
| |
| Cases and Places | |
| |
| |
| |
| Page Layout with Frames | |
| |
| |
| Objectives | |
| |
| |
| Introduction | |
| |
| |
| Project Seven - Colorado Parks Web Page Layout with Frames | |
| |
| |
| Workspace Organization | |
| |
| |
| Copying Data Files to the Local Web Site | |
| |
| |
| Advantages and Disadvantages of Frames | |
| |
| |
| Frameset and Frame Basics | |
| |
| |
| Frameset Layout | |
| |
| |
| Creating the Frameset | |
| |
| |
| Frameset Properties | |
| |
| |
| Selecting and Naming Frames and the Frameset | |
| |
| |
| Displaying the Frames Panel | |
| |
| |
| Frames and Framesets | |
| |
| |
| Selecting a Frame | |
| |
| |
| Frames Properties | |
| |
| |
| Naming and Saving the Frames | |
| |
| |
| Deleting a Frame | |
| |
| |
| Naming and Saving the Frameset | |
| |
| |
| Formatting the Frames | |
| |
| |
| The Title_Frame | |
| |
| |
| Adding an Image to the Title_Frame.htm File | |
| |
| |
| The Navigate_Frame | |
| |
| |
| Flash Buttons | |
| |
| |
| Inserting Flash Buttons into the Navigate_Frame | |
| |
| |
| Inserting the Remaining Buttons | |
| |
| |
| Adjusting Column Width | |
| |
| |
| The Content_Frame | |
| |
| |
| Linking and Targeting | |
| |
| |
| Adding a Border and Border Color to the Framesets | |
| |
| |
| Applying the Border and Border Color to the Nested Frameset | |
| |
| |
| Adding a No-Frames Link to the Information Page | |
| |
| |
| Adding a Link to the Colorado Parks Web Site Index Page | |
| |
| |
| Quitting Dreamweaver | |
| |
| |
| What You Should Know | |
| |
| |
| Learn It Online | |
| |
| |
| Apply Your Knowledge | |
| |
| |
| In the Lab | |
| |
| |
| Cases and Places | |
| |
| |
| |
| Animation and Behaviors | |
| |
| |
| Objectives | |
| |
| |
| Introduction | |
| |
| |
| Project Eight - Creating Timeline Animation | |
| |
| |
| Workspace Organization | |
| |
| |
| Copying Data Files to the Local Web Site | |
| |
| |
| Starting Dreamweaver and Closing Open Panels | |
| |
| |
| Preparing the Web Page | |
| |
| |
| Introduction to Timelines | |
| |
| |
| Timeline Features | |
| |
| |
| The Timelines Panel | |
| |
| |
| Nonlinear Animations | |
| |
| |
| Editing a Timeline | |
| |
| |
| Adding Behaviors to the Timeline | |
| |
| |
| Controlling the Timeline | |
| |
| |
| Linear, or Straight-Line, Path Animations | |
| |
| |
| Adding Layers to a Timeline | |
| |
| |
| Adjusting the Number of Frames | |
| |
| |
| Adding Keyframes to Show and Hide Layers | |
| |
| |
| Using Behaviors to Pause the Slides | |
| |
| |
| Previewing a Timeline in the Timelines Panel | |
| |
| |
| Adding a Start Button | |
| |
| |
| Linking to the Tour and Slide Show Pages | |
| |
| |
| Quitting Dreamweaver | |
| |
| |
| What You Should Know | |
| |
| |
| Learn It Online | |
| |
| |
| Apply Your Knowledge | |
| |
| |
| In the Lab | |
| |
| |
| Cases and Places | |
| |
| |
| |
| Media Objects | |
| |
| |
| Objectives | |
| |
| |
| Introduction | |
| |
| |
| Project Nine - Designing with Interactive Media | |
| |
| |
| Workspace Organization | |
| |
| |
| Copying Data Files to the Local Web Site | |
| |
| |
| Starting Dreamweaver and Closing Open Panels | |
| |
| |
| Media Objects | |
| |
| |
| Macromedia Flash | |
| |
| |
| Flash Objects | |
| |
| |
| Adding Flash Text | |
| |
| |
| Editing Flash Text | |
| |
| |
| Flash Movies | |
| |
| |
| Adding a Flash Movie | |
| |
| |
| Adding a Link to Go to the Index Page | |
| |
| |
| Audio on the Web Page | |
| |
| |
| ActiveX versus Plug-ins | |
| |
| |
| Adding Sound to the Splash Page | |
| |
| |
| Embedding an Audio File | |
| |
| |
| To Embed an Audio File | |
| |
| |
| Adding Video to a Web Page | |
| |
| |
| The Results Panel | |
| |
| |
| Using the Link Checker | |
| |
| |
| Checking for Plug-ins | |
| |
| |
| Shockwave | |
| |
| |
| Java Applets | |
| |
| |
| Quitting Dreamweaver | |
| |
| |
| What You Should Know | |
| |
| |
| Learn It Online | |
| |
| |
| Apply Your Knowledge | |
| |
| |
| In the Lab | |
| |
| |
| Cases and Places | |
| |
| |
| Special Feature: Dreamweaver Web Photo Album | |
| |
| |
| Objectives | |
| |
| |
| Introduction | |
| |
| |
| Web Photo Album | |
| |
| |
| Copying Data Files to the Local Web Site | |
| |
| |
| Starting Dreamweaver and Closing Open Panels | |
| |
| |
| Creating the Web Photo Album | |
| |
| |
| Special Feature Summary | |
| |
| |
| Apply Your Knowledge | |
| |
| |
| In the Lab | |
| |
| |
| |
| Dreamweaver Help | |
| |
| |
| Dreamweaver Help | |
| |
| |
| The Dreamweaver Help Menu | |
| |
| |
| Navigating the Dreamweaver 8 Help System | |
| |
| |
| Using the Contents Sheet | |
| |
| |
| Using the Index Sheet | |
| |
| |
| Using the Search Sheet | |
| |
| |
| Using the Favorites Sheet | |
| |
| |
| Context-Sensitive Help | |
| |
| |
| Using the Question Mark Icon to Display Help | |
| |
| |
| Using the Options Menu to Display Help | |
| |
| |
| Using the Reference Panel | |
| |
| |
| Online Help Support | |
| |
| |
| Apply Your Knowledge | |
| |
| |
| |
| Dreamweaver and Accessibility | |
| |
| |
| Dreamweaver and Accessibility | |
| |
| |
| Using Screen Readers with Dreamweaver | |
| |
| |
| Activating the Accessibility Dialog Boxes | |
| |
| |
| Inserting Accessible Images | |
| |
| |
| Navigating Dreamweaver with the Keyboard | |
| |
| |
| Using the Keyboard to Navigate Panels | |
| |
| |
| Using the Keyboard to Navigate the Property Inspector | |
| |
| |
| Operating System Accessibility Features | |
| |
| |
| |
| Publishing to a Web Server | |
| |
| |
| Publishing to a Remote Site | |
| |
| |
| Defining a Remote Site | |
| |
| |
| Connecting to a Remote Site | |
| |
| |
| Uploading Files to a Remote Server | |
| |
| |
| Remote Site Maintenance and Site Synchronization | |
| |
| |
| Apply Your Knowledge | |
| |
| |
| Quick Reference | |
| |
| |
| Index | |