Adding images to your Web page
Follow these steps to add an image to your Web page:
- Find an image in .jpg or .gif format that you are are authorized to use (e.g. free of copyright restrictions).
- Open your image in an editing program like Fireworks or Photoshop and re-size the image to fit on your Web page (see standard sizes).
- Optimize your image in Fireworks so that it is as small a file as possible.
- Save your edited image in the images folder for the section of your Web site your image will be displayed in. Rename the file to reflect that the file has been edited.
- Save the original image in the same folder in which you save your edited image so that you can go back and re-size it if necessary.
- Find the place in your Web page in which you'd like to insert your image. Place your cursor before the first letter of a paragraph near where you want to place the image.
- Go to Insert>>Image. Browse to the edited version of your image in the Web site folder. Press OK.
- Enter alternate text for your image into the box that appears on the screen. This text will help the visually impaired using screen readers to know what the image is. Press OK.
If your image will be on home page for your "Academics" section, save your image in the "images" folder in the "academics" folder for your Web site.
Move your image
You can move your image around your Web page by dragging and dropping it anywhere within the content area.
Line your image to the left or right side of your page
By default, the image will appear to the left and above your text. Line the image to the right or left side of your text by following these steps:
- Right-click on your image.
- Go to "CSS Styles."
- Choose "img-right" or "img-left" depending on which side you'd like your image to float to. Once you apply one of these styles, you can still move the image up and down on the page by dragging and dropping.
