How to Create HTML Pages in Microsoft Word

    It is not recommended that you use Microsoft Word to create the HTML pages that you would use for course content.  All of the embedded information in a Word HTML document is copied and then put in a new folder that must follow the actual HTML file wherever it goes.  This is both a liability in organizing and in the extra disk space that it takes up.  In addition, HTML files created in Microsoft Word should only be edited in Microsoft word, as the formatting used by Word may or may not be compatible with other HTML editing programs.  Microsoft Word should be avoided unless it is genuinely impossible to use any other HTML editing program, whether by virtue of unavailability or incompetence.  

Creating the HTML Page

    Create the web page as you would any word document and when you are done instead of clicking the "Save as..." option in the File menu, click the "Save as Web Page..." option and save the folder as you would any other document.  If you have embedded anything into the web page, there will also be a folder created with that same name.  For instance, if you had named your file "LessonOne.html", the folder created by Microsoft Word that would complement your HTML file would be called "LessonOne_files".  This folder needs to accompany the html file wherever you may put it in order for the HTML file to work properly.  Congratulations, you are done making the HTML page.  Now you must move the HTML file and accompanying folder to wherever it needs to be viewed from.  The next section deals with how to move the HTML file and folder to the WebCT course management system.

Uploading the HTML page files to WebCT

    In order to move the HTML files from your computer to WebCT, you will first need to zip up the files.  If you do not have a program to do so, you can use a program called WinZip.  To obtain the program, go to www.winzip.com and follow the instructions provided to download the latest distribution.  Highlight the HTML file and the accompanying folder and right-click on either one.  There should be a WinZip menu with-in the right-click menu.  Highlight that menu, choose "Add to Zip File…", and create a zip file for your HTML page. 

    To begin with the actual uploading, start your web-browser and go to http://webct4.jhu.edu.  You will be required to enter your login information to access your course content. To obtain this information, please contact Joe Newcomer at jnewcomer@jhu.edu.  Once you log into WebCT, go to the course that you want to upload the html file to. 

   Click the "Control Panel" button located at the top-left corner of the course site. Within the control pane, choose "Manage Files".  Once you are in the manage files section, click on "Upload" located on the right hand side under the file options.  When the "Upload File" section loads, click on "Browse", locate the ZIP file you want to upload. choose the "Destination Folder" and click "Upload".  Since you just uploaded a compressed file, you have to "Unzip" it. To do this, find the zip file that you uploaded. Select it with the check-box and then click the "Unzip" button on the Actions menu on the right side of the File Manager. The "Unzip" button is located right above the "Upload" button.  In the Unzip screen, make sure that the destination folder is correct, click the Unzip button, and then you’re done. The contents of the zip file will be uncompressed into the destination folder you specified.  Congratulations!  Your HTML file will now be available to be set as course content.

  If you have difficulty uploading your file, there is also a version of the uploading instructions with screenshots available at http://www.jhu.edu/advancedonline/powerpoint/uploading/index.html.