Photoshop to HTML

Discussion in 'HTML & Website Design' started by worldman, Sep 11, 2006.

0
  1. #1
    I have designed a template on photoshop but I am having trouble coding the HTML into it. Any help will be welcomed
     
    worldman, Sep 11, 2006 IP
  2. Sleepy_Sentry

    Sleepy_Sentry Well-Known Member

    Messages:
    869
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    110
    #2
    Are you using ImageReady?

    Press CTRL+Shift+M in Photoshop to do so.
     
    Sleepy_Sentry, Sep 11, 2006 IP
  3. worldman

    worldman Notable Member

    Messages:
    3,337
    Likes Received:
    261
    Best Answers:
    0
    Trophy Points:
    225
    #3
    I know you have to edit in Image ready but as how to do that I am not sure. Is it possible to do everything in Image Ready or do I have to edit it using notepad or something else?
     
    worldman, Sep 11, 2006 IP
  4. bannersworld

    bannersworld Guest

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Use the image slicing feature on the image ready and save the file as optimised. It will generate code as well as slice the image for you!
     
    bannersworld, Sep 11, 2006 IP
  5. worldman

    worldman Notable Member

    Messages:
    3,337
    Likes Received:
    261
    Best Answers:
    0
    Trophy Points:
    225
    #5
    Will I be able to edit it in Microsoft Frontpage?
     
    worldman, Sep 11, 2006 IP
  6. lum4yan

    lum4yan Peon

    Messages:
    25
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    how about text?
    how I can put some text in the page over the image?
     
    lum4yan, Sep 17, 2006 IP
  7. ProdigalSon

    ProdigalSon Peon

    Messages:
    25
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    ^ set the image to a background image.
     
    ProdigalSon, Sep 17, 2006 IP
  8. U-P-L-O-A-D.COM

    U-P-L-O-A-D.COM Banned

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    First make your layout in slices then Press Ctrl+Alt+Shift+S and save it for web. Now you can edit it frontpage or dreamweaver as you want
     
    U-P-L-O-A-D.COM, Sep 17, 2006 IP
  9. katabg

    katabg Peon

    Messages:
    44
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Create slices using guides in Photoshop. Then on tool menu click on ImageReady ico. From ImageReady export sliced image as a html. Open html in MSFrontpage and continue editing as you wish.
     
    katabg, Sep 18, 2006 IP
  10. RNelson

    RNelson Active Member

    Messages:
    864
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    60
    #10
    I use fireworks to slice


    Save as psd >>> open in fireworks >>> select slice tool >>> when finished slicing export html and images >>> find where you want to save it >>> click images in seperate sub folder >>> name it index and save >>> then in dreamweaver open index.htm >>> where you want to write or something click that image >>> press delete on your keyboard >>> then set a bg where you just deleted click the folder and find the image that was their before and their you go it's writable!

    Maybe add tables or just use a iframe

    <iframe src="/url here.htm" frameborder="0" width="130" name="main" scrolling="yes" height="172"></iframe>
    HTML:
    Make sure you adjust it to your needs then if you want a link to open up into iframe use this code target="main" as iframe name is main!

    - Nelly
     
    RNelson, Sep 18, 2006 IP
  11. bannersworld

    bannersworld Guest

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Photoshop->Imageready->qickslicing/save->MSFrontpage or any other editors is the quickest way to do this.

    Robert Morrise
    bannersworld.com - World's Best Banners Provider
     
    bannersworld, Sep 21, 2006 IP