Copy/Paste HTML into WebTycho


CSI Staff
Staff Writer
Center for Support of Instruction

Category: » Tech-skills-software » Html

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).

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.)

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.) 

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).

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. 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.

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.)

HTML Radio Button

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.

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://tychousa9.umuc.edu/wtdocs/wthelp/html/guidelines.html.

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.

Rating: Not yet rated



Comments

No comments posted.

Post a Comment / Vote

You must be logged in and be a member of the UMUC community in order to comment.

If you are a member of the UMUC community and do not have an account, please register for a FREE one.

If you have a guest account but are Faculty/Staff of UMUC please send an email to the DE Oracle Site Manager so that your guest account can be updated.