Slice and Export a Web Layout to HTML from Photoshop CS3

Slice and Export a Web Layout to HTML from Photoshop CS3

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.

Note: This tutorial is up due to popular demand, however this is NOT how I recommend exporting and building HTML sites. Photoshop does terrible, terrible things to your code that it exports… follow at your own risk! 😀

More from Nathaniel Dodson
The Extract Filter – Photoshop CS2
The Extract Filter In Photoshop CS2 Learn how to make and use...
Read More
Join the Conversation

103 Comments

  1. “Note: This tutorial is up due to popular demand, however this is NOT how I recommend exporting and building HTML sites. Photoshop does terrible, terrible things to your code that it exports… follow at your own risk! :D”
    What would you suggest to be the best way to build and export an HTML site?

  2. says: Max

    Ditto to below: great video and thanks for the info! But, if this isn’t how you suggest we get an original layout into DW, then please tell us how you would. 🙂

  3. Pingback: botox
  4. Pingback: ghrp-6 wikipedia
  5. Pingback: roids mall
  6. Pingback: play online matka
  7. Pingback: recycletotes.com
  8. Pingback: boldenon
  9. Pingback: jobs
  10. Pingback: click here
  11. Pingback: Directory
  12. Pingback: satta matka
  13. Pingback: Agen Bandarq
  14. Pingback: yandex ankara
  15. Pingback: yandex ankara
  16. Pingback: economics tuition
  17. Pingback: yandex ankara
  18. Pingback: steroids on sale
  19. Pingback: de nature jakarta
  20. Pingback: رتبه گوگل
  21. Pingback: Webdesign Agentur
  22. Pingback: Kencing Nanah Itu
  23. Pingback: Jual
  24. Pingback: denature
  25. Pingback: harga obat
  26. Pingback: harga obat
  27. Pingback: herbal
  28. Pingback: bintik
  29. Pingback: Obat Kencing Panas
  30. Pingback: itu
  31. Pingback: antibiotik
  32. Pingback: denature
  33. Pingback: obat kutil kelamin
  34. Pingback: sakit
  35. Pingback: keluar
  36. Pingback: nanah
  37. Pingback: cara
  38. Pingback: singa
  39. Pingback: pengobatan
  40. Pingback: kencing
  41. Pingback: kencing
  42. Pingback: kelamin
  43. Pingback: kelamin
  44. Pingback: pengobatan
  45. Pingback: pengobatan
  46. Pingback: cipayung
  47. Pingback: me
Leave a comment
Leave a Reply to GaryCancel comment

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