California State University, Northridge Information Technology Training Guide Prepared By Steve Dan and Sandra Caesar, User Support Service April 18, 2007 ITR’s Technology training guides are the property of California State University, Northridge. They are intended for non-profit educational use only. Please do not use this material without citing the source. Dreamweaver 8 Basics and Beyond The instructions in this document assume the reader has already created web pages using some other web page creation software (e.g., Netscape Composer or Microsoft FrontPage). Some knowledge of HTML coding is also recommended. Table Of Contents 1. Before you Begin 2. Getting Started with Dreamweaver • Defining a New Website • The Dreamweaver Work Area 3. Creating a Basic Web Page • Page Properties • Text • Links • Inserting Common Objects • Inserting “Head” Objects 4. Preparation for Publishing • Previewing a Page • Good Site Organization Practices • Code Cleanup • Check Page • Publishing Pages 5. Working with Files in The Files Panel • To open a File • To Create a New File or Folder • To Delete a File or Folder • To Rename a File or Folder • To Move a File or Folder • To Refresh the Files Panel 6. How To Learn More • Dreamweaver Help • ReferencesCalifornia State University, Northridge Information Technology Training Guide Prepared By Steve Dan and Sandra Caesar, User Support Service April 18, 2007 ITR’s Technology training guides are the property of California State University, Northridge. They are intended for non-profit educational use only. Please do not use this material without citing the source. Before You Begin Before you begin creating the web pages within a website, it's a good idea to plan your design and organization first. Following are references you may want to read for help in that regard. • The Non-Designer's Web Book, 3rd Edition, by Robin Williams and John Tollett (2005) • Designing an Effective Web Page (an ITR technology training guide which can be found at <http://www.csun.edu/itr/guides/index.html> under Web Design and Publishing ) Site accessibility — providing the ability for anyone to read every web page — is a priority for campus web pages. Refer to campus policy for additional information. See also Some Accessibility Suggestions (an ITR technology training guide which can also be found at <http://www.csun.edu/itr/guides/index.html> under Web Design and Publishing). Getting Started With Dreamweaver Defining a New Website Dreamweaver includes a site maintenance and file transfer capability. To use this feature to organize your site, create a local folder (e.g., on your desktop computer) to hold the site's files and then define your site. Make sure all files for a site are saved to the Local Root Folder or a subfolder thereof. That way you can easily create relative links in your documents and, when you're ready, publish the entire site to the equivalent location on the remote server. The Dreamweaver Work Area The Dreamweaver work area contains the document window and (if displayed) a number of panel groups. You can choose which panel groups to display from the Window menu. The panels shown and described below will be displayed the first time you open Dreamweaver.California State University, Northridge Information Technology Training Guide Prepared By Steve Dan and Sandra Caesar, User Support Service April 18, 2007 ITR’s Technology training guides are the property of California State University, Northridge. They are intended for non-profit educational use only. Please do not use this material without citing the source. Figure 1: Dreamweaver Work Area 1 - Document Window The document window is the place where you'll enter the text, place the pictures, and include the links that make up your web page. The status bar at the bottom of the window contains the following helpful elements. Tag Selector Displays tags affecting the selected text or object. Click a tag to highlight (select) its contents. Clicking <body> highlights (selects) the entire document. Window Size Shows the current window size; the dropdown menu provides screen resolution choices. File Size and Download Time Gives the estimated file size and download time of the file at a connection speed of 28.8 Kb/second — or some other connection speed you can specify as a preference. Edit | Preferences | Status Bar Try to keep page load time under 9 seconds (maximum file size = 300Kb).California State University, Northridge Information Technology Training Guide Prepared By Steve Dan and Sandra Caesar, User Support Service April 18, 2007 ITR’s Technology training guides are the property of California State University, Northridge. They are intended for non-profit educational use only. Please do not use this material without citing the source. 2 - Document Toolbar Included on the Document Toolbar are the following. View Buttons (left to right) Show Code View, Show Code and Design Views (a split screen), and Show Design View (default). Document Title Box Where you enter the title that will appear in the Title Bar of the browser window when someone views your published page. Preview/Debug in Browser A dropdown menu from which you can select a browser in which to preview your document. The Edit Browser List option allows you to add or remove browsers from the list. 3 - Insert Toolbar Buttons and tabs on the Insert toolbar (or panel group) provide quick access to many Dreamweaver features. 4 - Properties Panel The context-sensitive Properties Panel (or Property Inspector) is used to inspect and modify the properties of text and objects. If the insertion point is positioned in text, you see the properties for that text. If an object is selected (such as a table or image), you see the properties for that object. 5 - Panel Groups A number of panel groups provide quick access to information about the current document, the current site, and the Dreamweaver program. Visible when you first use the program are the Site panel of the Files panel group and the Answers panel. Click a panel header bar to expand (or collapse) a panel group. Panels can be hidden (or shown) by making the appropriate selection from the Window menu.California State
Unlocking...
or
We will never post anything without your permission.
Don't have an account? Sign up