I never read a book about PS (photoshop) 'n had a lesson about it.I made stuff everyday by working about 6 hours with ps. I did many things i actually make websites with ps :)
The point is that i was slicing pages with Rectangular Marque tool and Copy Paste to another file then save it. :) but i heard that someone was slicing it with slice tool ( i actually new it but never used it ) and HTML'izing with that. I never new that and i had to write it on Notepad for about 3 hours. :) i hated it much but today i learned that slicing and HTML'izing can be done with slice tool :)
that made me go crazy after 3 months working with ps 'n slicing with Rectangular Marque ... Now i do it with Slice tool :) (without wasting time)

:) just wanted to share.

explain it to me?

What version photoshop? i've got 7 and I use it whenever I'm making a web site.

I also hate fireworks.

Originally posted by Sticks
and HTML'izing with that. I never new that and i had to write it on Notepad for about 3 hours. :)

Oh man, I hate to do it to you but... LOL, that is too funny


>>pattox,

design your page, slice it with the slice tool, I think under "file" click on "save for web", your save for web window will pop up, click on "save" in the upper right corner, window pops up, name your file and save as "HTML with images", something to that effect, I am doing from memory and its been awhile since I did one

the slice tool is excellent in in photoshop/imageready . They also have easy ways of animating and applying rollovers . I like to create in photoshop , slice in imageready , then go back to photoshop so i can save the output in png as opposed to .gif

This is how many template designers (at least some of the better ones I've seen) distribute their designs this way. A PSD file with the slices already done. You can easily export to HTML, it will compress the slices, save them, then create simple HTML via tables. Sure it won't work for all site designs, but it can really save a lot of initial time when dealing with background images and other fancy graphics.

yes i know it :) but i wasnt doing it so :D
i was wasting my time :P
dsotmoon yes that's funny for me too :)
Darn i spent so much time slicing it with another tooL :)
can someone tell me how to make that rollover things with that ?

? any comment about how to do rollover buttons with ps ?

? any comment about how to do rollover buttons with ps ?

Rollover effects are done using Imageready (not Photoshop). The image must be in its own layer to do this. The Imageready rollover palette will allow you to create different states to the image. (i.e., Up, Down, MouseOver, MouseOut) Those states or versions of the same image can be hand-designed by changing colors to a nav button, for example, or assigning it a "style" off the style palette.


You can easily export to HTML, it will compress the slices, save them, then create simple HTML via tables. - JeremyV -

I know about being able to save single slice as "No image" so that you can add text to it *before* you save the work as HTML. Then after the HTML is generated, you can edit the text you added (whether by hand or using a WYSIWYG editor), and even use css styles on it.

My question is this- I hope you someone can help me out:
After slicing the PSD file, and generating the HTML for it, how can one add text over an image, or within the slice? Is it as simple (or as tedious, depending on how you look at it) as creating tables with columns and rows and using the individual slices as backgrounds to so you can type on them?

Thanks in advance.

. . . talking about setting up a design forum . . .

:D

LOL! Just to cover myself, I posted something similar in the "other" place. Redundancy, redundancy, redundancy. :D

I've never used the slice tool; I've always coded by hand with Notepad. Easier for me to fix things that way and no unnecessary code.

Thanks for sharing, Pixelaxis =)

Anyone here who does not solely hand-code (like I used to) who'd like to share? Thanks again.

Originally posted by PixelAxis
I've never used the slice tool; I've always coded by hand with Notepad. Easier for me to fix things that way and no unnecessary code.

Actually if you know how to slice right Adobe creates some very nice code - far better than Fireworks or MS. Nice and clean

thank you guys it's been a while and now i am better at ps and imageready. I do slicing things.
What i want to know is that people sell their templates and call it sliced but it's not professionally coded as photoshop slicing leaves spacing stuff
<td>
<img src="images/spacer.gif">
</td>
and stuff. i think it is normal to do so huh ?

:)

I never read a book about PS (photoshop) 'n had a lesson about it

that made me go crazy after 3 months working with ps 'n slicing with Rectangular Marque

This is why they have the books and lessons. With everything in PS there is an easy way and a hard way. The easy way is in the books. Here are some links I find useful as well.

http://www.teamphotoshop.com/photoshop/tutorials/ps_tut.php
http://www.pegaweb.com/tutorials/fiveminutewebsitetutorial/five-minute-website-tutorial.htm
http://www.webdeveloper.com/design/
http://www.tutorgig.com/
http://www.tutorialforums.com/
http://209.50.253.230/forums/index.php?

thank you for useful links
I know some of them and read them as long as i have time.
:) thanks