How do I upload web pages created outside of TeacherWeb to my TeacherWeb site? How do I upload HTML files?
Uploading files is not permitted during the trial period. Please ensure that your web is paid before using this capability.
It is possible to upload your own HTML files to your site as web pages. This includes files created through programs such as FrontPage, Dreamweaver, and other common HTML editors, as well as files created through other methods such as Notepad, or Microsoft Word's "Save As Web Page" option.
There are two basic ways to post your own HTML files. You can upload them as files and link to them through a Photos/Documents page (or any page with the option to post links). Or, you can use an HTMLPage or MyPage to post a file so that it is integrated into the structure of your site. Both approaches are described below:
- Upload web pages as files: To upload web pages in this way, go to your Update Index, click the Page Settings tab, then click the File Management link in the left sidebar. Click the Browse button at the top of the page to select your file, then click the Upload File(s) button.
You can then post the file to a Photos/Documents page. Anyone clicking the file link will view your uploaded web page. (Full information on uploading documents can be found here. This link includes information on using Photos/Documents pages to link to uploaded files.)
You can also use other page types to post links to your uploaded files - more information here.
The web page's filename will remain the same when uploaded this way so that sets of uploaded web pages that link to each other by relative addressing will still have working links. So, if you upload an HTML file called SpellingList.htm, and then upload another HTML file that contains a link to SpellingList.htm, the link will still correctly lead to the file you've uploaded with this name. (Please note: You will not be able to upload any pages with file names that conflict with TeacherWeb® page names such as "index.html". You would need to rename any such file names before uploading.)
- Upload web pages as TeacherWeb pages (linked from your Home page and integrated into your site like other pages): You can use a MyPage or an HTML Page to do this. These special page types allow you to replace the page with your own uploaded HTML file.
To add a MyPage or an HTML Page to your web, go to your Update Index and click the Add New Pages button near the bottom of the screen. Select the desired page type. Once you've added the page, go to the page's Update section. Here, you can click the Browse button to select the HTML file you'd like to post to the page.
The uploaded web page becomes like any other web page in your web.
- MyPages allow you to post your own web pages without any changes being made to those pages. Your HTML file will display exactly "as is," with no added TeacherWeb formatting (banner, background, navigation bar, etc.). For an example, click here.
- HTML Pages also allow you to upload and add your own web pages. However, HTML Pages will be transformed to look like your other TeacherWeb® pages . The page will be modified to include the same background, divider line and navigation bar as your other pages. For an example, click here. (Please note: If a page contains scripts in the Head section or contains Style Sheets, you may have to upload it as a MyPage to include these functions.)
General Tips On Uploading Web Pages Generated From Documents:
Text Only: The primary purpose for saving documents in HTML format is to allow ALL your viewers to see your documents, regardless of whether or not they have the program you used to create the document. Uploaded Web Pages should be standalone, text-only web pages with no graphics. (If you wish to convert documents containing graphics, please see the next paragraph.)
Web Pages With Graphics: An HTML file does NOT "contain" graphics - only links to separate graphics files. For graphics to display correctly in an uploaded web page, the following conditions must be met:
If a file contains embedded graphics and you save it in HTML format, this will create a set of files. This will include your new HTML file, plus a separate graphics file for every embedded graphic. So, in addition to uploading the HTML file, you would need to find and upload each of the generated graphics files.
- The image file must be uploaded to your site as described here.
- The link in your HTML file must lead to the correct file name of the uploaded file, as it exists on your website.
The image files should be created in the same folder as the HTML file. If the files are created in a separate folder, you may need to follow the 6 steps in the "Word and EXCEL Documents As Web Pages" section below. This will allow you to re-save the document so that all files have proper file names, and are in the same folder.
Please note: Web addresses can NOT contain blanks and certain special characters so be sure that both your HTML file names and the graphic file names they refer to do NOT contain blanks or illegal special characters.
WORD and EXCEL Documents As Web Pages: Standard format documents such as Word and Excel documents should generally be uploaded in their native file format and added to Photos/Docs pages, especially for "complex" documents created with the newer versions of these products. In other words, you will usually get the best results when uploading these files as Word or Excel files, instead of converting them to HTML format.
However, if you do choose to use the "Save As HTML" option for Word or Excel documents, here are a few tips:
For older versions of WORD, the graphic files that are generated when doing Save as HTML are given names like Img0001.gif and are saved by Word on your workstation in the same directory as the HTML file.
For newer versions of WORD, these graphics files are given names like Image001.gif (or .jpg or .png). Since Microsoft may reuse filenames when doing Save As Web Page, be careful that your image files do not have the same filenames as previously uploaded files. If you upload a file with the same file name as a previously uploaded file, the old file will be replaced with the new file (and any page set to display the old file will display the new file instead).
In addition, you should make sure the image files are created in the same directory as your HTML file. To do this:
- As the you do the following procedure, be sure that the file name that you provide when Saving As Web Page does NOT contain any characters that are illegal in a web address (i.e., contains none of the following: blank space, "\", "/", "<", ">", "*", ":", "?", "#", "&", "@", "|", "%", " ", ",", "'")
- Select "Save As Web Page" in the File menu.
- In the resulting "Save As" window, there is a Tools menu in the upper right corner. Click this menu to activate the drop-down list.
- Select Web Options in the drop-down list in the Tools menu.
- In the Web Options window, select the Files tab.
- Uncheck the check box next to "Organize supporting files in a folder". Once this box is unchecked, all graphics files (and other supporting files) will be created with unique filenames when a document is saved. This will allow the uploaded page to link to the files correctly.
The "Save As Web Page" in Microsoft WORD and EXCEL may produce unnecessarily complex HTML, especially for files containing graphics. This can cause display issues when these pages are uploaded to an HTMLPage.
If you encounter this problem, then try downloading the Word HTML Filter utility from Microsoft. This utility is designed to strip out the extra HTML, and make Microsoft's markup look like standard HTML. If you still have problems with your exported page, then you should not use the HTMLPage to post it. Instead, you should post the file to a MyPage, or upload via the Add Photos/Docs button in your Update Index.
Special Formatting: Note that HTML does NOT support the EXACT same degree of text or table formatting as a word processor or a spreadsheet program. So, the more complex your document, the more likely that the Saved As HTML page will not look exactly the same as your original document. You may have to adjust the original document to get an acceptable look using trial and error. Particularly for the more recent versions of Word, you may get a closer rendition of a page by using a MyPage as opposed to an HTML Page. If your document is complex, you may also wish to view it in both Internet Explorer and Firefox (and/or other browsers) to be sure the Microsoft translation to HTML gives acceptable results for all browsers.
Copyright: When uploading files, it is your responsibility to act in accordance with the copyright and trademark laws of the United States.