DE Oracle @ UMUC Banner
How-To

Search

Copy/Paste HTML into a WebTycho Text Box

The POINT of this Training Exercise is to make certain you know how to:
  • Create and Save an HTML document using a WYSIWYG editor (i.e. Netscape Composer or MS Word);
  • Copy the composed HTML by using View Source;
  • Paste the composed HTML into a WebTycho text box (syllabus, course content); 
  • Paste the composed HTML into a WebTycho plain text box (conference, announcements).

In this exercise, you will create (using a WYSIWYG editor) a set of goals/objectives for your class.  You will copy the composed html and paste it in your WebTycho Syllabus template.

WYSIWYG= What You See Is What You Get

WHAT TO DO

A. Create and Save Formatted Text in HTML Using a WYSIWYG Editor (Netscape, MSWord)

1.  Open a blank page in Netscape Composer or open a new Microsoft Word document. 

To open a blank page in Netscape Composer.  Select File -->New -->Blank Page (or Ctrl-Shift-N). 

In Netscape Composer

A.  Type in the following text including bold and italics. 

Upon Completion of this Course, you will: 
  • Understand the basics of WYSISYG HTML Editors;
  • Know how to Copy composed HTML text from one application to another;
  • Learn how to use the WebTycho templates;
  • Make links to online resources (such as to the  Software Engineering Webliography)

(Note: if you already have your own syllabus objectives ready, you may use that text instead of the link above for this exercise.)

In Microsoft Word

A.  Type in the following text including bold and italics. 

Upon Completion of this Course, you will: 
  • Understand the basics of WYSISYG HTML Editors;
  • Know how to Copy composed HTML text from one application to another;
  • Learn how to use the WebTycho templates;
  • Make links to online resources (such as to the  Software Engineering Webliography)

(Note: if you already have your own syllabus objectives ready, you may use that text instead of the link above for this exercise.)

B.  Create the Hyperlink by highlighting "Software Engineering Webliography," then clicking on the "link" icon on the toolbar. 

In the Link To box, type 
http://info.umuc.edu/de/ezine/how_to/
software_eng_demo_page/wbib_swe.htm

B.  Create the Hyperlink by highlighting "Software Engineering Webliography," then, open the link box by simultaneously holding down the CTRL and K keys. 

In the Link To box, type 
http://info.umuc.edu/de/ezine/how_to/
software_eng_demo_page/wbib_swe.htm

C.  Save the file by clicking on the Toolbar File-->Save As .  Name the file text.htm. As always, remember where you saved the file.

C.  Save the file to HTML format by clicking on the Toolbar File-->Save As HTML.  Name the file text.htm. As always, remember where you saved the file. 
 
  • Note:  If you are using Word 95, click on File--Save As.  From the  Save As Type: box, select HTML document.  Name the file text.htm. 
  • If you want to add colored text or tables, just use the icons on your toolbar appropriately. 

B. Copy the HTML source document 

In Netscape Composer

A.  After saving your document to HTML format, select View-->Page Source from the Toolbar to see all the HTML codes for the document. 

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

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>." Then the tag "<BODY>" will indicate the start of the body of the document.   More on HTML.

In Microsoft Word

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

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>." Then the tag "<BODY>" will indicate the start of the body of the document.  More on HTML.
B.  Scan down to the end of the HTML tag <BODY>.  Highlight everything between the <BODY> tags.  In other words, select all of the document after the "<BODY>" tag but not including the closing "</BODY>" tag or the final "</HTML>" tag.  B.   Scan down to the end of the HTML tag <BODY>.  Highlight everything between the <BODY> tags.  In other words, select all of the document after the "<BODY>" tag but not including the closing "</BODY>" tag or the final "</HTML>" tag. 

C.  Select Edit-->Copy (or Ctrl+C).

C.  Select Edit-->Copy (or Ctrl+C).

C. Paste the Formatted Text into WebTycho Text Box (e.g., Syllabus area)

1. Open a Navigator window to your WebTycho classroom syllabus. 
2. Click on "Coarse Goals and Objectives".  A blank screen should appear with "Coarse Goals and Objectives" at the top and an Edit button button at the bottom. 
3. Click on the Edit button button.   You should see a template (input form) with an Input Type drop-down menu, a text input box and a Submit buttonSpacerCancel button  button. 
4. Select the "HTML" radio button or from the Input Type drop-down menu.
5. Click once into the Goals/Objectives input box (make certain your cursor is  in the text area).  Click on Toolbar Edit -->Paste (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 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.