| | Hi I m new to this site. I have designed a layout in PSD. What i want is to know how can I slice the PSD to build a Cross-Browser Compatible HTML file. Thank U. |
| Nov 22, 2009 |
Convert psd to html Converting PSD To HTML Replying to Zeeshan HashmiHello, you can use psd2html. They can do it fairly cheap in under 8 hours. Http://www.Psd2html.Com-reply by John
If so, open up your psd in Image Ready (part of Photoshop afaik) With Image Ready you can slice the image and save it as html for use in a webbrowser. Then select the "Slice Tool" (K) and slice it up the way you want. With the "Slice Select Tool" you are able to edit the slices afterwards (height, position,...) When you are done, "File->Save Optimized" enter a name for the html file and save it, voila your image is now net ready  Image Ready created a html file with tables and in the "images" subdirectory you will find your sliced images, however you can edit the subdirectory by clicking "File -> Update HTML..." Click "Output Settings" button and edit the images folder name. You can also edit the way the images are named it is up to you but I think Image Ready is the best tool to slice images,... it is the only one I have ever used 
You can do the same using in Photoshop itself, ImageReady isn't really necessary.
Yes, this can be done EASILY in Photoshop, no need for ImageReady. I was asking about the CROSS-BROWSER HTML Page. May be including XHTML.
QUOTE(Zeeshan Hashmi @ Sep 17 2006, 10:53 PM)  Yes, this can be done EASILY in Photoshop, no need for ImageReady. I was asking about the CROSS-BROWSER HTML Page. May be including XHTML. Zeeshan, this is an excellent resource, though I recommend you to read this page thoroughly (may take a while, but believe me it's worth it): http://www.richinstyle.com/masterclass/crossbrowser.html Though I'm not sure if there's any application that generates a cross-browser html/css, this is how I usually work. I wish you luck.
It's pretty easy in imageready, since you have photoshop you are likely to have imageready.
Load up the psd and slice it up. The slices will be individual image files and will represent tables. Give each slice a setting if needed and save it as an optimized html file. In the past i have had some trouble with this, it will show up differently on different resolutions. -HellFire
What I do is I create the page layout in Photoshop and I slice it in Photoshop. When I finish I then edit the image in ImageReady to Save the sliced up image as HTML. What you do is at ImageReady with the file open and sliced already, go to File -> Save Optimized As.
After that, open the HTML file with an HTML editor preferrable a WYSIWYG for easy editing. If you want to add content over the sliced image, use the image url of the sliced image and make it as the background of that td table.
Hi there,
As a PSD2HTML.com representative let me add some comments on the topic discussed. When you have your design files ready and it comes time to sit down and write the HTML code for your new site, you have two choices: to use a WYSIWYG editor (such as Dreamviewer, ImageReady or Photoshop itself) or hire someone to do it right, to convert your design to a professional, valid markup. While using a WYSIWYG editor to generate the code for you may be an attractive option, it will not give you the best end result. Let me make this point clear. First of all, the HTML code generated by several editors may not be compliant with existing web standards which are typical for the modern professional web-development. Secondly, WYSIWYG editor produces files of large sizes what can not guarantee fast load time for your users. Thirdly, any automatic tools simply do not provide enough support and help in optimizing your pages for search engines, what reduces the chances of having your web site ranking highly for your targeted keywords. Finally, you have your page looks just like your design did, but does it work in all browsers? It`s good to use WYSIWYG editors, however, if you want to save your time and plan to produce high-quality product – professional hand coding service is definitely the way to go. QUOTE(PSD2HTML.com @ Aug 20 2008, 09:50 AM) Just a clarification. When you say that 'professional hand coding service is the way to go' do you mean to say that you do the work without using any of the modern tools? I would have assumed that a service like PSD2HTML will use some form of batch processing to get the conversion done in a efficient way. Hi there, As a PSD2HTML.com representative let me add some comments on the topic discussed. When you have your design files ready and it comes time to sit down and write the HTML code for your new site, you have two choices: to use a WYSIWYG editor (such as Dreamviewer, ImageReady or Photoshop itself) or hire someone to do it right, to convert your design to a professional, valid markup. While using a WYSIWYG editor to generate the code for you may be an attractive option, it will not give you the best end result. Let me make this point clear. First of all, the HTML code generated by several editors may not be compliant with existing web standards which are typical for the modern professional web-development. Secondly, WYSIWYG editor produces files of large sizes what can not guarantee fast load time for your users. Thirdly, any automatic tools simply do not provide enough support and help in optimizing your pages for search engines, what reduces the chances of having your web site ranking highly for your targeted keywords. Finally, you have your page looks just like your design did, but does it work in all browsers? It`s good to use WYSIWYG editors, however, if you want to save your time and plan to produce high-quality product – professional hand coding service is definitely the way to go. Latest Entries
Convert psd to html
Converting PSD To HTML Replying to Zeeshan HashmiHello, you can use psd2html. They can do it fairly cheap in under 8 hours. Http://www.Psd2html.Com -reply by John
Similar Topics
Keywords : converting, psd, html
(10) Hi All Does any one know how to convert a quicktime movie to swf file ? Is it possible ? Can any Looking for converting, psd, html
|
 Converting PSD To HTML |
Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com