On Wed, 15 Jan 2003, Laurie L Proud wrote:

> I've started (slowly) to learn how to create a homepage using the
> Arachne Editor and I have two questions.
> 
> Web pages usually have small graphic images contained within them,
> what programs are used to create them in the first place ?

  You can use a digital camera, and then add effects to a 
photograph, something like the top photo here:
http://stackman.www6.50megs.com/0004/14.html

  Or you can mirror, copy'n'paste, etc, to create something 
that looks completely different than what you start with.
Case in point is the photo at the top of this page:
http://twoloonscoffee.com/order.html
  There is no lake; no water at all.  Just an Arizona desert 
sunset.  ;-)

  Or you can use a graphics program to create something from 
scratch like the green add buttons on that same page.  There 
was no "raw material" for those.  They were created 
completely in the GIMP.  The burlap add buttons were created 
from a photo of a burlap bag I sewed up.  The grease bottle 
is just that... a photo, cropped, dropped onto a transparent 
background, and then shrunk.

  The baskets were created from a "found" graphic, which I 
changed rather substantially into a "coffee handbasket."  If 
you hung out on alt.coffee at all, you would realize the 
significance of the "handbasket" reference.

  If you're still working strictly in DOS, well, I did this 
one in GeoDraw several years ago:   
http://wizard.dyndns.org/stackman/buz_card.gif the logo part 
being but a shrunken version of the larger one at 
http://twovoyagers.com/metamorphosis/ 
The metal butterflies were placed under a piece of glass and 
scanned in with a handheld scanner (also under DOS).
  I swore by GeoDraw for several years... until I found 
GIMP.  No vector graphics, but it can do *everything* else.
For vector graphics, Linux has xfig, which is certainly more 
capable than GeoDraw ever was.

> 2) Using the <IMG> tag how do I position an image somewhere between
> the extreem left, or flush right ? 

  You could use HSPACE and VSPACE values.  Though they're 
depracated, almost any browser will still render them.  

  Another trick is to use an invisible spacer graphic(s) to 
the left or right to nudge the visible graphic over to where 
you want it.  Generally, the trick was to make a 1x1 
transparent gif, and then abuse the width and height 
attributes to "display" it at whatever size "white space" 
you want.  Keep in mind, however, that this sort of 
"publisher" mentality will only work when the web 
surfer has the same screen resolution that you do.
Acutally, that's true with HSPACE and VSPACE too.

  Generally speaking, positioning graphics other than left 
or right edge will best be done using tables.  Set a table 
to width of 100%.  Then if you put a spacer element of 20%, 
it'll be 20% of any screen, no matter what the resolution.

  Again, I'd refer you to the twoloonscoffee order page, 
where the add buttons are positioned using tables, and use 
relative table sizes.

HTH,

-- 
Steve Ackman
http://twoloonscoffee.com       (Need green beans?)
http://twovoyagers.com          (glass, linux & other stuff)

Reply via email to