|
Resizing
your Graphics to Fit the WSU Web Templates
The
grid in the content zone of this page is identical
to the table found in the WSU templates, with one exception:
The
borders
are
visible.
The
purpose of this page is to demonstrate how wide to resize your
graphics to fit various combinations of the columns. See
the full grid.
The
Grid
The content zone of the WSU templates is composed of six columns, each
88 pixels wide, separated by narrower "spacer" columns, 8 pixels
wide. When combining columns, keep the 8-pixel spacer columns to the
left and right of the combined columns. In other words, select from the
first desired wide column to the last desired wide column, but don't
select the narrow columns on the outside of these columns.
Resizing
your graphics
To insert a graphic into your page, determine the width of the column
into which you intend to insert it. If your graphics program indicates
that the graphic is wider (as measured in pixels), use the graphics program
to resize the photo. Then import the photo into your Web page.
Do
not use Dreamweaver to resize your graphics! This is discussed
more on my page on resizing graphics.
Borders
If you will be adding a border to your graphic via HTML (e.g., through
the Dreamweaver Properties Inspector), you need to decrease the
image size accordingly. A 1-pixel border will add one pixel to
the right of the image, and one pixel to the left. So reduce
graphic width an extra two pixels.
Whatever
the width of your border (in pixels), multiply times two, and delete
from the width indicated by this grid.
The
default primary content zone is 376
pixels wide. |
