PDA

View Full Version : Just discovered PS Slicing


pugboy
July 30th, 2008, 23:42
I JUST discovered how to slice up a layout and make PS CS3 spit out HTML, so I created a Hosting Logic layout.

Comments?

http://hostinglogic.us.to/beta
fnixws
July 31st, 2008, 01:46
Nice start there pugboy.
Id reduce the size of everything tho, seems a littel large.
Dan
July 31st, 2008, 04:12
Agreed. Good start and yeas, resize everything.
Would also recommend saving the images as .gif or .png rather than .jpg
JonnyH
July 31st, 2008, 04:26
It's good for a start yes, but word of advice. Never ever use PS to actually create the HTML. Set PS to images only and then learn how to properly slice a webpage. Google some tutorials.
pugboy
July 31st, 2008, 11:39
Ok, thanks for the advice :)

Photoshop does create some messy HTML :P
DarkBlood
July 31st, 2008, 12:19
Photoshop does create some messy HTML :P

http://validator.w3.org

Make sure "clean with HTML Tidy" is checked. IMO, slicing is just a lazy thing to do.
Electrism
July 31st, 2008, 12:26
Hmm, nice start, definitely better than mine a few years ago. :P

I would recommend fading out the reflection a bit more.
pugboy
July 31st, 2008, 12:38
o.O

Says that it is valid an everything :P
DarkBlood
July 31st, 2008, 12:43
o.O

Says that it is valid an everything :P

if you also checked clean markup with HTML tidy, a separate codebox or so will appear with the cleaned code (some tags may be switched around and/or removed as well.) HTML Tidy may also make css styles as well, like if you used the <center> tag.
pugboy
July 31st, 2008, 13:06
Don't see anything :/

I am recoding it by hand anyways, but the images seem to have spaces in between them...
DarkBlood
July 31st, 2008, 13:17
Don't see anything :/

I am recoding it by hand anyways, but the images seem to have spaces in between them...

Then you didn't check the checkmark, because it IS there, regardless if there's anything to clean or not, I should know, I used it a bunch. A screenshot of where it would be is below.

http://img98.imageshack.us/img98/1511/htmltidynj4.png
pugboy
July 31st, 2008, 13:36
I did check it. It was under "more options".

Doesn't work for me :/


EDIT:
I uploaded the hand-coded design. Any more cments? (Same link)
Dan
July 31st, 2008, 21:25
Make the Navigation smaller and tidier and also change the color for the text on these: http://hostinglogic.us.to/beta/images/image15.png
A1Owner
July 31st, 2008, 23:39
Make the Navigation smaller and tidier and also change the color for the text on these: http://hostinglogic.us.to/beta/images/image15.png

I would not put text on images at all, as it makes images larger in size, now to OP get the hang of using divs to put text on images. That is ur next task !
DarkBlood
July 31st, 2008, 23:49
By the way, PS Slicing has been around since like, Photoshop 7 or so.

PS also has a "Photo Gallery" maker that functions in the same manner, outputs HTML, thumbs, etc. And JavaScript accordingly.
Dan
August 1st, 2008, 03:07
I would not put text on images at all, as it makes images larger in size, now to OP get the hang of using divs to put text on images. That is ur next task !

I wasn't telling him to put text on images. I was telling him to change the text color. But I do agree with you.