The following tutorial is designed to introduce your Syllabus Word document to the World Wide Web. You are free to use this method to convert other documents online as well:
- Click on Start -> All Programs -> Microsoft Office -> Microsoft Word to run Microsoft Word program.
- Click on File -> Open.. and open your completed syllabus page. If the syllabus template you are using is not complete, please complete it at this step.
- Once you are finished, click on File -> Save. Your syllabus is now saved as a Word document for future editing.
- Click on File -> Save as Web Page, save the page as a type: Web Page Filtered, and save it with the desired file name and directory. This step will not only create an .html or .htm file, but also make a folder called “<filename>_files>”. This folder contains any images and multimedia elements used in your Word document. If you are moving the .html or .htm file, you also need to move this folder to the same location so that the file is correctly linked to images and displays them correctly. If you are using a full syllabus template, please see the note before going to step 5.
- Upload the .html or .htm files and their folders to your homepage. If you are uploading to Webcourses and need assistance, please go to http://teach.ucf.edu/ for help. Please contact your Departmental Webmaster if you need assistance uploading it to your department web space. If you are uploading this to your Pegasus website and need assistance, please click here for our tutorial.
NOTE: For those using the full syllabus template
Because the Full syllabus is a large document, we recommend to break down the syllabus into multiple .html files, and making a link at the bottom of the page to each. You are free to divide it up however you wish. To link one .html or .htm file to another, make a link at the bottom of the page so that your users can view the next page. To do this:
1. Open up the first .htm or .html file in notepad, and insert the following code right above the </body> tag:
<br>
<a href= “<file name of the next page>”>Next Page</a>
For example, if the next page is called “page2.html”, the word “page2.html”, the bottom of the code will look like this:
…
<br>
<a href= “page2.html”>Next Page</a>
</body>
</html>
And if you open up the page through a browser like Internet Explorer or Mozilla Firefox, the bottom of the page will display as:
2. Repeat Step 1 for the rest of your pages, then go to step 5.