Merhabalar.
Photoshop’un web için oluşturmuş olduğu araçlardan birisi olan Slice Tool 
Slice Tool basit tasarımları veya prof. fark etmeksizin web ortamına aktarabilirsiniz.
Fakat html/css kadar detaylı olmayacak şekilde arayüzünü bu şekilde aktarabilirsiniz ama yazılarınız şeçilebilir konumunda olmayacaktır bunuda unutmayalım.
Biraz kurcalarsanız mantığını anlayacağınızı umuyorum.
Kullanımı hakkında bir video çektim:
http://www.screenr.com/4OQ7
Enes Aktaş - Tasarımcının Not Defteri