Monday, August 3, 2009

How to change adobe photoshop image into a HTML file?

Dear all, I need help desperately!



I have to build a website. I%26#039;ve already gotten the pages done using adobe photoshop. This means that I know exactly what I want on each page and I%26#039;ve done the whole page by adobe photoshop. However, most website host needs the file to be in html in order for it to appear on the web. Is there any way to change an adobe photoshop image into a html file without changing the layout or anything? Coz it was hard work designing the layout and inserting the content into adobe photoshop image.



Thanks....



How to change adobe photoshop image into a HTML file?





Not really. You can save the image as a jpeg and slice it up using Imageready...and then code html that uses those slices as buttons and whatnot. But there is no way to simply transform a graphic file into html.



How to change adobe photoshop image into a HTML file?



in adobe go to file %26gt; save for web



that will create and .htm file and a image folder.



Other Replys:There a couple of things here you should know. First, you%26#039;re going to have to open the file in ImageReady (which already comes with Photoshop). Then you will have to cut your layout into slices or you can just leave it as one big slice. However, by doing this, your text is also converted into an image (individual gifs) which would not let it be indexed (searched) by search engine robots.



Anyway, open the file in ImageReady and do %26quot;Save Optimized As%26quot; then select html only or html with images. Remember so save it as index.html. This is the first file the server looks for when your address is typed in. Hope it helps.



Other Replys:It would be really not advisable to put the whole picture as such into an HTML.



Use the slice tool and split them into seperate images.



Then import it into a web-editor like dreamweaver / if u know HTML coding, you can do it manually.



Convert them into links... and do what is required

No comments:

Post a Comment