DE Oracle @ UMUC Banner
How-To

Search


Copy/Paste HTML into WebTycho

Blank Spacer Image

This page describes how to locate and copy source code for pasting into WebTycho.
See the Recap below for a quick overview.

Where formatted text is desired in WebTycho but images are not used, often the easiest and most reusable way to enter the formatted text is to create an HTML document and then copy the source code directly into an open WebTycho text box. This method also most readily displays your text for students (no need to open attachments).

Blank Spacer Image

View the Source Code

Every webpage and HTML document has source code that defines the formatting of the page. In order to copy any HTML-formatted text into WebTycho, you must copy the code, not the clean view of the formatted text. If you are looking at the page in a web browser or a WYSIWYG editor (including MS Word-created webpages), you must change views in order to see the source code.

In Netscape Composer

A.  After saving your HTML document, select View/Page Source from the Toolbar to see the HTML codes for the document. 

This opens a gray page labeled Source of: page that contains all of the HTML source code for your formatted text page, with no tool bars.

The HTML document will start with a tag "<HTML>" and end with a tag "</HTML>."

It will also have some heading codes between the tags "<HEAD>" and "</HEAD>" right below the opening "<HTML>" tag.

Then the tag "<BODY>" will indicate the start of the body of the document.  

There is a corresponding closing "</BODY" tag at the end of the document, just before a closing "</HTML> tag.

More on HTML.

In Microsoft Word

A.  After saving your document to HTML format, select View/HTML Source from the Toolbar to see the HTML codes for the document. 

This changes your view of the document and usually gives you a limited tool bar that gives edit and copy capability.
 

The HTML document will start with a tag "<HTML>" and end with a tag "</HTML>."

It will also have some heading codes between the tags "<HEAD>" and "</HEAD>" right below the opening "<HTML>" tag.

Then the tag "<BODY>" will indicate the start of the body of the document.

There is a corresponding closing "</BODY" tag at the end of the document, just before a closing "</HTML> tag.

More on HTML.

  All browsers have a (Page) Source View that allows you to view the construction of a webpage's HTML source code. You may highlight and copy text and code in this view (generally, using the keystrokes Ctrl-C); you may not delete or edit text or code. This is also true of Composer's Page Source View. (MS Word may allow editing of source code.)


 
Blank Spacer Image

Copy the Source Code Between the Body Tags

In Netscape Composer

Scan to find the opening HTML tag, <BODY> (it may include other information after the word "BODY"). 

Highlight beginning after the closing > of the tag, to include everything between but not including the opening <BODY> and the closing "</BODY>" tag. (Do not include the final "</HTML>" tag, either.) 

In Microsoft Word

Scan to find the opening HTML tag, <BODY> (it may include other information after the word "BODY"). 

Highlight beginning after the closing > of the tag, to include everything between but not including the opening <BODY> and the closing "</BODY>" tag. (Do not include the final "</HTML>" tag, either.) 

Copy. Since there is no toolbar in Source View, you must use the keys on your keyboard to give the Copy command: Hold down the Control key while selecting the C key (Ctrl+C).

Copy. If you have a limited toolbar, you may select Edit/Copy or use the copy icon. Otherwise, use the keystrokes Ctrl+C as described to the left.


 
Blank Spacer Image

Paste the Source Code into WebTycho

1. Open a browser window to your WebTycho classroom.
2. Be sure your WebTycho Text Formatting Editor is disabled (via Options/Account Preferences).
3. Open a textbox in the location you want.

4. Select the "HTML" radio button to indicate that your input type will be HTML. (Otherwise you will see the coding instead of the formatted text after you Submit the text.)
5. Click once into the textbox to make certain your cursor is in the text area.  Click on browser toolbar Edit/Paste (or use keystrokes Ctrl-V).  You should see your HTML coding appear in the box. 
6. Scroll down to the bottom of the page and Click on Submit (Submit button).  Your new screen should display the formatted text.

Blank Spacer Image

Reminder

In all WebTycho text boxes, the input type must remain consistent each time you edit the text in the box, or you may lose formatting. Since the announcement area is one text area you will edit repeatedly, plan around being consistent in your selection of input type. For a discussion of input types, see the WebTycho Help site page http://tychousa.umuc.edu/help.nsf/htmlmedia/creatingtext.htm.

Blank Spacer Image

RECAP: Copy/Paste HTML into a WebTycho Textbox

A. View the source code of the HTML document or webpage:
Use the webpage's View/(Page or HTML) Source tools.

B. Highlight, then copy the source code that is between (but does not include) the <body> and </body> tags (use the keystrokes Control-V to copy).

C. Select HTML as the input type for the WebTycho textbox.
D. Click in the textbox, paste the HTML source code, and Submit button.

Blank Image


Welcome Page  How-To Page  Guidelines for Contributors
  WebTycho Login Academic Departments Directory
Administration Directory Faculty Services  Library Services 

Created and Maintained by the Center for Support of Instruction
© University of Maryland University College.