Adding Text to a Website Template

H
Posted By
HoMoon115
Jan 16, 2006
Views
354
Replies
2
Status
Closed
Hello,

I apologize in advance for the layman thread.

I’m trying to save a website template. I’ve made the appropriate slices to save sections of the canvas as individual images. In its current state, all the text is saved as an image. Accordingly to make any changes to the text I need to do all the editing in Photoshop. I would like to be able to save just the images and have text fields that are editable in Frontpage or Dreamweaver.

In Dreamweaver tried simply deleting the image splices that contained text and inserting a text box. When I do so all the other images become misaligned and my whole webpage is screwed up. I would also like the text area to be adjusable. Is there any way to make the surrounding images adjustable to accomodate more lines of text without losing the alignment of the images?

Here is a link to the template I’m working with.

http://www.templatesbox.com/templates/201.htm

Thanks Much,
Aaron A.

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

K
Kingdom
Jan 17, 2006
"HoMoon115" wrote in news:1137423585.326978.275160 @f14g2000cwb.googlegroups.com:

Hello,

I apologize in advance for the layman thread.

I’m trying to save a website template. I’ve made the appropriate
slices
to save sections of the canvas as individual images. In its current state, all the text is saved as an image. Accordingly to make any changes to the text I need to do all the editing in Photoshop. I would like to be able to save just the images and have text fields that are editable in Frontpage or Dreamweaver.

In Dreamweaver tried simply deleting the image splices that contained text and inserting a text box. When I do so all the other images
become
misaligned and my whole webpage is screwed up. I would also like the text area to be adjusable. Is there any way to make the surrounding images adjustable to accomodate more lines of text without losing the alignment of the images?

Here is a link to the template I’m working with.

http://www.templatesbox.com/templates/201.htm

Thanks Much,
Aaron A.

Put the image slices into the table as BACKGROUND images, then you can use normal html text within the table.

Adjusting area size is a bit more trick you need to nest the tables.


Art, like morality, consists in drawing the line somewhere.
TN
Tom Nelson
Jan 17, 2006
Open the project in ImageReady. In the Slices palette, under Type you can select "No Image." I’m not sure what the checkbox "Text is HTML" does. It’s a good idea to put some dummy text in the "Text:" box in the Slices palette; it’ll help you find that particular slice. You can open the source file in your text reader, find the dummy text and replace it with the stuff you want.

Having just done a project in ImageReady, here’s another tip. By default, IR names the images it produces as
projectname+slice+rollover-state.ext. In other words, if your IR project is named "home" you will generate images with names like "home_home03_over.gif." If you create a new page by Save As.. and renaming it, you will make new images with names like
"newpage_newpage03_over.gif." Every image will be saved again under a different name. If you want your site to use the same collection of images, you’d have to go into each page and take out the project name.

Instead, go to File>Output Settings>Saving Files and set IR to save only Slice Name + underscore + rollover state + .ext
Now your images will have the same names from one page to the next. To save your sanity, go back to the Slice palette and give each slice a useful name like "logo" instead of "index00".

Tom Nelson
Tom Nelson Photography

In article ,
Kingdom wrote:

"HoMoon115" wrote in news:1137423585.326978.275160 @f14g2000cwb.googlegroups.com:

Hello,

I apologize in advance for the layman thread.

I’m trying to save a website template. I’ve made the appropriate
slices
to save sections of the canvas as individual images. In its current state, all the text is saved as an image. Accordingly to make any changes to the text I need to do all the editing in Photoshop. I would like to be able to save just the images and have text fields that are editable in Frontpage or Dreamweaver.

In Dreamweaver tried simply deleting the image splices that contained text and inserting a text box. When I do so all the other images
become
misaligned and my whole webpage is screwed up. I would also like the text area to be adjusable. Is there any way to make the surrounding images adjustable to accomodate more lines of text without losing the alignment of the images?

Here is a link to the template I’m working with.

http://www.templatesbox.com/templates/201.htm

Thanks Much,
Aaron A> > .

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections