Photoshop Advice?

  • edawg
  • Graduate
  • Graduate
  • User avatar
  • Joined: Jul 30, 2005
  • Posts: 105
  • Status: Offline

Post February 22nd, 2006, 7:09 pm

Once you complete a website in Photoshop cs2/imageReady, what would be the best way to get the entire design into notepad, so it can be edited using HTML/CSS?. what do you do?.
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post February 22nd, 2006, 7:09 pm

  • Impel GD
  • Professor
  • Professor
  • No Avatar
  • Joined: Oct 26, 2004
  • Posts: 834
  • Loc: Cologne, Germany
  • Status: Offline

Post February 23rd, 2006, 2:57 am

Have a look at the export for web option. This will export your slices (once you've defined them) as HTML (probably tables, not CSS).

However, there's no guarantee that this layout will good/stable, so I export my slices manually and place them in my own layouts.
Web and print design
  • draganta
  • Beginner
  • Beginner
  • User avatar
  • Joined: Jan 11, 2006
  • Posts: 55
  • Status: Offline

Post February 23rd, 2006, 8:35 am

well, my friend uses dreamweaver to edit html/css elements of the page. do you really wanna edit that on notepad?
  • Smokenjoe
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Apr 09, 2004
  • Posts: 1573
  • Loc: Anchorage, AK
  • Status: Offline

Post February 24th, 2006, 7:52 am

If your just wanting to get a copy of the code, use the export to HTML option in Image Ready. It will give you a preview of the animation in a web browser, along with the blcok of coding for that specific animation. Simply copy and paste the code anywhere you want. The export option is represented by the internet explorer icon in your main tool bar.

Also, I would recommend Crimson Editor for direct coding editing. You will use all the same language, but Crimson has multi-colored lines, better saving options, and is free. Just streamlines the process. Good luck.
For all your engineering related inquiries:
http://www.eng-tips.com/index.cfm
  • Belk Media Group
  • Graphic Monk
  • Professor
  • User avatar
  • Joined: Jan 12, 2005
  • Posts: 778
  • Loc: In the heart of California, Fresno.
  • Status: Offline

Post February 24th, 2006, 8:34 pm

In ImageReady all you have to do is goto File>Save optimized as...


Now name your file and click save. By defult the format option is already set to save an HTML file and puts all the sliced images into a folder called images.

All you have to do after that is open up the html file in your notepad.
http://www.JamesBelk.com Stay Tuned for the new era in Belk Media Design

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 57 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.