Creating Course Web Pages
Using Middlebury’s Course Templates
Windows version - Using Macromedia Dreamweaver 2.0	
Information Technology Services	
Last Revised January 2000  

Overview
Middlebury’s Course Template files provide a quick and straightforward way for you to set up world wide web pages for your courses. By following the instructions in this document, you will be able to create web pages which offer the following features to your students and to anyone else interested in your course:
• General information about the course and the instructor(s).
• Assignments, course scheduling, and other information from your syllabus.
• An electronic conferencing area where members of the class may exchange questions and discuss course-related topics.
• A list of links to web pages around the world with information relevant to the course.
This document is designed for users of Microsoft Windows-based computers. If your computer is a Macintosh, please see the Macintosh version of this file.
Getting Started
Before you begin creating your web page, you need to install Macromedia Dreamweaver software on your PC. You must also transfer the Course Template files onto your hard drive. These files are stored on the Serval file server, so follow the steps below to log on to the server.
Connecting to Serval 
1. Double-click on the icon for My Computer on your desktop.
2. Check to see if an icon already exists for Vol1 on Serval and for Vol2 on Serval. If both of these exist, you are already connected and can skip to the next section, “Installing Dreamweaver.” If you do not see one or both of these icons, continue to step 3.
3. Right-click on the icon for My Computer and select Map Network Drive from the menu that appears.
4. In the box that appears, type \\Serval\Vol1\ as the Path.
5. Click OK. Windows will assign Volume 1 of the Serval file server to the next available drive letter.
6. Repeat steps 3-5 for Serval Vol2, if necessary.
You are now ready to install Dreamweaver. If your computer is already equipped with Dreamweaver, you can skip the next set of steps and move directly to the steps labeled “Installing the Course Templates folder.”
Installing Dreamweaver
1. Insert Macromedia Dreamweaver CD-ROM (provided by ITS) in your CD drive.
2. Click on the Windows Start button. Then click on Run.
3. Click on Browse, and navigate to your CD-ROM drive. Click on the Setup icon, then click Open, then OK.
4. The Dreamweaver setup program will now be launched. Click Install when asked whether you would like to install Dreamweaver to your computer. 
5. Follow the directions provided by the Setup program. Supply the serial number for the CD when prompted to do so. (The serial number will be written inside the case of the CD-ROM).
After your computer is equipped with the Dreamweaver program, you can copy the course template files to your hard drive. Follow the steps below to do so.
Installing the Course Template Files
1. Double-click on the icon for My Computer on your desktop.
2. Double-click on the drive marked Vol2 on Serval.
2. Double-click on the Curricular_Resources folder, then on the folder labeled course_templates.
4. You will see a folder named windows_template. Click it and select Copy from the Edit menu.
5. Double-click on My Computer again and double-click your C: drive.
6. Find a location where you would like to place the course template files and select Paste from the Edit menu.
7. A copy of windows_template will appear. This is the folder you will edit to create your course web page.
Once you have installed both Dreamweaver and the course template files, you are ready to begin customizing the pages.
A First Look at the Course Templates
You can use Dreamweaver to familiarize yourself with the basic features of the course templates. Follow the steps below to view the opening page.
1. From the Start menu, select Dreamweaver to run the program.
2. Choose Open from the File menu. In the Open dialog box, locate the windows_template folder that you installed earlier.
3. Double-click the windows_template folder to view its contents.
4. Locate the file index.html. This is the opening page of the templates. Double-click its name to view it.
Notice the row of buttons on the left-hand side of the window. Each button represents a different page of the course templates. The intended function of each page is described below:
• Home is the opening page, providing an introduction to the course as well as contact information for students who need to get in touch with you.
• Professor is designed to introduce you and any other instructors. If you have a personal home page, you may wish to place a link to it here.
• Requirements explains the expectations of the course and the grading scheme.
• Readings/Texts provides a list of required and optional books for the course, including reserve books and recommended readings.
• Schedule lays out the weekly schedule of the course, as well as the semester calendar.
• Assignments lists and describes major course assignments.
• Handouts allows you to make documents available electronically. The documents are stored on the server and can be downloaded and printed by students at any time. For instructions on making handouts available for downloading, read the file !Handouts Readme! in the folder Handouts in windows_templates.
• Electronic Reserves is designed to improve accessibility to course reserve articles and documents. When this feature is implemented, students will be able to download reserve items over the web. This feature is scheduled for implementation during the 1998-99 school year.
• Discussion provides a gateway to Middlebury’s Motet conferencing system, which allows students and instructors to exchange electronic messages and ask questions about course-related topics. To enable this feature, you must make a special request to ITS.
• Links gives a directory of world wide web resources which can provide students with more information about the topics studied in the course.
To open any of these pages, choose Open from the File menu and select the desired file as you earlier selected index.html. As you examine the course templates, you will note that the basic structure of each page has been laid out for you. You are free to add content to any or all of the pages, using material from your course syllabus and from other resources. You may also choose not to use one or more of the features listed above. The next section describes how to use Dreamweaver to edit the template pages.
Editing Pages with Dreamweaver
The following instructions will explain how to perform the basic tasks to get your web page up and running. If you would like to learn more about using Dreamweaver, more detailed documentation is available from ITS. 
Edit Modes
The Document window displays the current document approximately as it will appear in a web browser. There are a few commonly used tools in Dreamweaver that make it much easier to use. Go to the Windows menu and click on Objects, then Properties, and then Launcher. The mini windows will pop open. 

The Object palette contains buttons for creating various types of objects such as images, tables, layers, and so on. More information about each of these can be found under the Help menu. Left to right, the buttons below are: Table, Layer, Rollover, ActiveX, Image, HR, Applet, Flash, Plugin, Shockwave.

The Property inspector displays properties for the selected object. Any change you make to a property is immediately made in the Document window. Which properties appear depends on the object selected. For information on particular options, select an object and then click the Help icon in the upper right corner of the Property inspector. The Property inspector initially displays the most commonly used properties. Click the expander arrow in the lower right corner to see all properties. 

The Launcher has buttons for opening and closing the most frequently used inspectors and palettes. The icons on the Launcher are repeated on the Mini-Launcher at the bottom of the Document window for easy access when the Launcher is closed.

Changing the Page’s Title
Your first step should be to change the title of the page. Go to the View menu. Click on Head Content. A bar will open at the top of the document window. Click on the icon on the right. Then change the title of page in the property inspector. Find the line at the top of the window that reads Course number - Course name. Edit it to display your course’s number and name.
Editing Text on the Page
Much of the text on the main part of the page is generic and needs to be customized to represent your course. Edit it just as you would edit a word-processing document. For instance, use the mouse to select the words Course Number at the top of the page. Type in the actual number of your course, e.g. SA105. Fill in your name, office location, and contact information in a similar manner. Be sure to change the white-on-blue text which reads Course Name and Number at the upper right-hand corner of the screen.
Editing Links
Note that the text E-mail address here is blue and underlined. This denotes a link. When someone is browsing your web page, they can send e-mail to you by clicking on this link. With your mouse, select the blue text and type in your actual e-mail address. Then select (highlight) your e-mail address with the mouse. You will note some text “mailto:nobodyyet@panther.middlebury.edu.” in the link window of the property inspector. Replace that text with mailto:youraddress@middlebury.edu  Now students and others will be able to e-mail you by clicking this link.
On a web page, links can point not only to e-mail addresses but also to other web pages. When you edit other links, you can type a web address (for example, “http://www.middlebury.edu/”) in the Link window of the property inspector. This technique will be especially useful for editing your Links page.
Saving and Editing Other Pages
When you have edited the page to your liking, choose Save Page from the File menu. You can move on to the next page by going to the File menu, and opening another file. Use the same editing process to change the text on this page. In this manner, you can proceed through the entire set of pages.
Previewing a Page in a Browser
When you have edited and saved the page, you may preview it to see how it looks on a web browser. Sometimes, the page may look slightly different in an editing program and a browser. To preview, go to the File menu, and select Preview In Browser and then select your browser. A browser will open up in a new window, and you can see what your final content will look like on the web.
Putting Your Web Page Online
When you have finished customizing your web pages, you must copy them to the server to make them available over the world wide web. The following steps will accomplish this task.
1. From My Computer, double-click on your hard drive and open the folder windows_template to display the files you have just edited.
2. Choose Select All from the Edit menu to highlight all the files in windows_template. Then choose Copy from the Edit menu.
3. If you are not already connected to the Serval file server, connect to it by following the instructions listed under Getting Started above.
4. In My Computer, double-click on the icon for Vol2 on Serval.
5. Double-click the folder Classes, then double-click the folder representing the semester in which your course is being taught. Double-click on the folder with the number of your course. Finally, double-click on the folder public_html.
6. Choose Paste from the Edit menu. Your computer will copy the entire contents of your windows_template folder onto the server.
As soon as the files are copied, you can view them using your world wide web browser. Launch Netscape or Internet Explorer, and open the following address:
http://cweb.middlebury.edu/courses/AB101A/    [where AB101A is the course number]
Explore the contents of your web site and verify that all pages appear properly. To allow others to view your course web site, inform them of the above address.
Making Further Changes to Your Page
After your site has been copied to the server, you may wish to make additional updates and changes. Whenever you need to make a modification, use Dreamweaver to edit the files in the windows_template folder on your hard drive, as described in the section “Editing Pages with Dreamweaver” above.
Once you have completed a round of changes on your hard drive, you need to update the server by copying the new pages back onto the server. Simply follow the steps listed in the section “Putting Your Web Site Online” above. When your computer asks if you would like to replace files with the same name, click Yes.
More Fun with Dreamweaver
Dreamweaver is an extremely versatile, user-friendly program. As you use it more frequently, you will discover useful features that you may wish to incorporate in your course web site. The directions given above are for basic editing and maintenance of your web site, and are by no means exhaustive. The Help menu in Dreamweaver is extremely useful and may answer many of your questions.
For Additional Assistance
If you encounter any problems as you create and edit your course web pages, or if you would like more information about features that are not explained in this document, feel free to contact Information Technology Services staff. Most questions can be answered by the Help Desk (call extension 2200 or e-mail helpdesk@middlebury.edu). Further assistance is available from Shel Sax, Director of Instructional Technology (call extension 5679 or e-mail sax@middlebury.edu).