Instructions for Uploading and Displaying Graphics

From Helderberg Hilltowns of Albany County, NY
Jump to navigation Jump to search
Back to This Web Site

Graphics can be added to any page at any time.

Get a User Name and Password and Log In

1. Email John Elberfeld at [email protected]

a. In your email, include you full name, a User Name and Password you want to use, and the email address you want associated with the site
b. John will create an account with your unique user name and password on all SIX wikis that make up this site.
c. You will receive six emails, one for each site.
d. Please reply to each email to confirm your information.

2. Log In to the site

a. Click Log In in the very top right hand corner of the screen on the site where you want to add or edit data.
b. Enter your User Name and Password. BOTH ARE CASE SENSITIVE!
c. You may choose to be remembered for 180 days.
d. You must log into each wiki where you want to add or edit data.

Prepare your Picture

1. The only graphic formats that can be uploaded are: png, gif, jpg, jpeg.

a. Large files take too long, so resize your picture so they are around 800 pixels across or less. This size lets users zoom in on details.
b. Regular digital photos are TOO BIG and must be reduced in size.
c. Most graphics programs have a Save As option where you can choose jpg as an option
d. MediaWiki file names as case sensitive. Flag.jpg, flag.jpg, Flag.JPG, flag.jpeg, flag.JPG are all different files as far was the program is concerned. The safest way to refer to a file is to copy and paste its name.
e. Name your picture in a way that can help users identify what they are seeing from just the file name.

Display a Single Picture

a. A typical format to display a single picture is:
[[File:Grave-Knox-HanesElias.jpg|300px|thumb|right|<center>Knox Cemetery - Elias Hanes</center>]]
b. 300px is the width, thumb is the display style, right is the alignment (center and left are options)
c. Text after the vertical pipe "|" is the caption which will be centered because of the <center> tags.
d. An inline graphic could be:
[[File:NavigationTabs.gif]]

Working with Galleries

1. Galleries are good for displaying many pcitures that are related to each other, as postcards of Knox Cave, or graves of family members.

a. A typical gallery has the format below. Yu can have as many pictures as you want in a gallery.

<gallery>
Image:{filename}|<center>{caption}</center>
Image:{filename}|<center>{caption}</center>
Image:{filename}|<center>{caption}</center>
Image:{filename}|<center>{caption}</center>
Image:{filename}|<center>{caption}</center>
</gallery>

b. Replace {filename} with the name of your file, and {caption} with the caption of the picture.
c. SAVE YOUR WORK
d. Click on Edit for any page to see how other writers have created their pages.
e. Below is a typical gallery as it appears on a page.

Jim Hamilton

Jim and family enjoy watching the sun set over Mr. Van Rensselaer's Lot 594.

  • click on "Upload file" in left column
  • enter the location of the file for your image
  • change the name of the file of image to be uploaded so as to be briefly descriptive
  • enter a description of the image, your name, date of photo and any details about the picture you would like
  • every page must have one or more Categories. For these images there are two that should be added in the panel on the last line:

[[Category:All Images]] [[Category:Natural History]]

  • click on Upload
  • copy the name of the image

Image:New name of image.jpg

  • go back to edit page
  • paste name of image in the first line replacing Image:{filename}
  • add a caption relpacing the words {caption} with a description of your picture and the year taken.
  • your entry should look like this:

==Harold Miller==

Harold Miller lives in Oaxaca, Mexico and returns to Berne every summer to visit family.

<gallery>

Image:New name of image.jpg|<center>Description of image, 2009</center>

Image:{filename}|<center>{caption}</center>

Image:{filename}|<center>{caption}</center>

Image:{filename}|<center>{caption}</center>

Image:{filename}|<center>{caption}</center>

Image:{filename}|<center>{caption}</center>

{...}

</gallery>

  • click on Preview on bottom of page to preview what the page will look like.
  • if it looks correct then Upload another image File.
  • when you are done, Preview and Save.
  • If you need more information please contact John Elberfeld at [email protected]