Use Photoshop to Cut and Export a Website Design

This tutorial explains 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.

Get Embed Code

Rating:
Tags: design, photoshop, website
Views: 143
Favorite of 1 person

You need to be a member of The Photography Network - PictureSocial to add comments!

Join this social network

Welcome to
The Photography Network - PictureSocial

Sign Up
or Sign In

Resources

Latest Activity

Roberta Ruschi left a comment for saeed pezeshki

Thanks a lot Saeed, I love the atmosphere of your pictures !!!Have a nice weekend!And keep on posting pics...

31 seconds ago

Geri S. replied to Michael's discussion 'JULY 10, 2009 PICTURESOCIAL DAILY CHATTER' in the group PictureSocial Daily Sharing and Chatter Forum

GG have a wonderful time !

41 seconds ago

GG replied to Michael's discussion 'JULY 10, 2009 PICTURESOCIAL DAILY CHATTER' in the group PictureSocial Daily Sharing and Chatter Forum

Awesome capture, Marcia! Geri the water lilies are just beautiful! I hope everyone has a wonderful weekend! I am leaving for Florida this morning . I have a three day weekend with girlfriends in Navarre Beach! Yeah!!!!!!! Hope to get some new phot...

2 minutes ago