Converting an image into a perfect WEB TEMPLATE...

Discussion in 'HTML & Website Design' started by nshadab, Apr 16, 2008.

  1. #1
    I am not new to INTERNET and language, but new to WEB TEMPLATES....

    I am trying to build some templates.

    I have designed some of them in PSD format with 800x600.

    I have sliced the main images as well.

    But i dont know, what is the best option to convert this sliced image into HTML format.

    Should i try to sliced the images and then fix them one by one i'n a table (HTML) manually.... Plz help me in this regards... As i dont know nothing about that....All i can design good templates and slice them properly.

    Thanks in advance.
     
    nshadab, Apr 16, 2008 IP
  2. PoppinDots

    PoppinDots Member

    Messages:
    59
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #2
    I slice the header, nav images and table background. Then code in divs within the table :) if your looking for someone to code your templates, hit me up. Maybe we can work something out.
     
    PoppinDots, Apr 16, 2008 IP
  3. Ikki

    Ikki Peon

    Messages:
    474
    Likes Received:
    34
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Don't use tables if you don't need to. As PoppinDots said, all it takes is some slicing and putting it all together into an html. To do so, you must also know how to code in HTML.
     
    Ikki, Apr 16, 2008 IP
  4. Svenson

    Svenson Peon

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Tables are bad, take some time to learn CSS and xhtml and you will be able to code templates without a problem.
     
    Svenson, Apr 16, 2008 IP
  5. kangaroobin

    kangaroobin Peon

    Messages:
    170
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    The quickest and easiest is using fireworks to slice the images then exporting the automated code and images straight out of fireworks, it does it for you.

    Also what is wrong with using tables to organize images?
     
    kangaroobin, Apr 16, 2008 IP
  6. jordanthegreat

    jordanthegreat Active Member

    Messages:
    390
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    58
    #6
    To organize images only (like in a gallery), its probably not a big deal but it is good practice to stay away from them as much as you can. Now if you are talking about building an entire site out of tables, this is a bad idea for seo purposes as well as page rendering time. Useing CSS provides the spiders with less code and more meaty content to crawl easily. Likewise, less code means the page will render faster.
     
    jordanthegreat, Apr 16, 2008 IP
  7. nshadab

    nshadab Well-Known Member

    Messages:
    1,120
    Likes Received:
    22
    Best Answers:
    0
    Trophy Points:
    185
    #7
    Thanks for offering your services.

    But i want to learn it....this time i am not planning to get someone to do any kind of project. This is just i want to learn this.

    I know how to code Html, CSS, and design images into Photoshop.

    But all i am looking how to convert them into HTML format.

    Would it be using CSS, DIV or somthing else.

    I am attaching my first designed template into PSD format.

    I have sliced that properly as well.

    But looking forward to get your suggestions how to convert them into HTML format....

    thanks
     

    Attached Files:

    nshadab, Apr 16, 2008 IP
  8. Svenson

    Svenson Peon

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    I would do that site like this:
    Candles are one image, images in right column(gifts, cakes ...) are three separate images. Everything else can be done with HTML and CSS.

    My divs would be a header, content, right column, and footer. That would get me 90% of the way there.
     
    Svenson, Apr 18, 2008 IP
  9. nshadab

    nshadab Well-Known Member

    Messages:
    1,120
    Likes Received:
    22
    Best Answers:
    0
    Trophy Points:
    185
    #9
    Yes, that's the way it is.

    One Logo Image
    The Candles IMG would be as header.
    The rest three other images.

    I have already sliced them using PHOTOSHOP. And got the images.

    Would you mind telling how to code this properly. Should i use table with this? And if you suggest divs.... would you mind putting some part of that code over here...... that would be a great help from you, if you can put some further light on this issue....
     
    nshadab, Apr 18, 2008 IP