	yc website people courses
	maps e-services\| contact us\| campuses\| calendars\| blackboard\| a - z index\|

Future Students Current YC Students Faculty & Staff Lifelong Learners Community & Visitors

Yavapai College > Information Technology Services > Web Services > Web Author Training Resources > 5. Images

Image Formatting Instructions

Images are an excellent way to communicate concepts and ideas that relate to the text content that appears on a web page.

The website allows for two basic images. The first is tall (portrait orientated), the other is wide (landscape orientated).

Getting photos ready for your web pages

When preparing your images for the web page, you will want to set up the images in a program such as Adobe Photoshop, PhotoElements, or another graphics program to the following specifications:

Image dimensions - 110 pixels wide by 150 pixels tall OR 225 pixels wide by 150 pixels tall
Image resolution - 72 dpi
Image types - JPG or GIF

Getting images onto your pages

Each image contains the following required attributes

src - the path to the image as it exists in the server
align - left or right
class - the css value that defines the positioning and margin
alt - a text description of the image for Internet Explorer
title - a text description of the image for Firefox

Feel free to copy and paste the code highlighted in blue and use it directly in your own pages.

<img xsrc="/cms/render/file.act?path=/path/to/image_file" align="left" class="left" alt="text description of image for internet explorer" title="text description of image for firefox" />

<img xsrc="/cms/render/file.act?path=/path/to/image_file" align="right" class="right" alt="text description of image for internet explorer" title="text description of image for firefox" />

Portrait-Orientated Image with Left Alignment

Portrait orientated, left aligned image sample

This portrait-orientated image with the dimensions of 110pixels wide by 150 pixels tall. It is aligned to the left, allowing for the text to appear to the right and below it.

This landscaped-orientated image with the dimensions of 225pixels wide by 150 pixels tall. It is aligned to the left, allowing for the text to appear to the right and below it.

Portrait-Orientated Image with Right Alignment

Portrait orientated, right aligned image sample