Dividing the Image Into 3 Parts(7.) Duplicate this image and minimize the original. It is now time to slice up the frame. This will be done in three parts, the middle part first. (8.) Using the duplicate image, click on the Crop Tool and enter settings: Left 0, Top 122, Right 738, Bottom 372. Crop and save as middle.jpg. This part ended up 738 x 250. (9.) Make a duplicate of your minimized graphic. Working on the duplicate copy now crop for the top part. Settings: Left 0, Top 0, Right 738, Bottom 100. Crop and save as top.jpg. This part's size 738 x 100 (10.) Make another duplicate of your minimized graphic. Working on the duplicate copy, crop for the bottom part. Settings: Left 0, Top 370, Right 738, Bottom 498. Crop and save as bottom.jpg. Size was 738 x 128. HTML Code for Frame PartsFor this tutorial, use the code from my source code on the first page or from the File Section at the Group. I will have to find out how to place the code on a web page without the page going crazy. I will probably have to make the code an image and then enter it as img src. Do not have time for that right now. The middle and top images are at the top of your html and the bottom image is coded at the end of your html. |