How to make website links out of background jpeg (co-ordinate tracked clicks)

I am an illustrator working on my website that i have drawn out by hand and scanned in to a jpeg.  it is set to fit the whole screen, and i have drawn out where i want the navigation links.  how do i get dreamweaver to use co-ordinate clicking to link my webpages together?
any help would be much appreciated!

First just so you know, images are a very clumsy way of creating site navigation.  Each time you add new pages to your site, you must re-craft your menus in your graphics editor which gets old in a hurry.
Second, you can't link background images to anything as they do not exist in the HTML markup.  You would need to slice up your menu items and insert them as regular images into your HTML page.  But as I said above, image-based menus are not efficient.  You would do well to use Text links and style them with CSS.  This allows for quick editing of menus directly from DW and is web friendly for search engines, translators and screen readers.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

  • How to make a link out of the background image

    I want to make an clickable background picture. So that it turns to the next page. Without using text or something.

    Hello,
    You can achieve this by using the rectagle tool. You can create a rectangle and place it in the background and change the fill color of the rectangle to "None".
    It will make the rectangle transparent and you can also add a hyperlink to it.
    If you want to have different hyperlinks to different pages (like you mentioned you want to be linked to next page) then you should not use Master pages as you need to add these rectangles to the pages and not master pages.
    If you add the rectangles on Master Page then you can only add one link to it and that will not solve the purpose. And if you use Master page and add rectangle to page then the Rectangle will always be above the Master page content (Master page content is by default in the background and cannot be brought up).
    Another option is to add rectangle to master page background and duplicate your master page to create multiple copies of it. After that you can add required links to the rectangles in the master page and associate the pages to the corresponding Master pages.
    Hope this helps.
    Regards,
    Sachin

  • How to make downloadable links in Adobe Muse

    I am new to website design and am trying to figure out how to make downloadable links for some PDF flyers, PSD templates I am creating.   Not sure if "downloadable links" is the correct term for what I'm trying to say but in a nutshell I am creating Business Flyer's in PDF form and Photoshop PSD template files that I would like to be able to have my users click a link that allows them to download them right to their desktop.  Any help would really be appreciated!

    Hi caybar10gaming,
    I had the same question as you and was searching online for how to add "downloadable links" as well so your not alone in that lol. Anyways, I found this video that explains how to do this. I hope this helps you, as it did me. Good Luck  
    http://tv.adobe.com/watch/muse-feature-tour/add-and-link-to-any-type-of-file/
    -Caitlin

  • How to make a link page come up in seperate window

    Am not sure how to make a link page to anther site for
    insatance come up in seperate window so that they do not navigate
    away from my site.Thanks Tony

    Select the item you want to use as a link. In the property
    inspector, type
    in the full path to the website you want to link to and set
    the Target to
    _blank.
    Nadia
    Adobe� Community Expert : Dreamweaver
    http://www.csstemplates.com.au
    - CSS Templates | Free Templates
    http://www.perrelink.com.au
    - Web Dev
    http://www.DreamweaverResources.com
    - Dropdown Menu Templates|Tutorials
    http://www.adobe.com/devnet/dreamweaver/css.html
    "chesterarebest" <[email protected]> wrote
    in message
    news:e88357$ifp$[email protected]..
    > Am not sure how to make a link page to anther site for
    insatance come up
    > in seperate window so that they do not navigate away
    from my site.Thanks
    > Tony

  • How to make a link to an image in flash?

    Hi,
    I´m new in Flash CS3 and I´m trying to get some
    answers to my problem.. The question is
    that how do I create a link to an image in flash??
    I know how to make a link to a text field but I really
    don´t know how this could get working properly.. :/

    Link to an external URL image? In AS 2 the code is
    'getURL("putaddresshere")' and in AS 3 it's 'navigateToURL("")' ...
    If it's a simple image, it's easier just to import it to the
    stage, save it as a symbol, put it in a timeline frame and then
    code your link so on click or rollover it goes
    'gotoAndPlay(framenumber)'.

  • How to make a snapshot out of a movie file?

    How to make a snapshot out of a movie file and integrate this snapshot into the movie? Thanks, Wolfgang

    Either you use the Hold function from the Retiming popup or you export an image and reimport it.

  • I am a small woman with huge wrist circumference, 177.6mm.  If I order the black men's stainless steel watch how can I take links out if needed?

    I am a small woman with huge wrist circumference, 177.6mm.  If I order the black men's stainless steel watch how can I take links out if needed?

    We are just users here, so we have no way of knowing...
    I am sure that any question that is not easily found at or from the Watch Store page > http://store.apple.com/us/watch < can be answered by this method (from the bottom of that page)
       Chat with a Specialist
    Get all your Apple Watch questions
      answered or get help finding the
    right watch. Call 1-800-MY-APPLE
    ÇÇÇ

  • How to make a link in textflow that send parameters to a function?

    How to make a link in textflow that send parameters to a function?

    In the examples included with the weekly builds there is a CustomLinkEventHandler.as example.  Passing parameters would be done in the CustomClickHandler function.  You could attach the parameters to the LinkElement as user styles using the setStyle API.
    Hope that helps,
    Richard

  • How to make relative links

    Hello.
    I need your help.
    Inside the public_html folder I have two files one index.dir and part1.dir The file (index.dir) I wanted to do html and I do the Regulating through public settings
    My problem is that it will link files? I do not know how to do it and I want your help please.
    How to make relative links?
    Information my project test:
    Script from index to part1
    -- DESCRIPTION --
    on getBehaviorDescription me
      return \
        "GO NEXT BUTTON" & RETURN & RETURN & \
        "Moves the playback head to the next marker when the user clicks on the sprite." & RETURN & RETURN & \
        "PERMITTED MEMBER TYPES:" & RETURN & \
        "Graphic members" & RETURN & RETURN & \
        "PARAMETERS: None"
    end getBehaviorDescription
    on getBehaviorTooltip me
      return \
        "Use with graphic members. " & \
        "Moves the playback head to the next marker on mouseUp."
    end getBehaviorTooltip
    -- HISTORY --
    -- 3 November 1998, written for the D7 Behaviors Palette by James Newton
    --  5 January   2000: updated to D8 <km>
    on mouseUp me
      go frame "test1" of movie "pat1" -- test1 is Maker and the file is part1.dir
    end mouseUp
    on isOKToAttach (me, aSpriteType, aSpriteNum)
      tIsOk = 0
      if aSpriteType = #graphic then
        tIsOK = 1
      end if
      return(tIsOK)
    end on
    script from part1 to index
    -- DESCRIPTION --
    on getBehaviorDescription me
      return \
        "GO PREVIOUS BUTTON" & RETURN & RETURN & \
        "Moves the playback head to the previous marker when the user clicks on the sprite." & RETURN & RETURN & \
        "PERMITTED MEMBER TYPES:" & RETURN & \
        "Graphic members" & RETURN & RETURN & \
        "PARAMETERS: None"
    end getBehaviorDescription
    on getBehaviorTooltip me
      return \
        "Use with graphic members. " & \
        "Moves the playback head to the previous marker on mouseUp."
    end getBehaviorTooltip
    -- HISTORY --
    -- 3 November 1998, written for the D7 Behaviors Palette by James Newton
    --  5 January   2000: updated to D8 <km>
    on mouseUp me
      go frame "Intro" of movie "index" -- Intro is Maker and the file is index.dir
    end mouseUp
    on isOKToAttach (me, aSpriteType, aSpriteNum)
      tIsOk = 0
      if aSpriteType = #graphic then
        tIsOK = 1
      end if
      return(tIsOK)
    end on
    Please help
    Look my page for you to understand my problem www.ionio.gr/~aleksgeor

    It looks like you have taken a behavior from the Library Palette and hard coded it to suit your needs. This was unnecessary. Instead try the following behaviors attached to buttons that take you between movies - assuming they are in the same directory:
    on mouseUp me
      gotoNetMovie("@/part1.dcr#test1")
    end
    on mouseUp me
      gotoNetMovie("@/test.dcr#Intro")
    end
    Also, you should Shockwave-compress your files to DCR (see the Publish Settings) in order to make your movies as small as possible so they download quickly

  • How to make email link with a button with AC2 in flash cs3?

    How to make email link with a button with AC2 in flash cs3?
    I wrote this, but it does not work:
    btn_emailinfo.on (release) {
    getURL("mailto:"[email protected]");
    }

    I am guessing you put that on a frame?
    If so, the syntax is as follows:
    btn_emailinfo.onRelease = function(){
    getURL("mailto:[email protected]");
    Though, if you are placing it directly on the button itself,
    the syntax is:
    on(release){
    getURL("mailto:[email protected]");
    }

  • How to make a key out of this data?

    Since no one replied to my last post, I'll give it another try. From an RTSP server I get two values, a key called rsaaeskey (342 bytes, without the line breaks):
      yxKBocBgTii20n9nbKfYGyGhPqtosXuq8M99yU5/PzTVNmIUsUGlpD27u
      cqN8eNFvmaO7cFVXeaMGaCfI5V+YNrd77xGQ+CUE0XFraXUvp4cF4aX1L
      ZOGe38nwX3Ba+4bQFfjmYgz3ObRuOWlw9KCi4CMP5574F+CIvutVAwtAC
      PiDFF7nVcoaBTr2QbSUile0Zs3Hyxjn9PWVaey9Nu2DgJZ8rtw6F2SkQ7
      NDHBjjUKXNIeCAeBFuV4XNiazvi3gWa4VbgITtD9jcm+7nPMAK0oBL1S3
      K3Z6FK7XVnfehYYJjRw7THMZzSvq7FtLB9QgulqQTJ3awJdwS0ACb1FkAand an initialization vector called aesiv (22 bytes):
      zcZmAZtqh7uGcEwPXk0QeAThe data is obviously Base64 encoded. However, after decoding I don't know how to make a key out of it. Trying KeyFactory's generatePublic and generatePrivate methods result in an InvalidKeySpecException with any algorithm I've tried (RSA, DSA, DH).
    I think this is a multi-prime RAS secret key (someone said they're 342 bytes long), but how do I generate a Java Key out of it?

    The rsaaeskey, decoded to binary, is a binary array of 256 bytes. Using the DUMPASN1 tool we see that the bytes are not in ASN.1 BER or DER encoding.
    C> openssl enc -base64 -d -in rsaaeskey.base64 -out test.bin
    C> dumpasn1 rsaaeskey.bin
       0 CB   18: [PRIVATE 11]
                :   81 A1 C0 60 4E 28 B6 D2 7F 67 6C A7 D8 1B 21 A1
                :   3E ABIf it were encoded in ASN.1 BER or DER encoding it will start as a "SEQUENCE" or a "SET", not as an unrecognized data.
    You need to check the exact specification of the protocol. (Are you using TSP - RFC 3161, or RTSP - RFC 2326?)

  • How to make the link between the technical version and the packaging vers.

    Hello,
    Does anyone know how to make the link between the technical version number and the packaging version number ?
    For exemple, I can download on the SAP Market Place the version B1iSN 8.8 PL7 but if I look into the B1iSN the version information, it returns B1iP_3.0_SP04_HF03.
    This is quite confusing.
    Thank you.

    Hi Gordon,
    In fact this information is usefull for me. I was looking for a customer installation but he did not remember which version was installed. They are facing some problems. So I don't know if I have to update B1iSN or not to solve it.
    B1iSN returns only the technical version number, but I would like to know which version was downloaded from the Market Place.

  • How to make a stationery out of .doc or .docx file?

    Hi,
    I stumbled upon a website that has some nice stationery, in .doc format. and since there few free pre made stationery available for Mail.app, at least to my knowledge, because I think I almost downloaded every free stationery available out there that could be easily found via Google. I decided to download some of these .doc stationeries and try to put them in Mail.app, but first I had to convert them into .html format. so here is what I've already tried and did not work:
    first I tried opening them in TextEdit, which supports .doc out of the box, only to find out that the pictures in the documents are gone to thin air. I tried saving it and then opening it with something else like Open Office, but the pictures were permanently gone.
    then I tried opening the original documents directly in Open Office, you guessed right If you said they will look screwed, and they were, and tried to save them as html, they were screwed even more.
    so I did a bit of research and found out that I could use Google Docs in order to convert the documents, I uploaded them into my Google docs and then tried to open them with it, but found it that Google docs can't handle the pictures (specially background pictures) either. as a result I did more searching to find a document converter and here is what I found:
    I found a few online service to convert these documents:
    http://www.freefileconvert.com/ was pretty good to convert the files into an .odt format. at first I thought yes I got the solution, now I can simply convert it to html using Open Office, but unfortunately, when I saved the document in html format and checked it in Safari to see how does it look, as If I would have done the same in MS Office with the original format, it looked pretty much screwed .
    So I continued to look and I found a few other online services one of them asked me to pay a fee, I skipped to the other one which was http://docx-converter.com/. unfortunately the website wasn't functioning properly I think, at least for me (maybe someone out there has succeeded using it, I don't know.) and it didn't send me anything.
    Finally I found http://www.zamzar.com/ that could convert .doc or .docx documents into html, or at least that is what it claims to do so, I tried it, and after I received the file via email, I found out it only contains a bmp image of the document's background. So much for the online conversion services!
    But I decided I would give it a last shot using MS Office online, so I opened up my old Windows Live mail and went into my Skydrive, I uploaded the documents and tried saving it as html, but there were no save as html (after all an online copy of MS Office should have some limitations, otherwise few people will be willing to buy a Desktop version) but this didn't made me disappointed, since I already knew, that Neither Office Word can make a clear conversion, so I tried something different, while I was in Safari looking at the document in online MS office, I saved the page as Web Archives, then I opened the file with TextEdit, and after deleting useless links and pictures, I finally managed to get a clear document with everything that supposed to be in it. At this point I only need to know how to make use of this document to create a stationery with this raw file which is in Web Archive format. any ideas?
    null

    I'm a total idiot! How did I overlook http://www.zamzar.com/ functions? I think I might have mistakenly chosen convert to BMP instead of html. I tried it and the result was very good.
    OK I finally found a good solution for this problem, so everyone out there that has the same problem, here is what I did:
    1. OK if you have some .doc and .docx file formats and you want to convert them into something like .html or .odt, without having to reedit the code or getting a screwed document, use http://www.freefileconvert.com/ in order to convert them into .odt so they would look as they do in MS office just go to the website and upload your documents then choose .odt, then click convert, after a few moments you will get a link to download your .odt files. you can use and play around with your document in Open Office, I have tested it and it's really good.
    2. Or if you want to convert them into .html with a clean code, and all the elements in it, simply go to http://www.zamzar.com/ and then ulpoad your documents, choose .html and enter your email address, you will have your .html files zipped and sent right in your inbox, then you could use Kompozer like me, or any other html editor, to make a template out of it. I tried it and the result was nice, now I have a bunch of nice html files that I can use to make templates and email stationery.

  • How to make website look correct in Safari, Firefox, and Chrome?

    Hello there. I'm working on a website which was inherited to me by someone who died. So I am left with all of his coding which is about 4 years old. Now I'm working on positioning of the website and i've found that the only browser the website looks like it's supposed to is Safari and I can't for the life of me figure out how to make it look right in all the browsers and on a phone or tablet. It might be easier if I started from scratch but unfortunately I don't get that luxury. Please help me.
    Here's a link...MuseumOfNaturalistory.com

    I dont understand what some of these errors are asking of me. For instance, this one...
    if (xmlhttp.readyState==4 && xmlhttp.status==200)

    This message may appear in several cases:
    You tried to include the "<" character in your page: you should escape it as "&lt;"
    You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&amp;", which is always safe.
    Another possibility is that you forgot to close quotes in a previous tag.
    That's the way the code has to be in order to function. What does it want from me?
    And then here....
    Line 71, Column 5: an attribute value must be a literal unless it contains only name characters   </div>✉You have used a character that is not considered a "name character" in an attribute value. Which characters are considered "name characters" varies between the different document types, but a good rule of thumb is that unless the value contains only lower or upper case letters in the range a-z you must put quotation marks around the value. In fact, unless you have extreme file size requirements it is a very very good idea to always put quote marks around your attribute values. It is never wrong to do so, and very often it is absolutely necessary.
    Line 71, Column 5: character "<" is not allowed in the value of attribute "id"   </div>✉It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.
    I have absolutely no clue what it is asking of me. Doesn't it have to be that way? Also why when I go to "Line 71" that isn't where this actual code is? Is there some special way to decipher this?

  • How to make a link in a report open a Form in a different region of the same page ?

    Hi,
    I developped a report and a form for the same table. I also created a link and used it in my report so that when I click on the link of one record, the form is opened and display this record.
    My problem is that when I include my report as a portlet and I click on a link, the form is opened in full screen mode by replacing the page containing my report.
    What should I do in order to open this form in another region of the same page ?
    Thanks a lot

    I presume that the two regions are working fine with their individual buttons and your issue is how to make them both save with one button.
    Here is how
    a. You will have 2 ApplyMRU and 1 ApplyMRD processes for each of the regions. Right? Lets say you have 2 "Save" (i.e. label=Save) buttons, one has name SUBMIT and the other SAVE ( SUBMIT and SAVE being the requests that will be sent when they are clicked , respectively)
    b. Make the Display condition on one of the buttons 'Never'. Now it won't show when you run the page. Lets say you made SAVE's conditional Display 'Never'
    c. Go and change the condition on all ApplyMRU and ApplyMRD processes from "When Button Pressed" to "Request is contains in Expression1". In Expression1 enter SUBMIT,SAVERegards

Maybe you are looking for