Need help getting my text/text instead of image

[crazzy88]

Hey I am pretty new to web design. I am building the site in photoshop and putting it into dreamweaver to make the changes ect. Is there anyway to right text in photoshop that is able to be copy and pasted? Or how would I go about doing it? Slice the spot and write the text in dreamweaver?

 

[jcross]

dreamweaver text

Body text should really be actual text instead of an image. You can google search for web-safe fonts to display this text in, but if you're set on using a special non-web-friendly font, you have to rasterize the text layer. Right click the layer, rasterize this layer. This makes it more editable, so to speak, and let's you draw a marquee around it to copy/paste it somewhere else. Copy the text you want, being aware of the background area in your marquee, and make a new file to paste it into. Save it out for web and you should be good to go.

To put this into dreamweaver, just use the img tag and link to your img:

<img src="http://www.webdesignforum.com/images/text_image.gif" alt="alternate text" />

A little trick to keep the text in your image indexable:

<a href="#" title="#" class="somelink">this is some link</a>

css:

.somelink {
  text-indent: -9999px;
  display: block;
  width: 200px;
  height: 100px;
  background: url(images/link.gif) no-repeat;
}

The text-indent tag pushes the link's text off the page, but allows users who have images turned off to still see the data.