This site is accessible using any internet enabled device but will look best in a modern graphical browser that supports web standards.

Jump To: Content | Navigation

Procedure: Content Management

How do I upload an image in Dreamweaver?

  1. Open the image that you want to upload to your website.
  2. Save the image to your "My Documents" folder for your website. You should save it inside the "images" folder within the website folder.
  3. Open Dreamweaver on your computer.
  4. Open the "local view" of your website.
  5. Open the folder where you saved the image and click on the image.
  6. Click on the "check in" button with the lock in the upper right-hand side of your screen. The image is now saved on the Loyola server.
  7. Open the page where you want the image to appear. Place your cursor on the page where you would like the image to appear.
  8. Go to "Insert" in the upper left-hand toolbar on your screen and click "Image." A new window will appear. Find the image that you want to upload, click on it and click "OK."
  9. Next, Dreamweaver will prompt you to enter a Description (ALT Text), which is a description used for visually impaired internet users. In this box, please enter a short sentence describing the photo. (For example: a picture of a student studying in the library might be described as "Loyola University new Orleans student studies in the J. Edgar and Louise S. Monroe Library") Please use proper names for these descriptions and always make mention of Loyola University New Orleans. After entering a description, click "OK."
  10. The image will now appear on the page where you want it to display.
  11. "Check In" the page to publish.

The image is too large. How do I change its size?

  1. The image may be larger than you want it to be on the page or may not be next to the paragraph of text where you want it to display. If this is the case, put your mouse cursor on the image and right-click. A list of options will appear, click "Properties."
  2. In the "Properties" menu, you can adjust the height and width of the image. Be sure to keep the width and height of the image in proportion. If you are unsure about the proportion of the image, close the image and open it again in a photo editing software such as Photoshop so that the image is properly sized.
  3. We recommend photos to be displayed at anywhere between 150 and 250 pixels wide. Use your judgement as to how large you would like the image to appear on your page.

I want the image to appear next to a paragraph of text with the text wrapping around it. How do I do this?

  1. Place your mouse cursor at the beginning of the paragraph where you want the photo to be. This will ensure that the paragraph of text is even with the photo you want to display
  2. Upload the image you want. (See steps #1-11 from above on uploading images)
  3. Once the image is placed, right click on the image and select "Properties."
  4. In the space for "Align," set the alignment to "Left" or "Right" This will move your photo to the right or left of the paragraph with the text wrapped around it. You may have to do more adjusting to the size of the photo for it to appear as you want it.

« back to Policies, Procedures + Standards home

Contact Us

E-mail:
webteam@loyno.edu

Location: Greenville Hall
8:30 a.m. - 4:45 p.m.

Mailing Address:
University Web Team
Loyola University New Orleans
7214 St. Charles Avenue
Campus Box 909
New Orleans, LA 70118

Updated January 23, 2009