Place Images in WebTycho Conferences Using HTML Code


CSI Staff
Staff Writer
Center for Support of Instruction

Category: » Webtycho » Document-design

A. Publish Image to Web space

1. Upload image to your Polaris (Nova) account.   

If you don't know how to do this, see one of the FTP software tutorials located in the Tech Skills/Software category. Be sure to make a note of what folder your image is in.

Acceptable Image File Formats:

  • GIF (Graphics Interchange Format):  e.g., text & text art, cartoons, poster art, line drawings, animations, and any art which needs transparent backgrounds
  • JPEG (Joint Photographic Experts Group):  e.g.,  color & black and white photographs

B.Insert Image into HTML Document

1.  Open a Blank Page in Netscape Composer.  Select File--> New-->Blank Page (or Ctrl-Shift-N). 

 In some cases, inserting a line of simple html is easier than going through the procedure of copy/pasting from a WYSIWYG editor. But for those of you who prefer not to compose your own HTML, you can use Netscape Composer.

2.  After composing and formatting your text and, if appropriate, building a table or two, place your cursor where you want the image to display.

Click on the Image Icon image icon on the toolbar.   You will see this dialog box.  (Note:  Make certain the image tab is open in the Image Properties dialog box.)

Image Properties box

3.  Instead of clicking on "Choose File" in the Image Location Box to find the image in your computer, type in the full URL of your image. (It will have a .jpg or gif instead of an html extension.)

e.g., http://polaris.umuc.edu/~jsmith/csmn639/bio/image.jpg

Click on OK.

If you are signed on to the Internet while doing this procedure, when you close the properties window, the graphic should be visible on the page.  If you are not signed on, you will see the Image Not Loaded logo.

4.  Without saving the page to your local drive (when you save -- or "Preview," Netscape Composer by default rewrites the image path, and the exercise will not work), click on View --> Page Source and copy the code between (but not including) the body tags (see image below).

WebTycho Support warns that the head tags and body tags can interfere with the JavaScript in the frameset header, so it is important that you copy the code between (and not including) the body tags.  

 

HTML Code between Body Tags

 

5. Now you are ready to paste in WebTycho.  Open the Conference area in WebTycho and create a topic or response.  

Click on Toolbar Edit-->Paste (Ctrl-V).  You should see your HTML coding appear in the box. 

6.  Click on the HTML Radio Button at the top of the input window (if you have your Text Formatting Editor turned on, you will have to go to Account Preferences and disable it), Scroll down to the bottom of the page and click on Submit.  Your new screen should display the formatted text and the image.

 

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.