Welcome Guest ( Log In | Register)



 
Reply to this topicStart new topic
> Psd --> Editable Html
htdefiant
post Sep 30 2007, 12:23 AM
Post #1


Advanced Member
*******

Group: Members
Posts: 126
Joined: 21-February 06
Member No.: 18,973



Here's the deal. I am new at working with web objects in photoshop. I have CS3, and I created a really nice template. I'm told I have to do something with slicing. So I have the template, and it has images, buttons, and text on the buttons, and text fields, etc. How can I export this to HTML and images, and be able to open it up in dreamweaver in an editable web page? I've tried exporting to "web and devices" and exporting as HTML and Images, but when I open it up in dreamweaver, it looks right, but it is all images.

Thanks
Go to the top of the page
 
+Quote Post
acantocephala
post Oct 1 2007, 01:45 PM
Post #2


Newbie [Level 1]
*

Group: Members
Posts: 22
Joined: 1-April 07
From: Spain
Member No.: 40,913



It's not so hard...

First of all I haven't use CS3 but CS2 so I guess there's no a big difference. Here's an advice first:

* I't a bad idea to try to make the whole template with images 'cause your web site will load slow. You must use the images the header and maybe the footer, and the rest of the body use html, trying to combine the color of yor header with your html background and so on... About CS3 you were right, you could use the web and devices tool with the slice tool.

You can find the slice tool as part of the Ps tools and it's seems a cutter tool image... so pic that tool and try to draw "squares" over your CS3 image. The tool is quite smart and it will numerate each slice. You must try to make pieces and make a sort of a puzzle with your PSD image. One your finished, export your image with web and devices option menu; set the parameters (if yu want jpg's or png's or gif's and the quality) choosea name for the file, the target folder and save it, or better said, save them, because CS3 will make for you separate images as slices you did with; after that go to dreamweaver and using tables "re-compose" the puzzle by loading the images previoulsy sliced and stored by CS3
Go to the top of the page
 
+Quote Post
html
post Nov 5 2007, 08:59 PM
Post #3


Newbie [Level 2]
**

Group: Members
Posts: 31
Joined: 28-September 07
Member No.: 50,771



QUOTE(acantocephala @ Oct 1 2007, 06:45 PM) *
It's not so hard...

First of all I haven't use CS3 but CS2 so I guess there's no a big difference. Here's an advice first:

* I't a bad idea to try to make the whole template with images 'cause your web site will load slow. You must use the images the header and maybe the footer, and the rest of the body use html, trying to combine the color of yor header with your html background and so on... About CS3 you were right, you could use the web and devices tool with the slice tool.

You can find the slice tool as part of the Ps tools and it's seems a cutter tool image... so pic that tool and try to draw "squares" over your CS3 image. The tool is quite smart and it will numerate each slice. You must try to make pieces and make a sort of a puzzle with your PSD image. One your finished, export your image with web and devices option menu; set the parameters (if yu want jpg's or png's or gif's and the quality) choosea name for the file, the target folder and save it, or better said, save them, because CS3 will make for you separate images as slices you did with; after that go to dreamweaver and using tables "re-compose" the puzzle by loading the images previoulsy sliced and stored by CS3

Thanks having a good tutorial which you replied to the question. its really good and easy to understand slicing tools for web designers.
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Html Editors That Work With Asp Php(7)
  2. How To Make Pure Html Preloader?(7)
  3. Free Html Editor?(37)
  4. Html Code Problem(7)
  5. Html Form Help Please(2)
  6. Form Mail (in Csv Or Straight Html)(0)
  7. Formatting Php With Html(4)
  8. Features Of Coffeecup Html Editor 2005(4)
  9. Html Editor(16)
  10. How To Create Html Feedback Form(3)
  11. Html Editor(7)
  12. Tools For Photo Album With Html(12)
  13. Tsw Webcoder(3)
  14. Besides Html / Css(11)
  15. Best Free Html/flash Templates(13)
  1. How To Use Html In Flash(1)
  2. Php Or Html?(35)
  3. I Buy A Book "html,xhtml&css Sixth Edition" By Elizabeth Castro(2)
  4. A Small Html Problem(4)
  5. Help! Php Or Just Html?(13)
  6. Css List Vs Html List(1)
  7. Where Is There A Good Site To Learn Web Html?(18)
  8. Has Anybody Tried Ms Expression Web Html Editor(3)
  9. A Twist On Basic Authentification(1)
  10. Flash Media Into Html/css Website(1)
  11. Html Problem(9)
  12. What Is The Best Free Html Editor?(8)
  13. Naming Web Page Files(7)


 



- Lo-Fi Version Time is now: 26th July 2008 - 04:37 PM