Slice and Export a Website Layout + HTML: Photoshop Tutorial!

Check this video out at Hi-Res here: http://www.tutvid.com/tutorials/photoshop/tutorials/slicingALayout.php

Welcome to this video tutorial! We will learn how to take a Photoshop created web page layout template and slice it into individual pieces and then export it with an HTML file. We will cover user slices, layer based slices, auto slices, naming slices, assigning links to slices, alternate text for slices, creating multiple slices at one time, previewing our file in a web browser, saving individual slices as gifs or jpgs from the same document, and exporting a fully functional HTML file to go along with all of it. Please enjoy and don’t forget to check out the site http://www.tutvid.com

Duration : 0:21:4


Technorati Tags: , , , , , , , , , , , , , ,

This entry was posted in making a website and tagged , , , , , , , , , , , , , , . Bookmark the permalink.

25 Responses to Slice and Export a Website Layout + HTML: Photoshop Tutorial!

  1. 452dan says:

    Thanks. Exactly …
    Thanks. Exactly what I was looking for! Saved me a lot of work :)

  2. ChaomPR says:

    hmm i think i can …
    hmm i think i can try and do some web phishing… not going to hack but just try it…

  3. barbadosifct says:

    thanks for …
    thanks for uploading. if any of you are having problems with HTML, you can go to easyhtml . net and learn much faster. its where I learned to code. i hope it helps!

  4. pokesuke7 says:

    i did a conctact …
    i did a conctact box but when i put it into my myspace says violence of terms why? what did i do wrong?

  5. Persianlife says:

    @s190prooff at the …
    @s190prooff at the properties set border to 0.

  6. OregonBrandon says:

    Pretty good bro. …
    Pretty good bro. You pull that one out on the fly…

  7. stefani6661 says:

    you really help me! …
    you really help me!Thanks man

  8. ukinnayoamin says:

    honestly.. i think …
    honestly.. i think your the only dreamwever tutorial guy that speaks well and can understand very well as far as accent..the rest are like mumbling in different accent, non-american.

  9. yanike says:

    Awesome!!!!!!!!!
    Awesome!!!!!!!!!

  10. jaxxternout says:

    u make me feel …
    u make me feel sleepy but thanks for d vid..

  11. thewicksmusic says:

    incredible tutorial …
    incredible tutorial. very clear and informative… no fluff, but not at all dry. can’t thank you enough.

  12. crazyeyemother says:

    @AceTracer 10 years …
    @AceTracer 10 years ago I wrote all the code in Notepad.

  13. lamborginireventon2 says:

    u rock u r awsom i …
    u rock u r awsom i actually learnt s/th i

  14. cubprovocateur says:

    man you’re awesome! …
    man you’re awesome! I just spent 3 weeks going through some hardcore css tutorials resulting in the worst site man has ever created. I’ve spent one day doing your tutorials and finally I have decent looking page. Cheers buddy, keep up the good work!

  15. OrganicDrew says:

    how can i donate …
    how can i donate money to you this tutorial was awesome!

  16. hariiskal says:

    hey.. i need some …
    hey.. i need some help.. i want to create a site with a sidebar.. But the sidebar is pretty long. Should i create everything on that( i mean the titles, which are 7) or only the first one?

  17. tekcomputing says:

    Really good …
    Really good tutorial it’s just not HD but great tut

  18. wifiinternetguy says:

    You are a …
    You are a international hero… Can I have your autograph?

  19. MrOMGWTFxCorp says:

    YOU ROCK!!!!!!!!!
    YOU ROCK!!!!!!!!!

  20. chinhdung says:

    This clip do me …
    This clip do me understand so much. Thank you.

  21. azndude619 says:

    great stuff, …
    great stuff, however how do i make my layout fit full screen?

  22. loukeydo says:

    Very professional …
    Very professional tutorials. Great to see.

  23. TheUpcomersNetwork says:

    nice one
    nice one

  24. tiarnan76 says:

    @robert4kaly ever …
    @robert4kaly ever heard of fast forward head?

  25. 1deividas1 says:

    Very nice tutorial, …
    Very nice tutorial, explained it very good.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>