subject: psd to xhtml slicing [print this page] psd to xhtml slicing psd to xhtml slicing
Before psd to xhtml coversion we should remember to design a very attractive webpage and with eye catching color scheme, it help you make user stay on your website for a long time. And to improve this content placement and user friendly content helps you out. Web page should be easily loadable and to make it compressed we can use gzip compression or deflate. Lesser http request is very helpful in loading of webpage. Use css image sprite and lesser external files attached with a webpage. A webpage size should be less than 25kb and if you use any images or flash in it then its size should be less than 50 kb.
Remember one thing during slicing that webpage shold be cross browser compatible. Tableless coding or div coding is beneficial for website because table is used only to show tabular data. Check markup validation of xhtml and css2.1 from w3c.org and remove all markup errors. Latest editors like dreamweaver cs5 automatically remove many markup errors.
Many things in a psd to xhtml conversion need to follow like pixel precise, it sholud be optimized for load speed, Easy to update, Self explanatory in terms of class names, Logically structured, Shorthand and Optimized CSS, Commented code, favicon, Fluid width layouts etc. For latest browsers you can use css3 and html5.
Seo friendly on page coding also promotes your online business because it uses many white hat seo semantic codes like meta tags, imgae tag optimization, title tag, heading tags, keyword density, load speed, unique and orignal content.
