links on an image

Just to myself. Not to worry........


DiMa *TMM* wrote:

Mad Dog <md (AT) mdp (DOT) com> wrote:
Geez....I thought I said that over an hour ago.

sniff> no one ever listens to me......

I'm sorry, were you talking?

SSA786 <webforumsuser (AT) macromedia (DOT) com> wrote:

also how would not have the enter site not underlined after i get it
where i want it?

Ok, it is as I suspected - you are trying to put TEXT (typed text) over an
IMAGE. This is never going to happen unless the image is a background or one
or the both of these things are in layers, which I wouldn't suggest. Just
remake the graphic to have the word "enter" on it.

Or, forget this idea entirely, which is the TRUE suggestion. What you're
creating is a splash page, and they're not appreciated (generally).

Mad Dog <md (AT) mdp (DOT) com> wrote:

Just to myself. Not to worry........

They have medication for that, you know. I outa know. I take it.

:-D

i will try the tutorials..looks like i have read some already ...i still
couldnt figure out how to get llinks inside the image itself...ON THE
IMAGE>....ok what i will do is upload and have you take a look..


thanks anyway

http://www.tautology.741.com


here is the site...oh and another thing...the image is not showing???

AHHHHHHHHHH

and you know how the enter site link is at the bottom>> i want it in the
middle of the image without the underline..how do that??

thanks

i got the image to work and everything...you guys can take a look...

another question is linking...

when i get that link to work...

how do i do it?
the next page i mean, do i just start of with a complete new tamplate?
and than after i am done how do i link it to the enter site link>/??
and i also was wondering weather in dreamweaver it is possible to have effects
on the enter site text?? like make it move and go in circles..a little
animation? or would i have to do that in fireworks or something..hmm..

okay well thanks for all the support

if it is a splash page as you suggest...i like em

What is that image ... and why do you want people to look at it before
entering your site?
But there's another issue ... it's a huge image both is pixels and data
size. 722.6 KB at 1024x768 pixels, which you have scaled down with code to
900x500 pixels which distorts an already 'muddy' image even more. To
complicate matters further it's a progressive jpeg so when it first loads in
browers that will display the progressions while loading, the image is
degraded further while the users on dial-ups wait a long time for this huge
image to load and finally be presented 'whole.'
In Internet Explorer (where jpg progression is not supported) users will
just have to stare at a blank table frame for a long time waiting for the
image to appear.

if i remake the pic to have enter in it ..how would i make that into a
link..?

By adding a hotspot to the "enter' portion and linking the site URL to it,
but probably no one is going to wait that long anyway.

SSA786 <webforumsuser (AT) macromedia (DOT) com> wrote:

Dima..i just read your reply..

if it is a splash page as you suggest...i like em

but okay let me see what else i could think of...

if i remake the pic to have enter in it ..how would i make that into
a link..?

Doesn't matter what you like, matters what users like. Sorry :-/ You're not
visiting your own page, other people are. :-D

As someone else just said, that image is HUGE and is a bandwidth killer.
Huge file and huge in dimensions. Just because you cut it down to 900x500
using html doesn't make it that big. The image is still in its original
form, you 68can't see it. You need to optimize this graphic BIG TIME. I've
done it for you, and still, it's 76K, which is way too big, especially for
the first page of a site. The page should be about 40-60K including markup
and the index page should load in fewer than 8 seconds on dialup. Your page
is a whopping 743K!!! OUCH! You realizing that's nearly 1mb??

Here's the image after I've optimized it to 68K and added "Enter Site" to
it.
http://www.flyingtigerwebdesign.com/pics/flow.jpg

Now you can create a link out of the image and the only think you need on
your page is this:

<div align="center"><a href="home.html"><img src="../flow.jpg" height="500"
width="900" border="0" alt="Enter Site"></a></div>

Replace home.html with whatever the name of the page is that you want people
to go to when they click the image. Then clicking the image will take you
right in. Don't make an image map out of it as suggested - too much markup
for no reason. Must make the whole thing a link.

But please rethink the whole splash page thing. They're seriously just space
wasters that tick people off when they're trying to get somewhere.
Especially something like this: a very large graphic that serves no purpose
other than to waste bandwidth. Sorry to be so harsh, but I just gotta say it
like it is!

--
--
DiMa
Team Macromedia Member for Dreamweaver MX
--------------------
WEB FORUM USERS: Please log on to the Newsgroup for quicker replies to
your posts: news://forums.macromedia.com/macromedia.dreamweaver
For Answers, check here first:
http://groups.google.com/advanced_group_search?q=+group:macromedia.dreamwea ver
http://www.macromedia.com/support/dreamweaver/technotes.html
http://www.projectseven.com/faqbase
http://dwfaq.com

http://www.macromedia.com/support/forums/etiquette.htm

www dot flyingtigerwebdesign dot com

OK....lets make this so it's easy to understand.

You are making a splash page....a splash page is a page that comes up first
and makes a visitor to your site click on something (A link, and image etc.) to
enter into your site. You are creating work for your visitors, and adding an
extra step in between them and the content that they want to see. A lot of
people don't like splash pages. But if you want to do one it's up to you.

To make the link that you are talking about.....there are a couple of ways to
do it. You can make your ENTIRE IMAGE (the whole image) into a link. This
will allow the viewer to click ANYWHERE on the image to enter yur site. To do
this click on the image in dreamweaver. Now look at the bottom of the screen.
There whould be an area called properties. It's the grey area with all of the
text fields where you can enter values that affect the content of your page.
There is a text area called LINK. When you click on the image that you want to
turn into a link, you then type in the address of the page you want the image
to link to. In this case you would type in the address of the MAIN page of
your site. http://www.yourmainpagename.htm This will make the image on the
splash page the link your users can use to enter your site.

To make a TEXT link appear ove the TOP of an image...or centered on an image
you have to put the text into a layer so that it can "float" above the image.
Imagine that all of the content items of a page (images, text, links, etc) are
all on the same level. Like pieces of a puzzle. They are not meant to overlap
eachother. They are meant to fit together to form your page. The only way to
make one piece of the puzzle overlap another (go on top of) is to put that
piece in a layer so that it is now on a different level. Think of a layer,
like it floats above the rest of the page. To make a layer put your curser
somwhere BELOW the rest of your page so that it is OUTSIDE of any other table.
Click on the INSERT at the top of the page and then click on LAYOUT OBJECTS,
and then LAYER. A layer will then appear in your page. Drag the layer to
where you want it and put the TEXT link in the layer. Your TEXT link will now
FLOAT over the image. This is the tricky part though....a layer will appear to
move if your viewer resizes their window so you have to SNAP the layer to the
image. This will "lock" the layer in place so that it stays centered on the
image. Go to the Project VII web site to read about snapping layers.

Another way to do this is to do like everyone is syaing and ADD TEXT TO THE
IMAGE. Open the image in whatever graphic design program you have and put the
text onto the image and save the image. Put the image into your splash page
like before. Now to make the text APPEAR like it is the link to enter the
site, put a HOTSPOT on it. A hotspot means an area that can be made into a
link. To do this click on the image and look down at the bottom of the page at
the properties box again. On the BOTTOM - LEFT hand side of the properties box
you will see a section that says MAP. Click on the little blue rectangle. Now
you can go up into the image and click and drag (just like you do when you
highlite text, or select an area in a graphic design program) to make a HOT
SPOT on the image. Click and drag over the text that you want to be the link
(ENTER SITE). This will put a blue hotspot on the text. This blue hotspot is
actually the link. It will appear transparent in your page (It only shows blue
in dreamweaver). Now go back down to the properties box...its should now say
LINK, and TARGET and ALT. In the LINK spot type in the address of the main
page of your site. http://www.mainpagesitename.htm. In the TARGET select
_Parent (this will make the page of your site open in the same browser window
instead of a new window). The ALT field will make "pop up" text appear when a
viewer puts their mouse over the hotspot. Type in whatever you want to pop up.


There are a couple of ways to keep links from having and UNDERLINE. I like to
leave the underline so that people know for sure that it is a link. If you
dont want the underline you can go to the top of the page and click MODIFY and
then PAGE PROPERTIES. When the little window pops up select the LINKS option.
Find the UNDERLINE STYLE and select the appropriate option...In this case
"Never Underline". This will change ALL of the links in that particular page.
Every page that you make, you can choose different options for the links. But
be consistant. If you want to underline your links, underline all of them. If
you dont, done underline any of them. There is nothing worse than trying to
guess what is a link and what isnt. There are more complex ways of doing it
using CSS, but if youre still learning tables do it the way I described.

For all of you that think CSS is the only way to go....remember...baby steps.
I was LOST in CSS until I layed a good foundation that inlcuded all of the
things that Dreamweaver could do and couldnt do. (Im still kind of lost in CSS
hahaha)

Hope this helps

To fix the image size problem open the picture in your graphic design program.
Rezise the picture to a manageable size. I would make it no bigger than 600
pixels wide. (What graphic design program do you use?) This will make the
image's file size smaller. You dont ever want to resize a picture in
Dreamweaver or any other web page program. Doing so will distort the picture
and make it look blurry. Do ALL of your resizing in a program meant for it.