8 replies to this topic

[edskii]

Could someone slice and code a template for me please?, not really sure how to do it, especially the coding. I have tryed it before, but some images just end up out of place, and just doesn't look how it should.

Would be really appreciated if you showed me how to do it as well

My MSN is edskii@hotmail.co.uk, I will send you the PSD file of the template there

Ta!

[Jaymz]

Dan'll do it for $20...

[edskii]

Nah, I'll not pay, coz its not a big job to do .

I saw a few other people posting about the same thing, and job done, free of charge

Anyone? , I know how good p2l are!

[young2k4]

hey i will just email me wat yah want doing and whether u want HTML or PHP
beer_thesolution@hotmail.com or beerthesolution@gmail.com

[cperkins]

The best(*) and easiest thing to do would be to not slice it at all - ImageReady creates very bad HTML, even when used with its CSS option.

Instead, I would recommend taking a look at SiteGrinder. It's a Photoshop plug-in that'll output your page without slicing. You add "hints" to the names of some of your layers and then SiteGrinder does the work for you. So, to make a button, you name a layer something-button, and to give it a rollover (if it is a graphic) you make another layer called something-rollover.

http://www.medialab.com/sitegrinder

Anyway, check it out. The output is very nice (all valid XHTML 1.1 and CSS) and it has a lot of other options (popups, menus, multi-page output, compression control, rounded rects, conversion of Photoshop text to styled HTML &CSS).

Thanks,

Chris Perkins
(*)DISCLOSURE: I helped write SiteGrinder.

[JamesPickens]

best to do would slice it dont listen to him you dont slice it then its gonna be crap when loading, and imageready isnt even what creates the HTML you create yourself unless you useimage ready or dreamweaver to help you. and even then its decent.

[cperkins]

.regress,

Have you looked at SIteGrinder? I think you'll find that, like anything, you can build slow loading pages or fast loading pages with it. It all depends upon how smart and careful the user is.

SiteGrinder has a lot of tools for keeping download sizes small:

• automatic conversion of solid color rectangular Photoshop layers to HTML - no graphic is output
  
• optional conversion of Photoshop styled text to HTML/CSS. Again, no graphic.
  
• user driven merging of layers in the output - so overlapping layers don't have to have separate graphics, just use one.
  
• automatic re-use of any graphic that is identical - whether used on one page or between pages.
  
• a round rect option for outputting rounded rects as four small corner graphics rather than one larger one.

It also uses the Save For Web plug-in, so it has all the same compression options as ImageReady and Photoshop.

On the HTML side, it's also much lighter weight. SiteGrinder pages are usually a fraction of the weight of their ImageReady counterparts. This is because the ImageReady table code is very wordy and dense. SiteGrinder more modern XHTML is pretty lightweight and easily editable.

Anyway, the whole goal is to make it easier to move between designing in Photoshop and working in DreamWeaver (or your tool of choice) so you can move to more interesting work. Slicing, to me,is the least interesting and most tedious aspect of web design - why not get rid of it and move onto more interesting things, like PHP, etc.?

Chris
http://www.medialab.com/sitegrinder

[edskii]

I'm using sitegrinder atm, seems a lil bit tacky in some way. I've never even heard of it before..., but thanks

When I build my website, my background ends up with 'sitegrinder' logo's all over the place, is this because its a demo version or what?

ta

[cperkins]

Yes, SiteGrinder is an unlockable demo. Until it has an unlock code it defaces all the output with SiteGrinder logos.

Chris