Results 1 to 15 of 15
  1. #1
    Join Date
    Mar 2004
    Location
    Sacramento
    Posts
    20

    Image Ready Web Template Exporting Help!

    Hi I have a BIG problem I'm trying to figure out regarding exporting a Web site template.

    I created a template in Adobe Photoshop CS, sliced it up, transfered it to Image Ready CS and then used "Save Optimized As" (Image and HTML).

    Then I tried to create some editable text areas using Macromedia's Dreamweaver MX 2004. But the only way I can figure out how to do that is by deleting one of the slices and typing my text in the HTML page's background! But wait, nearly everytime I delete one of these slices the whole damn template screws up and the images move everywhere!

    So my question, how would I export my template from Image Ready CS so that I'm able to type over it in Dreamweaver. I already know I can simply export the entire image and make it a background image but then the links I created in Image Ready for my menu bar won't work!

    Please help! My email address is: [email protected]
    I would very much appreciate any help from you guys!

    John.

  2. #2
    Join Date
    Aug 2003
    Location
    USA
    Posts
    1,030
    You need to make sure you specify the sizes for each table cell before just deleting the image contained in the cell.

    You might be better off slicing it in CS and saving as a web page in CS.

    More coding may be required, but I think it's worth it to get a better product.
    CybexHost.com - Shared and Reseller Hosting Solutions on cPanel/WHM Linux Servers
    ModernTweak.com - Discount ModernBill Licenses, Hosted Installations, and Professional Services
    :: Pay for your discount ModernBill license with PayPal
    :: admin[at]cybexhost.com :: AIM: CybexH

  3. #3
    You need to make sure you specify the sizes for each table cell before just deleting the image contained in the cell.
    Although I am one to build the HTML myself, and import the correct images and such, cybex told you exactly what to do.

    Example:
    <TD><IMG SRC=images/spacer.gif WIDTH=610 HEIGHT=1></TD>
    Change to:
    <TD WIDTH=610 HEIGHT=1></TD>
    Hope that helps, and good luck!

    Regards,
    Paul B. Riddick
    ServeYourSite
    Web hosting done right
    ██ Shared, Reseller and Dedicated web hosting
    An Easy Web Presence Company

  4. #4
    Join Date
    Mar 2004
    Posts
    2
    yeah, its best if you zoom in really close and slice the images as such, i find it much easier to code that way.

    hope that helps, cya.

    -tiz

  5. #5
    Join Date
    Mar 2004
    Location
    Sacramento
    Posts
    20
    Hi, this is the reply I got from PlaneWalker,

    When you lay out the slices, just make sure the ones you want to type on are in their own cell in the table then instead of filling the cell with that slice, just set that cells background as the image then place your text on top. You dont need to make the whole site a background, just that cell. If you dont use cells and try to place a bunch of images side by side, then yes, when you remove the slice, it will mess everything up.



    The best way to do sites is to slice em up, export the images, then create a table yourself with cells, and populate them with the proper images. Then, in places you want text, simply remove the slice in the way, set its cell background as that image, then write on top of it.



    Im hoping this helps, but it really depends on if Im understanding your problem fully.



    Let me know



    Mike aka PlaneWalker

    So it's to my understanding that there's no way I can just export my Web template in Image Ready CS as images and html and from there, open it in Dreamweaver and delete the slices or replace them with cells? Or even make them background images?

    Thanks everybody for all your help, I'm glad there's people like you on this planet!

  6. #6
    Join Date
    Mar 2004
    Location
    Sacramento
    Posts
    20
    This is how I interpreted Mike-aka PlaneWalker's response.

    I first create a blank HTML page in Dreamweaver.
    >> Insert a bunch of tables equal to to the sizes of my every slice in the Image ready Web template.
    >> Then I take all the images created from my exportation and insert each one in accordance to their sized cell in the HTML page.


    But then what would even be the use of exporting the template as "images and HTML" when the HTML file will not even be used?

    Thanks, John..

  7. #7
    Join Date
    Jun 2003
    Location
    New York, NY
    Posts
    248
    Johnny,

    I would recommend saving the site as CSS - not as a table. I have a video demonstration that should help you with this particular task:

    http://www.itwebsolution.com/catalog/vcampus.php - Website Template tutorial - this will show you how to do exactly this.

  8. #8
    Join Date
    Oct 2003
    Location
    Bangalore, India
    Posts
    136
    ITWeb LLC, haven't yet watched it since am at college, but looks like a very resourceful link. Thank you!

  9. #9
    Join Date
    Mar 2004
    Location
    Sacramento
    Posts
    20
    Hey I tried watching those video's and none of them work! I'm running the latest software Windows Xp Divx codecs, broadband and everything..

  10. #10
    Join Date
    Mar 2004
    Location
    Sacramento
    Posts
    20
    Actually to be more specific I tried downloading the last one on Website templates. When I went to play the file I only hear sound!! Can't see any picture! That was on the .avi file. i can't even play the the wma file!

  11. #11
    Join Date
    Mar 2004
    Location
    Sacramento
    Posts
    20

    I finally got it!!!!

    Hey everybody thank you all for volenteering your valuable time to helping me out!

    I finally got that video working on another computer I had and it was great! (Although instead of using the magic wand in Photoshop to select a fill color you could of just control>>clicked the layer and it would of done that automatically!)

    I've finally figured everything out! Turns out the best way to export a template in Image Ready is to export the slices as CSS!

    This method worked perfect for me and did exactly what I was trying to do!

    Mike you were absolutely right because the exporting of a Web template as Images and HTML is of no use to me!

    Thank you all, John Amaro.. Sacramento, CA.

  12. #12
    Join Date
    Jun 2003
    Location
    New York, NY
    Posts
    248
    Glad to see it worked!

    What was the trick with the video? I want it to be helpful to everyone...

  13. #13
    Join Date
    Mar 2004
    Location
    Sacramento
    Posts
    20
    Well I it kept saying there was an error with the codec when trying to play the avi file. But once I switched computers everything worked. Also, I did have trouble downloading it though. Probalby server problems.

  14. #14
    Join Date
    Jun 2003
    Location
    New York, NY
    Posts
    248
    Here is what you need:
    http://www.techsmith.com/products/st...ecdownload.asp

    That codec will allow the video to run on any computer.

  15. #15
    Hello, who can help me?
    I am trying to export html and image from Adobe Image Cs to Dreamweaver, i select the selected slices and when i open in the dreamweaver it comes the selected slices and the entire html table with white images. I would like to have only the html and images from those i selected.
    Thanks!!!

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •