THE DOCUMENTATION ON THESE PAGES IS INTENDED FOR USE BY OVIATT LIBRARY FACULTY. NON-LIBRARY CSUN FACULTY SHOULD CONTACT CSUN IT FOR HELP SETTING UP WEB SITES ON THE CAMPUS SERVER

Creating, Saving and Uploading a Page

Creating a Template-based Page

!!!DO NOT OPEN THE TEMPLATE FILE!!!

1. Click File > New. When the New Document dialog box opens, select the Templates tab.
2. Select the name of your site in the left column, and the name of the template you want to use (e.g personal or teachpage) in the right column. Click the Create button.
3. You can insert and edit content within the blue outlines (called "editable regions").
4. For a web preview while editing in Dreamweaver, press the F12 function key.

Adding and Editing Content

1. Type a heading at the top and format it as H1.
2. Type or paste in content:
   • The most reliable way to insert content in a new page is to type it in and format it using Dreamweaver tools.
   • If you want to copy and paste text from another web page, open that page in a browser and copy from the browser display. This will prevent HTML code from being transferred.
   • If you want to copy HTML code (as opposed to text from a browser display) from another page into the new page using Code View (as you may want to to preserve links, list structure, etc.), be very careful. The following may render your template-based page ineditable:
     • Copying any opening or closing <div> tag
     • Copying part of a list -- be sure you bring over both the <ul> and the </ul> tags at the same time.
3. Format text into paragraphs headings, and lists
4. Apply styles to text from the Library Style Sheet.
5. Add links as desired.
6. Insert data and/or layout tables as desired.
7. Insert images and adjust image properties as desired.
8. Insert rules or special characters.

Saving Your Page

Save your page by pressing Ctrl-s or clicking File > Save in the top menu bar. When saving the page:

• Make sure you give your page a title: type it in Title box next to the Viewing Options buttons and press the Enter key.
• Save your file in your personal folder in the H:\WebSite folder (not on your local hard drive)
• Save the file with any name you wish (just be aware there can be no spaces), and an .html file extension.
• The file name of your "top" personal page needs to be index.html

Uploading Your Page

1. In the Site panel, click the refresh button and/or click your personal folder to open it and reveal the page you just saved.
2. Select the file you want to upload and click the Upload ("Put") button in the Site panel.
3. IMPORTANT!! The first time you upload to or download from your site Dreamweaver will ask you "Included Dependent Files?" Select No, and check the "Do not ask me again" box.
4. Don't forget to open your images folder and upload any images used in your page.