Text Version Text Version

Sampler Page for HTML Seminars / Labs

Invitation to Explore, Imagine, & Create


If you are interested in learning more about how HTML can be useful in managing information, please consider exploring in the following links. I have selected pages which demonstrate one or more of the features listed below. Each page is unique, but there are thousands of examples of these features on the Web. Be sure to use a search tool to find content on topics of interest and technical assistance for features you would like to use on your pages.

  1. Simple Text
  2. Hypertext
  3. Hypertext and Images
  4. Courseware
  5. Slideshows
  6. Animations
  7. Image Maps

Please forward additional related URL's and messages to kari-boyce@uokhsc.edu
The URL for this page is: http://w3.uokhsc.edu/kboyce/


Simple Text

To get started with "Simple Text" pages use existing documents.

  1. Open document in your preferred wordprocessor.
  2. Save file as a "Text File with line breaks", make sure file is saved with ".txt" extension.
  3. Move file to a working directory.
  4. Link to .txt file from an .htm page which is also in the same working directory.
  5. Alternatively, there are add-ons for wordprocessors which allows saving a file directly to the .htm format.
  6. WordPerfect 7.0 & new versions of Pagemaker have the .htm format save feature built-in to the program.
  7. You should also try some of the HTML Editors that are available on the WWW.
  8. When pages and links are operating correctly, contact Kari to activate your web directory.

Hypertext

Hypertext refers to linking from a word to more information about that word, such as a definition. As you click from word links to more text on the WWW you are using hypertext. Hypermedia refers to links that connect to images, sounds, video, etc.


Hypertext and Images

To increase the visual impact of webpages, images are frequently used. Be sure to use your original images or obtain copyright release if you use existing images. If you find images on the WWW that pertain to your content, create a list of links to those sources and give the creators appropriate credit. See the Abdominal Sonography example.

Graphics software is used to manipulate and reduce the size of the image prior to moving the .gif or .jpg file to the web directory. Try to keep image size less than 50 KB. A popular technique (to minimize the slowing of page loading due to images) is to use small sample files (thumbnails) to provide general information about the image. Each thumbnail is linked to a larger, higher resolution copy of the same image. The user then chooses whether or not to use the detailed image. For examples, see the images at the top & bottom of my homepage.


Courseware

These are examples of course pages which provide links to a broad range of course material. Some of the links include: syllabi, lecture notes, lecture slides, quiz and exam schedules, examples of old exams, study guides, lab assignments, diagrams, and related sites at other institutions.


Slideshows

Slideshows are sequenced image files. The following include simple to high-end commercial slideshow examples. For educational applications consider providing the user with control of advancing the slides. Add-on software is available off the WWW for some versions of presentation software, which allow conversion of a standard presentation into web-ready presentation document.


Animations

Animations are like little movies created from a series of individual images. They can run once or loop continuously. As with all images, the challenge is to create the desired effect while keeping the file size to a minimum. There are very good resources on the WWW about creating animations. Special software (some is available off the WWW) is needed to link the individual images into the animation.


Image Maps

Image maps allow the author to create "hotspots" on an image. These hotspots can be linked to other pages or another location on the same page. This could be a valuable tool for designing educational applications. Imagine anatomical diagrams with hotspots that link to more information about that structure! The hotspots can be rectangular, circular, or freeform.


Link directly to ...
Student Services | Dean's Page | College Catalog
Academic Departments | Education Programs | Clinical Resources | Research Activities
Our People | Education Gallery | The Newsroom
Professional Organizations | Return to the College of Allied Health Home Page


OUHSC Logo Image of College of Health Building
We're located at:
The College of Allied Health
801 Northeast 13th Street
College of Health Building
University of Oklahoma Health Sciences Center
Oklahoma City, Oklahoma

Contents of this publication are subject to change without notice.
The provisions of this publication do not constitute a contract, expressed
or implied between any applicant, student, or faculty member of the College
of Allied Health. 7/22/96
The University of Oklahoma is an Equal Opportunity Institution.
Accommodations on the basis of disability are available by contacting
(405) 271-2655
---standard disclaimers apply---
© 1996-97 College of Allied Health | Disclaimers | College Webmaster

Last updated by Kari Boyce on January 28, 1997

Send e-mail to me at: kari-boyce@uokhsc.edu

Return to top of page ... | Return to College Homepage ... | Return to OUHSC Homepage ...