|
Hillsborough Community College Brandon Campus |
|---|
CGS 2822 Syllabus (Fall 2001)
This course is designed to introduce the student to software application tools necessary to create Web site. The student will use and apply a Web site creation program such as Frontpage, Dreamweaver, COld Fusion, etc. They will have the opportunity to develop a Web site from initial concept to publication.
At Brandon the class will initially focus on web site design principles using the Web Yoda/Florida State University required Design principles course. Students will be required to evaluate web sites and critique web sites developed by classmates. The class will spend one to two weeks using Front Page 2000 to create a web site, and the remainder of the semester on Dreamweaver 4.0 to create several web sites. It is expected that the student has completed CGS 2820 and has used HomeSite 4.5 to create at least one Web Site. HomeSite 4.5 will be used to edit at least one page created in both Front Page and Dreamweaver pages. Students will be required to create original graphics for at least one of their web sites. The students will be required to complete two pages using templates supplied by the instructor.
Dreamweaver Tools
The Dreamweaver Environment
Arranging Your Workspace
The Launcher
Planning Your Site
The Document Window
The New Toolbar
Measuring in the Document Window
Looking at Code
The Objects Panel
Dreamweaver Objects
Selecting Objects and Code
The Properties Inspector
Invisible Elements
About History
Chapter 12: Setting Up Tables Setting Up Tables About Layout Tables Inserting a Table in Standard View Drawing a Layout Selecting Elements Adding Columns and Rows in Standard View Resizing Table Elements Dragging Columns and Rows in Standard View Moving a Layout Element About Width Settings in Layout View Merging and Splitting Cells Adding Content to a Table Aligning Tables and Content Adjusting Table Spacing Working with Table Borders Coloring Tables Setting a Background Image Inserting Tabular Data Exporting Tables Sorting Table Contents Chapter 13: Framing Pages Frames and Navigation Setting Up a Frames Page Creating Frames by Dragging Quick and Dirty Frames The Frames Panel Modifying the Frame Page Layout Deleting a Frame Nested Framesets Setting Column and Row Sizes Setting Content Pages Creating Content within a Frame Saving Your Work Saving the Frameset Page Frame Page Options Setting Margins Targeting Links Setting Targets Testing Your Targets Creating No-Frames Content Inline Frames Chapter 14: Layers and Positioning CSS Positioning Absolute vs. Relative Positioning Positioning Properties Other Positioning CSS Attributes About the Layers Panel About the Grid Creating Layers Selecting Layers Renaming a Layer Choosing Tags Moving Layers Resizing Layers Nesting and Overlapping Layers Changing Layer Visibility Stacking Order Content and Layers Layers and Styles The Clipping Area Content Overflow Setting a Background Layer Preferences Netscape's Layer Tags Additional Netscape Layer Properties Setting Netscape Layer Properties Converting Layers to Tables (and Vice Versa) Using a Tracing Image Chapter 15: Filling Out Forms Creating a Form Formatting Forms Adding Form Objects Names and Values Text Boxes Checkboxes Radio Buttons Menus and Lists Editing Menu Items Creating a List Box Jump Menus Hidden Form Fields Submit and Reset Buttons Image Fields Making It Go Chapter 16: Behavior Modification JavaScript Concepts Adding Behaviors Deleting and Editing Behaviors Common Objects Event Handlers Common Actions Setting Status Bar Message Going to a New URL Popup Message Opening a New Browser Window Checking Browser for Plugin Checking Browser Version Complex Rollovers Preload Images Restoring Swapped Images Play Sound Control Shockwave or Flash Show or Hide Layers Validate Form Data Changing the Content of Frames and Layers Setting Text in a Form Field Change Property Making Layers Draggable Adding New Scripts and Behaviors Adding More Actions Debugging Your JavaScript Chapter 17: Drawing Timelines What Timelines Can Do The Timelines Panel Dissecting the Timelines Panel Adding a Layer to a Timeline Timeline Actions About Keyframes Showing and Hiding Layers Changing the Overlaps Changing the Timing Changing Layer Dimensions Adding an Image Rollover to a Timeline Adding a Behavior to a Timeline Making Timelines Go Making a Behavior Play a Timeline Loop and Rewind Adding and Removing Frames Using Multiple Timelines Renaming and Deleting Timelines Removing or Changing Objects Bringing It All Together Chapter 18: Automating Dreamweaver About Libraries What Library Items Do Creating a Library Item Inserting and Removing Library Items Editing Library Items Deleting a Library Item Re-creating a Library Item Dreamweaver Templates Creating Templates Setting Page Properties on Template-Based Pages Using Styles and JavaScript in Templates Setting Editable Regions Creating Pages Based on a Template Detaching a Page from a Template Deleting a Template Attaching an Existing Page to a Template Using Editable Regions Editing Templates Highlights for Templates Exporting as XML Updating Your Site Renaming Templates and Library Items Using Server-Side Includes Inserting SSIs Using the History Panel Repeating and Undoing Actions Copying and Pasting Steps Clearing the History List Saving Steps as Commands Recording a Command Replaying Commands Renaming and Removing Commands Chapter 19: Customizing Dreamweaver Custom Objects Editing Dreamweaver Menus About XML Extending Dreamweaver with the JavaScript API About the Menus.xml File About Menu Items Rearranging Menu Items Deleting a Menu Item Adding a Separator Changing Keyboard Shortcuts Customizing Dialog Boxes Chapter 20: Managing Your Web sites Getting Ready to Put Your Site Online Setting Up Remote Info Connecting to Your Server Getting and Putting Files Synchronizing Modified Files Refreshing and Switching Views Using the Site Map Site Map Icons and Tips Drawing Links in the Site Map Managing Links Changing a Link Sitewide Sharing Assets Between Local Sites Site FTP Preferences Chapter 21: Workflow & Collaboration Checking In and Checking Out Checking Out Files Checking In Files Setting Up Design Notes Using Design Notes Accessing Design Notes Cleaning Up Design Notes Turning Off Design Notes Modifying Columns in the Site Window Adding File View Columns Sharing Columns Site Reporting Sharing the Styles File Using Dreamweaver with Content Management
Table of contents 1.Introduction to Dreamweaver 2.Introduction to Fireworks 3.Advanced Fireworks 4.Web Site Management 5.Web Site Layout 6.Uploading a Web Site to the Internet 7.Interactive Web Sites Forms 8.Multimedia 9.Style Sheets 10. Dynamic HTML 11.Dreamweaver Productivity ToolsFeatures
Take a static Web page to a large, multimedia Web site with Dreamweaver 4, a JavaScript and HTML code generator. Incorporates graphics with Fireworks. Build one complex, interactive site for a consulting business upon the completion of the book. Assumes previous experience with HTML.