Jump to content


Photo

THE ULTIMATE LAYOUT SLICING AND CODING GUIDE!


  • Please log in to reply
132 replies to this topic

#1 Faken

Faken

    Pimpmaster G

  • Admin
  • 5,966 posts
  • Gender:Male
  • Location:Montreal, Canada

Posted 11 July 2005 - 09:51 PM

Posted Image

After over 80 hours of writing, taking screenshots and finally designing a website to host this tutorial, the Ultimate Slicing Guide is finally released and ready for viewing! For those of you that missed this, I have been working on the largest online tutorial ever created on how to manually slice a layout with Corel Photopaint (Or any other graphics program) and then code it into an HTML page in Dreamweaver.

You can check out this HUGE tutorial (Over 60MB in screenshots and samples) at http://www.slicingguide.com (The entire website is 1 tutorial!) and learn how to slice a complicated layout by hand and completely code it using Dreamweaver! You'll never have your content boxes screwing up your site everytime they get too long or scratch your head on how to tile gradients.

The tutorial will show you how to:
  • Create a slicing Strategy Guide
  • Manually slice a layout with minimal image size
  • Correct images for your layout
  • Completely code your images to a webpage with Dreamweaver
  • Create expanding content boxes
  • Deal with tiling gradient backgrounds
  • Stack tables to format your layout
  • Apply techniques to any tutorial you slice
  • Insert and pad text and images properly
  • Organize your images and html documents
  • Much more!
You'll never need another slicing tutorial ever again after reading this complete guide, so check it out now!

If you need help or have any comments on the Ultimate Slicing Guide, you can find the official Feedback/Support forum right here at Pixel2life.com!

If you have any bugs to report on the site, please send me a PM or Email!

Enjoy everyone!

Faken

#2 Jaymz

Jaymz

    Retired P2L Staff

  • Members
  • PipPipPipPip
  • 4,104 posts

Posted 11 July 2005 - 09:53 PM

Whooooooo! :)

#3 Donna

Donna

    Retired P2L Queen!

  • P2L Staff
  • PipPipPipPip
  • 12,330 posts
  • Gender:Female
  • Location:B.C Canada

Posted 11 July 2005 - 09:54 PM

The only bug I have atm is my eyes lol - Simply Outstanding you can take an hour off now :)

Gotta love Croc Dundee

Posted Image

#4 /quit

/quit

    P2L Che

  • Members
  • PipPipPipPip
  • 1,016 posts
  • Gender:Male
  • Location:New Hampshire

Posted 11 July 2005 - 09:55 PM

perfect timing faken! I just finished my layout on photoshop!! yaya!

SICK! I whole other site dedicated to it! You really went all out faken!!

Edited by anti_angel, 11 July 2005 - 09:57 PM.


#5 Neil

Neil

    Past Staff Member

  • Members
  • Pip
  • 149 posts
  • Gender:Male
  • Location:Australia

Posted 11 July 2005 - 10:28 PM

nice, hosted by serverseed i see

#6 Faken

Faken

    Pimpmaster G

  • Admin
  • 5,966 posts
  • Gender:Male
  • Location:Montreal, Canada

Posted 11 July 2005 - 10:38 PM

nice, hosted by serverseed i see

It's on my server actually :P

Faken

#7 DeathSentry

DeathSentry

    Young Padawan

  • Members
  • Pip
  • 10 posts
  • Location:USA
  • Interests:Stuff...

Posted 11 July 2005 - 10:40 PM

very nice tutorial, but it is very easy to use fireworks to slice your layout and then edit the outputed code a bit to strech like the end of your tutorial. The tutorial i learned this from is here:

http://ultraweaver.c...rface/index.htm

It's a much faster and easier way tot slice a layout to strech.

Edited by DeathSentry, 11 July 2005 - 10:41 PM.


#8 Sinny

Sinny

    Young Padawan

  • Members
  • Pip
  • 144 posts

Posted 11 July 2005 - 10:43 PM

That's amazing Faken. Just, amazing... I'm sure a countless number of people are going to benefit greatly from this tutorial, be proud! :P

#9 Faken

Faken

    Pimpmaster G

  • Admin
  • 5,966 posts
  • Gender:Male
  • Location:Montreal, Canada

Posted 11 July 2005 - 10:46 PM

very nice tutorial, but it is very easy to use fireworks to slice your layout and then edit the outputed code a bit to strech like the end of your tutorial. The tutorial i learned this from is here:

http://ultraweaver.c...rface/index.htm

It's a much faster and easier way tot slice a layout to strech.

I have yet to see Fireworks slice a complicated layout properly, and not only do your tables come out weird, but it creates massive images for nothing. It's simply not intelligent enough to be layout specific, so it uses generic algorithms to create the layout. You'll never come close to the same thing doing it by hand.

I don't know about you, but I would prefer taking the time to do it right the first time rather than wade through whatever Fireworks creates then fixing it - images and all. Fireworks is great for small sections, buttons etc... but for a complete slicing solution, it doesn't have a prayer.

Anyhow, people seem to consider my slicing abilities to be worth paying for, and this is how I do it so I'm sure this is valuable information to many. I didn't create this to debate whether it's fast or not... not looking for speed after all - looking to show you how to do it properly by hand and understand what you are doing.

Faken

#10 jessycormier

jessycormier

    Young Padawan

  • Members
  • Pip
  • 30 posts
  • Gender:Male
  • Location:Canada

Posted 11 July 2005 - 10:55 PM

you did say Quality over quontity (how ever u spell :P)


great job, i'm defenitly going to look into this

80hours, 2 work weeks! thats freaken crazy,

:P

;)

#11 Sinny

Sinny

    Young Padawan

  • Members
  • Pip
  • 144 posts

Posted 11 July 2005 - 10:57 PM

Anyhow, people seem to consider my slicing abilities to be worth paying for.


Absolutly. In fact, I'd even pay to access such an in-depth guide like this, which has clearly had a lot of effort put in to it. :P

#12 z77

z77

    Content Contributor

  • Members
  • Pip
  • 176 posts
  • Location:Atlanta
  • Interests:Art, Computers, Goldfish, Church, Pizza, Ice Cream, Frisbee, Paintball, PHP, C4D, Photoshop, Friends :)

Posted 11 July 2005 - 11:00 PM

holy crap... you really outdid yourself on this thing, Great Work Faken!

This is one amazing tutorial! I finally have a place to direct people when I am asked how to slice and put together a layout! Thank you!

#13 DeathSentry

DeathSentry

    Young Padawan

  • Members
  • Pip
  • 10 posts
  • Location:USA
  • Interests:Stuff...

Posted 11 July 2005 - 11:07 PM

Mind if i try slicing that layout in Fireworks? just to see what happens.

Edited by DeathSentry, 11 July 2005 - 11:07 PM.


#14 Faken

Faken

    Pimpmaster G

  • Admin
  • 5,966 posts
  • Gender:Male
  • Location:Montreal, Canada

Posted 11 July 2005 - 11:12 PM

Mind if i try slicing that layout in Fireworks? just to see what happens.

Doesn't matter to me... kindly read this again:

Anyhow, people seem to consider my slicing abilities to be worth paying for, and this is how I do it so I'm sure this is valuable information to many. I didn't create this to debate whether it's fast or not... not looking for speed after all - looking to show you how to do it properly by hand and understand what you are doing.


This is an announcement thread, not a debate.

Faken

#15 Xanderdude

Xanderdude

    Jedi In Training

  • Members
  • PipPip
  • 453 posts
  • Location:The Netherlands
  • Interests:Radio controlled flying and Digital art,Web<br />And a little gaming if im bored

Posted 11 July 2005 - 11:27 PM

wow this is nice :|

#16 sLk

sLk

    Young Padawan

  • Members
  • Pip
  • 33 posts

Posted 11 July 2005 - 11:34 PM

Great stuff, just what I needed to get me started with actually coding all my layouts.

Edited by sLk, 11 July 2005 - 11:35 PM.


#17 patellio

patellio

    Young Padawan

  • Members
  • Pip
  • 70 posts
  • Location:California

Posted 11 July 2005 - 11:43 PM

AWESOME work Faken!!! Two giant thumbs wayy up for this one. Great tutorial. It will help me out a ton with slicing and codign my sites from now on...Thanks ALOT!!!! :P

#18 Griffin

Griffin

    P2L Staff

  • P2L Staff
  • PipPipPipPip
  • 1,207 posts
  • Gender:Male
  • Location:California
  • Interests:Things I find interesting.

Posted 11 July 2005 - 11:46 PM

Very nice job :P

#19 -Michael-

-Michael-

    P2L Jedi

  • Members
  • PipPipPip
  • 737 posts
  • Gender:Male
  • Location:Florida

Posted 11 July 2005 - 11:46 PM

This will be the big tutorial, any time the question arises, 5 people will instantly respond with the link to this tut, I've never seen such a comprehensive tut! But I suppose it is an extremely important skill.

#20 Faken

Faken

    Pimpmaster G

  • Admin
  • 5,966 posts
  • Gender:Male
  • Location:Montreal, Canada

Posted 11 July 2005 - 11:59 PM

Thanks a lot guys :P

For those of you that asked, there is a paypal donate link on there now. Much appreciated to anyone who donates, but it's certainly not necessary <3

Faken




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users