Loading ...
Sorry, an error occurred while loading the content.

Re: [NTO] Slices to web page

Expand Messages
  • Scott Fordin
    Ed, ImageReady can generate the HTML code you need for your image, and has options for various HTML output settings. You should then be able to just drop the
    Message 1 of 8 , Jan 31, 2003
    • 0 Attachment
      Ed,

      ImageReady can generate the HTML code you need for your
      image, and has options for various HTML output settings.
      You should then be able to just "drop" the code into your
      doc. I'm running a later version of ImageReady than you,
      so I'm not exactly sure of the menu commands you need to
      follow, but look for an Output Settings menu item, probably
      under the File menu. ImageReady has had this feature for
      long time -- every version I've used over the years has
      had it, so I'd be surprised (wouldn't be the first time)
      if the version you're using doesn't.

      Scott

      Ed Brown wrote:
      > Using ImageReady 3 I have sliced up a picture that I want to put on my web
      > page using NoteTab Lite. I am not sure what the next step is in ImageReady.
      > I saved the slices but how to I convert them to HTML? Then how do I move
      > the HTML to my page in NoteTab? I think this is off topic as I need some
      > help in ImageReady 3 before I will have the image(s) ready to place on the
      > Web Pages. Thanks,
      > Ed
      >
      >
      >
      >
      > Your use of Yahoo! Groups is subject to http://docs.yahoo.com/info/terms/
      >
      >
      >
    • Ed Brown
      Scott, Actually I don t know what I was think of when I said ImageReady 3. It came with PhotoShop 7.0 and upgraded to 7.01 so it is ImageReady 7.01. Thanks I
      Message 2 of 8 , Jan 31, 2003
      • 0 Attachment
        Scott,
        Actually I don't know what I was think of when I said ImageReady 3. It came
        with PhotoShop 7.0 and upgraded to 7.01 so it is ImageReady 7.01. Thanks
        I will see what it says. I have one picture on the screen that shows slice
        no. 16. But I am not sure what it means by URL. It will go to
        www.nclexreview.net/cover.html and that is in the URL box but how did it
        know that? I want to put it in NoteTab and see what it looks like before I
        upload all the image slices and as I understand it I will place the slice
        HTML into the page at the place where the image would normally go. The
        Manual leaves much to the imagination or presumes a lot more knowledge than
        I have.
        Ed

        ----- Original Message -----
        From: "Scott Fordin" <sfordin@...>
        To: <ntb-OffTopic@yahoogroups.com>
        Sent: Friday, January 31, 2003 8:35 AM
        Subject: Re: [NTO] Slices to web page


        Ed,

        ImageReady can generate the HTML code you need for your
        image,
      • John Zeman <john041650@yahoo.com>
        Ed I know this isn t what you asked, but I ll throw it in for what it s worth anyway... Recently I created an image to be used as a menu on a web site I m
        Message 3 of 8 , Jan 31, 2003
        • 0 Attachment
          Ed I know this isn't what you asked, but I'll throw it in for what it's worth anyway...

          Recently I created an image to be used as a menu on a web site I'm building now, and it works kind of like a slice and diced image menu. But it's not sliced and diced, it is one image that I mapped out the coordinates of where what link goes to what. After I created the single image using the Photoshop, I just clicked on the Photoshop "Info" palette to make that active. Then using the mouse pointer I positioned it over my image at the upper left and lower right areas of where I wanted each link to be within that image, and wrote down the x,y locations shown on the Photoshop's Info palette. (In my image map, my links are all rectangular, but they don't have to be).. I have seven areas in that image that I use to link to seven different web pages, and it took me all of about 1 minute to record all seven links map coordinates using the Photoshop.

          Then I opened my web page in NoteTab, and inserted the following code for my image map.

          <map name="menu">
          <area shape="rect" coords="6,14,111,41" href="index.html" alt="Click to return to the opening page">
          <area shape="rect" coords="6,53,111,80" href="things.html" alt="Calendar of Events in Western Iowa">
          <area shape="rect" coords="6,92,111,119" href="places.html" alt="Western Iowa Attractions">
          <area shape="rect" coords="6,131,111,158" href="links.html" alt="Web Sites of Western Iowa Tourism Members">
          <area shape="rect" coords="6,170,111,197" href="photos.html" alt="Western Iowa Photo Gallery">
          <area shape="rect" coords="6,209,111,236" href="membership.html" alt="The benefits of belonging to the Western Iowa Tourism Region">
          <area shape="rect" coords="6,248,111,275" href="industry.html" alt="Information for WITR Members"></map>

          <img src="graphics/links.gif" width="120" height="400" border="0" alt="" usemap="#menu">


          In the first area element where it says coords="6,14,111,41" that represents the area of that image which represents the first link. Those numbers are the pixel distances from the top left corner of the image. 6,14 represent the x,y coordinates of the top left position of the first link, while 111,41 represent the bottom right locations within the image of the first link. The same applies to the other 6 links. It's really pretty easy to do once you're onto it.

          John




          --- In ntb-OffTopic@yahoogroups.com, "Ed Brown" <ebrown27@b...> wrote:
          > Scott,
          > Actually I don't know what I was think of when I said ImageReady 3. It came
          > with PhotoShop 7.0 and upgraded to 7.01 so it is ImageReady 7.01. Thanks
          > I will see what it says. I have one picture on the screen that shows slice
          > no. 16. But I am not sure what it means by URL. It will go to
          > www.nclexreview.net/cover.html and that is in the URL box but how did it
          > know that? I want to put it in NoteTab and see what it looks like before I
          > upload all the image slices and as I understand it I will place the slice
          > HTML into the page at the place where the image would normally go. The
          > Manual leaves much to the imagination or presumes a lot more knowledge than
          > I have.
          > Ed
        • Adrian/ Rosemary Worsfold
          I d put sliced images together in a table without cellspacing or cellpadding and with a border of 0, however image maps allow more precise positioning of
          Message 4 of 8 , Jan 31, 2003
          • 0 Attachment
            I'd put sliced images together in a table without cellspacing or cellpadding
            and with a border of 0, however image maps allow more precise positioning
            of "slices" by rectangle, circle or any shape while leaving the picture alone. I
            like the free GeoHTML to do mine. Slicing might be useful to make part of a
            missing picture appear in a mouseover effect.

            Adrian Worsfold

            http://www.pluralist.co.uk
          • Scott Fordin
            If you have ImageReady already, you truly don t need another tool to do what you re talking about. It s really a very powerful program, and with its Photoshop
            Message 5 of 8 , Jan 31, 2003
            • 0 Attachment
              If you have ImageReady already, you truly don't need
              another tool to do what you're talking about. It's really
              a very powerful program, and with its Photoshop core, it
              does better image manipulation, conversion, resizing, etc.
              than anything else out there.

              I just took a minute -- literally a minute -- and created
              a quick image, which I then divided into ten slices. I
              use the Save Optimized As command, and for the Save as
              type option, I chose "HTML and Images." ImageReady
              generated the code and ten images corresponding my ten
              slices. I chose to do it as a table of sliced images,
              but I could have just as easily created an image map.
              Here's the HTML code ImageReady generated:

              <HTML>
              <HEAD>
              <TITLE>Untitled-1</TITLE>
              <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
              </HEAD>
              <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
              <!-- ImageReady Slices (Untitled-1) -->
              <TABLE WIDTH=350 BORDER=0 CELLPADDING=0 CELLSPACING=0>
              <TR>
              <TD><IMG SRC="images/tessst_01.gif" WIDTH=70 HEIGHT=60 ALT=""></TD>
              <TD><IMG SRC="images/tessst_02.gif" WIDTH=70 HEIGHT=60 ALT=""></TD>
              <TD><IMG SRC="images/tessst_03.gif" WIDTH=70 HEIGHT=60 ALT=""></TD>
              <TD><IMG SRC="images/tessst_04.gif" WIDTH=70 HEIGHT=60 ALT=""></TD>
              <TD><IMG SRC="images/tessst_05.gif" WIDTH=70 HEIGHT=60 ALT=""></TD>
              </TR>
              <TR>
              <TD><IMG SRC="images/tessst_06.gif" WIDTH=70 HEIGHT=60 ALT=""></TD>
              <TD><IMG SRC="images/tessst_07.gif" WIDTH=70 HEIGHT=60 ALT=""></TD>
              <TD><IMG SRC="images/tessst_08.gif" WIDTH=70 HEIGHT=60 ALT=""></TD>
              <TD><IMG SRC="images/tessst_09.gif" WIDTH=70 HEIGHT=60 ALT=""></TD>
              <TD><IMG SRC="images/tessst_10.gif" WIDTH=70 HEIGHT=60 ALT=""></TD>
              </TR>
              </TABLE>
              <!-- End ImageReady Slices -->
              </BODY>
              </HTML>

              It took me about *one minute* to get from blank document
              to this code. It's taken me ten times longer to write this
              message describing it!

              Best regards,

              Scott

              Adrian/ Rosemary Worsfold wrote:
              > I'd put sliced images together in a table without cellspacing or cellpadding
              > and with a border of 0, however image maps allow more precise positioning
              > of "slices" by rectangle, circle or any shape while leaving the picture alone. I
              > like the free GeoHTML to do mine. Slicing might be useful to make part of a
              > missing picture appear in a mouseover effect.
              >
              > Adrian Worsfold
              >
              > http://www.pluralist.co.uk
              >
              >
              >
              >
              >
              > Your use of Yahoo! Groups is subject to http://docs.yahoo.com/info/terms/
              >
              >
              >
            • Alec Burgess
              Adrian ... The GeoHTML looks interesting. http://www.fegi.ru/geohtml/ I m trying to use it and when I click the the Help file I get a message ... version of
              Message 6 of 8 , Jan 31, 2003
              • 0 Attachment
                Adrian

                >I like the free GeoHTML to do mine.

                The GeoHTML looks interesting. http://www.fegi.ru/geohtml/

                I'm trying to use it and when I click the the Help file I get a message
                that:

                >>GeoHTML.hlp help file was created for a language not supported by your
                version of Windows.<< (usually followed by an AV error)

                FWIW: I'm using Win2K SP3.

                Are you able to view the Help in the version you have? Is it useful?
                Note: when I try to access the russian version GeoHTMLr.hlp I get the same
                message.

                I've emailed the author but thought you might have already run across this.

                Regards ... Alec
                --

                ---- Original Message ----
                From: "Adrian/ Rosemary Worsfold" <change@...>
                To: <ntb-OffTopic@yahoogroups.com>
                Sent: Friday, January 31, 2003 17:23
                Subject: Re: [NTO] Slices to web page

                > I'd put sliced images together in a table without cellspacing or
                > cellpadding and with a border of 0, however image maps allow more
                > precise positioning of "slices" by rectangle, circle or any shape
                > while leaving the picture alone. I like the free GeoHTML to do mine.
                > Slicing might be useful to make part of a missing picture appear in a
                > mouseover effect.
              • Adrian/ Rosemary Worsfold
                Sorry, Alex Burgess asked if I can view the help in geoHTML. Yes, I have version 2.1 and the help file is in English and complete. Adrian Worsfold
                Message 7 of 8 , Feb 1, 2003
                • 0 Attachment
                  Sorry, Alex Burgess asked if I can view the help in geoHTML. Yes, I have
                  version 2.1 and the help file is in English and complete.

                  Adrian Worsfold

                  http://www.pluralist.co.uk
                • Alec Burgess
                  Ooops .... apologies Adrian, Sheri, PowerToolsSoftware and Notetab-OffTopic - I send this back to the wrong list ;-( Regards ... Alec -- ... From: Alec
                  Message 8 of 8 , Feb 3, 2003
                  • 0 Attachment
                    Ooops .... apologies Adrian, Sheri, PowerToolsSoftware and
                    Notetab-OffTopic - I send this back to the wrong list ;-(

                    Regards ... Alec
                    --

                    ---- Original Message ----
                    From: "Alec Burgess" <burale@...>
                    To: <adrianj@xxxxxxx>
                    Cc: <powertoolssoftware@yahoogroups.com>
                    Sent: Monday, February 03, 2003 16:46
                    Subject: Re: [NTO] Slices to web page

                    > Hi Adrian:
                    >
                    > I'm copying this back to the [PT] list.
                    > I'm still getting the:
                    >>> help file was created for a language not supported by your version
                    >>> of
                    > Windows.
                    > <<
                    > on the GeoHTML hlp file (66.8 KB), though the Htmlib95 hlp file (492
                    > KB) loads and displays fine as it did in the GeoHTML distro I
                    > downloaded previously.
                    >
                    > When I Google (both Web and Groups) the phrase:
                    > "help file was created for a language not supported by your version of
                    > Windows."
                    > I get a bunch of hits for various software programs which seem to
                    > have had the same problem, but no solutions. Trying MSKB also doesn't
                    > find anything related.
                    >
                    > If you can find the time, maybe you could copy/paste the text to a
                    > flat text file and I'll store the whole thing + the original
                    > installer on the pts downloads site?
                    >
                    > Regards ... Alec
                    >
                    >> The help files are zipped and attached.
                    >>
                    >> Adrian Worsfold
                    >>
                    >> http://www.pluralist.co.uk
                  Your message has been successfully submitted and would be delivered to recipients shortly.