Add a photo

Instructions for adding a photo to the website, with an emphasis on adding a portrait to the DBC board page

Adding a photo to a page on your website is essentially a two-step process:

 

  • Preparing your photo for upload and display on the internet
  • Adding your photo to the correct folder on the website and inserting the photo onto your page

1. Prepare your photos for upload and display on the internet

  • Collect all the photos you plan to post in one easy-to-find place on your computer (e.g., in a folder on your desktop)
  • Give each photo a short, descriptive name, preferably related to the page they will appear on (e.g., for the board page, use the name name of person)
  • Format the photo file name for the web:
    • all lowercase letters or numbers
    • no spaces
    • use dashes to separate words
    • e.g., “Glenn Mounkes.JPG" should be “glenn-mounkes.jpg”
  • Reduce the photo size to 640px on the largest dimension (width or height), and 72 pixels/inch
  • Make sure the file is no larger than 100kb.


2. Add your photo to the website

  • Navigate to the page where the photos will appear
  • Click “edit” to edit the page
  • The default position for the first picture on any page is the top-right corner. This is not true in cases such as the DBC Board page, which uses tables to align pictures with names.
  • Click on the vertical (top to bottom) place in your page where you want the photo to appear (you will set the horizontal position in a later step)
    • If placing the picture inline with text, make sure to click on the left side of the text.
    • If placing the picture inside a table, as on the DBC Board page, click to the left of the text (not in the space immediately adjacent to the text)
  • Once you see the blinking cursor in the porper location, click on the picture icon in the editing toolbar. It looks like a tree in a field. If you hover your mouse over the icon, a tool tip will pop up that says "insert image."
  • In the dialogue box that pops up, look for a folder that holds only images. In the case of the DBC Board, the folder is titled "Board Portraits." Click on that folder.
  • Click on the "upload images here" link.
  • A dialogue box will open. Click on "Cjhoose file," and navigate to the picture on your computer.
  • Click "upload."
  • Once your photo is added, fill out the form for file information:
    • Title: Title ypur picture. All Board Portraits are titled simply with the board member's first and last names.
    • Description: The board member name is sufficient.
    • Alignment: If this is the first photo on a page, select "right." If this is the Board page, or any page that uses tables for structure, select "inline."
    • Size: The largest size to insert into a page is "mini 200, 200". For the board page, use "tile 64, 64."
    • If the picture is alone, leave "caption" selected. In the case of board portraits, uncheck "caption."
    • Click "okay" to insert the photo
  • Save the page before you leave it, otherwise you'll have to do Step 2 all over.
Document Actions
Personal tools