How-To's: Coding I-Frame Layouts

For this tutorial, I'm using a sample layout. You can use this layout to by clicking here. Open the sample layout in PSP.

Using the crop tool, cut out a box where you want one of the frames to be. But do not crop it!

Notice on the toolbar above there are 2 different measurements. One is the actual size of the box you just made. Use these measurements to code the I-Frame.

The other set of measurements tells you the I-Frame's position on the page. Use these measurements to finish coding the I-Frame.

If you have another I-Frame to code, repeat the above steps to code it. If not, you're all done! That wasn't too bad, was it?