tim_ver Posted March 29, 2007 Share Posted March 29, 2007 I wanted to know the easiest way to convert a PSD file(website page layout) to HTML. I have the site done some what an the layout is ok but we now want to change it. The website is done in PHP/Mysql now and we need to have the new layout put in place for only one of the pages not the whole website. I use Photoshop cs and Dreamweaver if this helps any. Thanks much Quote Link to comment https://forums.phpfreaks.com/topic/44852-psd-to-html-for-website/ Share on other sites More sharing options...
cmgmyr Posted March 30, 2007 Share Posted March 30, 2007 take a look at this: http://www.eyesondesign.net/pshop/slicing/images.htm you pretty much have to slice up your images and "save for web" with html and images selected. this will output a table with all of your sliced images in it. If you want to add another step look into CSS layouts and convert the tables into CSS Quote Link to comment https://forums.phpfreaks.com/topic/44852-psd-to-html-for-website/#findComment-217835 Share on other sites More sharing options...
tim_ver Posted March 30, 2007 Author Share Posted March 30, 2007 Is this hard to do? New to doing this so is there a large learning curve or not? Thanks Quote Link to comment https://forums.phpfreaks.com/topic/44852-psd-to-html-for-website/#findComment-217841 Share on other sites More sharing options...
cmgmyr Posted March 30, 2007 Share Posted March 30, 2007 no it's pretty easy (atleast to do the table version) once you get into CSS its a little tricky with some things but once you work with it more it becomes second nature Quote Link to comment https://forums.phpfreaks.com/topic/44852-psd-to-html-for-website/#findComment-217843 Share on other sites More sharing options...
tim_ver Posted March 30, 2007 Author Share Posted March 30, 2007 Ok, what it is for is the website has a db with serval companies all have different photo's and text so just need the layout and the rest would all be different. Not sure if I need the css, ideas on how I implement the code after the slicing? Thanks Quote Link to comment https://forums.phpfreaks.com/topic/44852-psd-to-html-for-website/#findComment-218318 Share on other sites More sharing options...
tim_ver Posted April 1, 2007 Author Share Posted April 1, 2007 After I do the slice what is next now? Thanks Quote Link to comment https://forums.phpfreaks.com/topic/44852-psd-to-html-for-website/#findComment-218968 Share on other sites More sharing options...
cmgmyr Posted April 1, 2007 Share Posted April 1, 2007 you have to "save as webpage" then you can play around with the html Quote Link to comment https://forums.phpfreaks.com/topic/44852-psd-to-html-for-website/#findComment-218973 Share on other sites More sharing options...
Amman-DJ Posted April 1, 2007 Share Posted April 1, 2007 After making the slices u can give them hyperlink then Save For The Web it will create an html file and folder contains the slices ( pictures ) open the page with any editor ( frontpage ..etc ) and start ur things Quote Link to comment https://forums.phpfreaks.com/topic/44852-psd-to-html-for-website/#findComment-219106 Share on other sites More sharing options...
tim_ver Posted April 2, 2007 Author Share Posted April 2, 2007 ok. I will give it a shot. Let you know outcome soon. Quote Link to comment https://forums.phpfreaks.com/topic/44852-psd-to-html-for-website/#findComment-219501 Share on other sites More sharing options...
tim_ver Posted April 5, 2007 Author Share Posted April 5, 2007 Hey, I have a site I created from scratch in ADOBE CS2, now in PSD format I have it sliced and saved it as html web ready but how do I do the button links? It is one big image when I open it. I have a drop down and 4 links(Home page, About Us, Products, Contact Us) I did try slicing out the buttons but this did not work, can someone please help me out on this. Thanks Quote Link to comment https://forums.phpfreaks.com/topic/44852-psd-to-html-for-website/#findComment-222221 Share on other sites More sharing options...
cmgmyr Posted April 5, 2007 Share Posted April 5, 2007 sounds like you have to slice it Quote Link to comment https://forums.phpfreaks.com/topic/44852-psd-to-html-for-website/#findComment-222236 Share on other sites More sharing options...
tim_ver Posted April 6, 2007 Author Share Posted April 6, 2007 Ok not sure if I need to post here or in PHP/Msql but I have one last issue on this PSD to Html issue. I have everything done except I have a drop down menu taht I need to lay over the top of one of the image slices. I have tried to do a draw layer over the image and then put the drop down in it. Put when I do this it does not work I get an error. If I put it at the bottom of the page it works fine so I do I get this to lay over the image? Please help me here. Thanks much Quote Link to comment https://forums.phpfreaks.com/topic/44852-psd-to-html-for-website/#findComment-222710 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.