Join for FREE | Take the Tour Lost Password?
Shop deviantART for the
holidays and save BIG!
Click here! :holly:
[x]

deviantART

:omfg:
 

Tutorial - Web Slicin' by ~poinko:iconpoinko:

Categories Resources & Stock Images > Tutorials > Web Design > Miscellaneous

©2006-2009 ~poinko
:iconpoinko:

Artist's Comments

had mentioned something about being unclear about Slicing in one of her (awesome) Journals, and that buried the seed for this little tutorial. Luckily I didn't have anything too pressing to do this afternoon, so I whipped it together real quick like.

If you're a moderate -> advanced user of Photochop, ImageReady, or have designed at least two website layouts using either, you probably won't get a lot of information out of this tutorial that you didn't already know. But this one's for the people who've not picked up the Slice tool yet, or don't know much about how to Slice up a layout.

I don't go into how to design a website, or how to tweak the HTML for your liking (though I might in a future tutorial), this is just all Slicing and ImageReady, folks. Enjoy, and be careful: massive filesize ahoy!

Comments


love 1 1 joy 6 6 wow 0 0 mad 1 1 sad 0 0 fear 0 0 neutral 0 0
:iconsynduo:
*SynDuo Nov 16, 2006, 2:55:25 PM
:D this is really helpful bigbro.

--
★ Aim for the Cosmos -*SynDuo
:iconfoxxie-creations:
*Foxxie-Creations Nov 16, 2006, 3:06:14 PM
Let's say I have lots of html files with the same script responsible for listing the contents. If I added a new content, that would mean I would have to add the extension script onto each page individually.

That's the big problem that I'm facing in web designing at the moment. Will you be teaching us how to conquer that eventually?

--
"I want a cat with the face of Alan Yentob"
Ross Noble's impression of the Queen
:iconpoinko:
~poinko Nov 16, 2006, 3:26:21 PM
That depends on what type of file you're talking about that contains the script.
:iconkoshi:
!Koshi Nov 16, 2006, 3:49:54 PM
;A;!

Graagh, this helps a lot...thanks for all your time and patience explaining this, I shall most definitely refer to this a lot. :P

The only major problem I was encountering is because the content areas of my website are just block colours...I didn't know how to get around displaying them as expanding content boxes rather than background images. but I guess I just have to code that bit manually. P;

But yaargh, again - thanks for the help, Awesome Tutorial Get~! :dance:
:iconfoxxie-creations:
*Foxxie-Creations Nov 16, 2006, 4:06:32 PM
That's another problem! What file types can you overcome this with? Is it possible to overcome this problem in html? If not, what file type would you recommend?

--
"I want a cat with the face of Alan Yentob"
Ross Noble's impression of the Queen
:icondenissensei:
Mood: Joy ~DenisSensei Nov 16, 2006, 5:29:06 PM
Great tut, dude :D I do layouts like it too
That tut is a great reference

--
Fly away little butterfly.... just fly away...
:iconsanna-mania:
~sanna-mania Nov 16, 2006, 8:29:01 PM
nice tutorial! I remember trying to learning how to use the slice tool but the person teaching it kept having a bad habit of saying "uhhhh" every 2 seconds...

But this really clarifies things! Thanks so much! :w00t:
:iconlordzoltan:
*LordZoltan Nov 17, 2006, 1:40:12 AM
OLOLOLOLOL, big tutorial, thanks.
:iconluigi48:
~Luigi48 Nov 17, 2006, 5:25:43 AM
Wow... to complex for me... X.x

--
My Mario Kart Wii License. Level me up and get COOKIES! :cookie:

<img src=\"http://www.mubos-md.com/licensemaker/ikc7v5ap.png\" border="0" />
Click here to level up my license!
:icondrojan:
~Drojan Nov 17, 2006, 12:14:13 PM
This is perfect for remember my ancient web lesson ! And I was thinkin for a website and... you bring me back the memory for making websites! Thanks a lot! (and sorry for my crappy english).
Previous Page12345...Next Page

Details

November 16, 2006
1.7 MB
1.7 MB
800×5500

Statistics

70
156 [who?]
8,248 (0 today)
299 (0 today)

Share

Link
Embed
Thumb

Site Map

©2009 deviantART. All rights reserved
About Us | Contact Us | Site Tour | Help & FAQ Advertise | Services Etiquette | Privacy Policy | Terms of Service | Copyright Policy