[CIMIC]
Problem Summary and Presentation

Problem Sumary, Presentation, and necessary skills for them Summer Camp Week 3

Advanced PowerPoint

It is expected to learn how to draw figures and to import objects such as image from other sources.

Including Images in HTML

Here is my picture:
HTML CodeResult
Here is my picture: <IMG SRC="earth.gif">
HTML CodeResult
Here is my picture: <IMG SRC="earth.gif" ALIGN=LEFT> and here is some additional text. Here is my picture: and here is some additional text.
Here is my picture: <IMG SRC="earth.gif" ALIGN=RIGHT> and here is some additional text. Here is my picture: and here is some additional text.
Here is my picture: <IMG SRC="earth.gif" ALIGN=MIDDLE> and here is some additional text. Here is my picture: and here is some additional text.
Here is my picture: <IMG SRC="earth.gif" ALIGN=TOP> and here is some additional text. Here is my picture: and here is some additional text.
Here is my picture: <IMG SRC="earth.gif" ALIGN=BOTTOM> and here is some additional text. Here is my picture: and here is some additional text.


Background Images - Textures

Where to get Background Images

Pre-Formatted Text

HTML CodeResult
<PRE> I want this text here. And this over here. And <EM>this</EM> one here. </PRE>
I want this text here. 
    And this over here.
        And this one here.
<XMP> I want this text here. And <EM>this</EM> one here. I want this text here. And <EM>this</EM> one here.

Creating Your Own Images for the Web


Web Page Authoring

By hand

As the class has been doing thus far.

HTML Specific Editors

[HTML Assistant
 Editor Image: htmlassi.gif]

  1. HTML Assistant Pro 2.0 Page http://fox.nstn.ns.ca/~harawitz/index.html
  2. HTML Easy! Pro http://www.seed.net.tw/~milkylin/htmleasy.html
  3. Sausage Software - HotDog Web Editor http://www.sausage.com/
  4. SoftQuad - HoTMetaL Pro http://www.sq.com/products/hotmetal/hmp-org.htm

Style Sheets for word processors

These include special styles and macros for text and lists, etc. Example: MS Word Internet Assistant.

[MS Word Image: wordassi.gif]

  1. Microsoft's Internet Assistant for Windows 3.x http://www.microsoft.com/pages/deskapps/word/ia/default.htm
  2. Microsoft's Internet Assistant for Windows 95 http://198.105.232.6:80/msoffice/freestuf/msword/download/ia/ia95/
  3. CU_HTML.DOT - Word Document Template http://www.cuhk.hk/csc/cu_html/cu_html.htm

Web Authoring Environments

More sophisticated tools that track linking of URLs, graphics and overall look and feel of a complete web site. Also may include tools for VRML - Virtual Reality Modeling Language.
  1. Silicon Graphics WebFORCE Product line. Very high-end tools for multimedia web authoring.
    http://webforce.sgi.com

Automated web page creators

Found on the Internet. Take you step by step through creating a WWW page.
  1. Justin LaPierre's PageGen
    "This is PageGen, the Interactive HTML Authoring Tool. You select different properties for a web page, and PageGen will create the page for you. You need Netscape 1.1 or something that will support tags used by Netscape."
    http://www.channel1.com/users/justinl/pagegen/

Saving a Netscape Page and Graphics


[Previous Class] [MUSIC Home]


Last update: July 20, 1998
Source provided by Rich Holowczak
Edited by Dong-Ho Kim