Just discovered PS Slicing

[pugboy]

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]

Nice start there pugboy.
Id reduce the size of everything tho, seems a littel large.

 

[Dan]

Agreed. Good start and yeas, resize everything.
Would also recommend saving the images as .gif or .png rather than .jpg

 

[JonnyH]

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]

Ok, thanks for the advice

Photoshop does create some messy HTML

 

[DarkBlood]

Photoshop does create some messy HTML

http://validator.w3.org

Make sure "clean with HTML Tidy" is checked. IMO, slicing is just a lazy thing to do.

 

[Lukero]

Hmm, nice start, definitely better than mine a few years ago.

I would recommend fading out the reflection a bit more.

 

[pugboy]

Says that it is valid an everything

 

[DarkBlood]

Says that it is valid an everything

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]

Don't see anything :/

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

 

[DarkBlood]

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]

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]

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]

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]

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]

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.