SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Zealot
    Join Date
    Mar 2007
    Posts
    182
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Building websites in photoshop & rebuilding in XHTML & CSS?

    Is there any tutorial on building a complete website in photoshop and then slicing those images to rebuild it in XHTML and using CSS to help with the styling and positioning? In summary A complete Photoshop mockup to CSS and XHTML?

    I hope someone could help out in explaining the finer details and also please list any useful URL for us to refer to.

    Thank you all in advance for all your thoughts and ideas.

    Kenneth

  2. #2
    whagwan? silver trophybronze trophy akritic's Avatar
    Join Date
    Nov 2006
    Posts
    2,780
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Well Kenneth, I don't think there is one single article or book that I've come across which does what you want: "A complete Photoshop mockup to CSS and XHTML".

    Generally tutorials on the web focus either on the Coding side, or the graphic side. It's important to know the limits of your abilities with the coding when designing in photoshop. But that shouldn't stop you experiementing, though you need to become familiar with what CSS is capable of to understand how to implement the design.

    Some links for you to look over:
    http://www.alistapart.com/articles/q...swithphotoshop
    http://theundersigned.net/2006/05/we...ing-photoshop/
    http://design.webgk.com/2007/08/slic...-html-css.html

  3. #3
    SitePoint Addict CaryD's Avatar
    Join Date
    Nov 2006
    Location
    San Diego, CA
    Posts
    389
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Electroskan recently pointed this one out in another thread:
    http://www.partdigital.com/tutorials/convert-web/

  4. #4
    whagwan? silver trophybronze trophy akritic's Avatar
    Join Date
    Nov 2006
    Posts
    2,780
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Another good article

  5. #5
    www.logoraman.com electroskan.com's Avatar
    Join Date
    Sep 2006
    Location
    India
    Posts
    1,063
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Read this It tells you something about polishing a site in photoshop and then the previous tut I have given you.
    LOGORAMAN
    [FB] [TWITTER] [BEHANCE] [FLICKR]

  6. #6
    SitePoint Evangelist
    Join Date
    Dec 2007
    Location
    Canada
    Posts
    516
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    When you create a site by slicing images in PS and wrapping then in html you are looking for trouble. Images take longer time to load then place CSS content boxes. I'd use graphics only as an accent to give it a more unique look. Rather then that, I'd build the site purely in html/css.
    godaycare.com - Canadian daycare listings with reviews
    Parenting and Child care Forum - Canadian child care forum

  7. #7
    SitePoint Member
    Join Date
    Jan 2008
    Location
    Indonesia
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think you should googling before..

    thx for a links...thats good article.

    --
    Trims.
    From Indonesia to The World
    if my english isn't good. Sorry.

  8. #8
    SitePoint Zealot
    Join Date
    Aug 2007
    Location
    Egypt-Luxor city
    Posts
    192
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Electroskan recently pointed this one out in another thread:
    http://www.partdigital.com/tutorials/convert-web/
    Read this It tells you something about polishing a site in photoshop and then the previous tut I have given you.
    Thx for this article this really good articles about this topic and from while i was searching for articles like this

  9. #9
    SitePoint Zealot Nick Burd's Avatar
    Join Date
    Jul 2008
    Location
    My Couch
    Posts
    111
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    For me it has all been trial and error.. its all about divs.

    learn divs and css, and you are set. The basic html file that houses your css link will likely be smaller of a file than your css...

    if you want more information and some help with learning this, PM me, and I'd be happy to help you learn this. Sometimes its easier to have someone to talk to at the time your trying a walk through just to ask questions and work things out at that time.

    NickBurd.Com

    Check out my site, give me a shout
    and let me know what you think.


Bookmarks

Posting Permissions

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