Creating
Great Web Sites
Part 2

Using Images

To insert images on a page <IMG SRC="image.gif">
Specify size WIDTH= HEIGHT=
Alternative text ALT="" ALT="[Image description]"
Image borders BORDER="0"
To view/save image Right click on image
Images as links <A HREF="url"><IMG SRC="image.gif"></A>
Exercise: Joe Barta's "Make a Web Page Tutorial" Lesson 4
http://junior.apk.net/~jbarta/tutor/makapage/lesson04.html
Aligning Text with Images ALIGN=top, middle, bottom
http://www.charweb.org/arts/open/images1.htm
Wrapping text around images
   ALIGN=left   places image on left of screen, text flows to right
   ALIGN=right places image on right of screen, text flows to left
         http://www.charweb.org/arts/open/images2.htm
Note: Cannot align image with text and wrap text at the same time

Good way to control page layout

Works well with images and associated text

Exercise: Joe Barta's "Table Tutor" Lessons 1-5
http://junior.apk.net/~jbarta/tutor/tables/index.html

Use in <BODY> tag as <BODY BACKGROUND="image.gif">

Will fill browser window by repeating small image

Exercise: Bob Selzer's "HTML Page Backgrounds"
http://www.charweb.org/charweb/htmlgroup/backgrounds

Useful for search engine/filter site indexing

Description = description of page in place of search engine's

Keywords = keywords for search engine to identify with your page

Use in <HEAD> document tag

Create directory name   www.charweb.org/arts/open/your_directory
    Individuals: SamEneman
    Organizations: mag   mooresvilleartistguild

E-mail me your directory name

Name your "home page" index.html or index.htm

Upload all your files to your directory

Send me a note that your web site is ready

I'll activate your link on the Open Studio Participants Page
and your Web site will be "live!"