Difference between revisions of "Instructions for Uploading and Displaying Graphics"

From Helderberg Hilltowns of Albany County, NY
Jump to navigation Jump to search
m
m
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
__NOTOC__
 
[[File:EditLogo.jpg|50px|right|link=This Web Site|Back to This Web Site]]
 
[[File:EditLogo.jpg|50px|right|link=This Web Site|Back to This Web Site]]
 
Graphics can be added to any page at any time.
 
Graphics can be added to any page at any time.
Line 18: Line 19:
 
:c. Most graphics programs have a Save As option where you can choose '''jpg''' as an option
 
: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.
 
: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==
 
==Display a Single Picture==
 
:a. A typical format to display a single picture is:
 
:a. A typical format to display a single picture is:
 
::<nowiki>[[File:Grave-Knox-HanesElias.jpg|300px|thumb|right|<center>Knox Cemetery - Elias Hanes</center>]]</nowiki>
 
::<nowiki>[[File:Grave-Knox-HanesElias.jpg|300px|thumb|right|<center>Knox Cemetery - Elias Hanes</center>]]</nowiki>
:b. 300px is the width, right is the alignment (center and left are options)
+
: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 <nowiki><center></nowiki> tags.
 +
:d. An inline graphic could be:
 +
::<nowiki>[[File:NavigationTabs.gif]]</nowiki>
  
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''
+
==Working with Galleries==
 +
1. Galleries are good for displaying many pictures that are related to each other, as postcards of Knox Cave, or graves of family members.
 +
:a. A typical gallery has the format below. You can have as many pictures as you want in a gallery.
 +
'''<nowiki><gallery></nowiki>'''<br>
 +
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''<br>
 +
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''<br>
 +
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''<br>
 +
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''<br>
 +
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''<br>
 +
'''<nowiki></gallery></nowiki>'''<br>
 +
: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.
  
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''
+
==Jim Hamilton==
 +
Jim and family enjoy watching the sun set over Mr. Van Rensselaer's [[b:Lot 594|Lot 594]].
 +
<gallery>
 +
Image:Thatcher_Park.JPG|<center> Fall drive through Thatcher Park, October 2009</center>
 +
Image:Thatcher_view.JPG|<center>Fall Colors from the Overlook</center>
 +
Image:Escarpment.JPG|<center>Valley view from the Helderberg Escarpment</center>
 +
Image:Grain_sunset1.jpg|<center>Sunset over the Switzkill Valley June 2006</center>
 +
</gallery>
  
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''
+
:f. The code for the above gallery is:<br>
 +
<nowiki>==Jim Hamilton==</nowiki><br>
 +
<nowiki>Jim and family enjoy watching the sun set over Mr. Van Rensselaer's [[b:Lot 594|Lot 594]].</nowiki><br>
 +
<nowiki><gallery></nowiki><br>
 +
<nowiki>Image:Thatcher_Park.JPG|<center> Fall drive through Thatcher Park, October 2009</center></nowiki><br>
 +
<nowiki>Image:Thatcher_view.JPG|<center>Fall Colors from the Overlook</center></nowiki><br>
 +
<nowiki>Image:Escarpment.JPG|<center>Valley view from the Helderberg Escarpment</center></nowiki><br>
 +
<nowiki>Image:Grain_sunset1.jpg|<center>Sunset over the Switzkill Valley June 2006</center></nowiki><br>
 +
<nowiki></gallery></nowiki><br>
  
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''
+
==Upload your Pictures==
 +
1.Start the Upload process
 +
:a. Copy the caption of the picture as it appears on the page.
 +
:b. Click on Upload File in the left navigation column
 +
:c. Paste the caption you just copied into Summary text box
 +
:d. After the caption enter at least category, like '''<nowiki>[[Category:All Images]] [[Category:Natural History]]</nowiki>'''
 +
:e. Browse to the image you want to download, click on its name, and choose Open
 +
:f. Click on Upload
  
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''
+
2. Check your work
 +
:a. If you have already entered the file name in a gallery listing, the name of the page containing the picture should appear toward the bottom of the page.
 +
:b. If no page name appears, chances are excellent you have a typing error in the name of the file on the page where you want the picture to appear.
 +
:c. Copy the name of the picture file, navigate back to the page with with picture, edit the page, and paste the correct picture name into your page code.
 +
:d. '''SAVE YOUR WORK'''
 +
:e. You picture should now appear on the page.
 +
:f. Sometimes there is a delay between your picture entry and when it can show up. If you see a blue box instead of your picture, click on the blue box to see an enlargement of the picture. Eventually a thumbnail will be created and displayed on the page.
  
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''
+
*If you need more information please contact John Elberfeld at [mailto:[email protected] [email protected]]
 
 
'''<nowiki>{...}</nowiki>'''
 
 
 
'''<nowiki></gallery></nowiki>'''
 
 
 
*above the line for '''<nowiki><gallery></nowiki>''' add your name between double equal signs and on the line below it add a sentence or two about yourself. Example:
 
'''<nowiki>==Harold Miller==</nowiki>'''
 
 
 
'''Harold Miller lives in Oaxaca, Mexico and returns to Berne every summer to visit family.'''
 
 
 
'''<nowiki><gallery></nowiki>'''
 
*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:
 
'''<nowiki>[[Category:All Images]] [[Category:Natural History]]</nowiki>'''
 
*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:
 
'''<nowiki>==Harold Miller</nowiki>==
 
 
 
'''Harold Miller lives in Oaxaca, Mexico and returns to Berne every summer to visit family.'''
 
 
 
'''<nowiki><gallery></nowiki>'''
 
 
 
'''<nowiki>Image:New name of image.jpg|<center>Description of image, 2009</center></nowiki>'''
 
 
 
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''
 
 
 
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''
 
 
 
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''
 
 
 
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''
 
 
 
'''<nowiki>Image:{filename}|<center>{caption}</center></nowiki>'''
 
 
 
'''<nowiki>{...}</nowiki>'''
 
 
 
'''<nowiki></gallery></nowiki>'''
 
 
 
*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]
 

Latest revision as of 21:44, 24 March 2014

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 pictures that are related to each other, as postcards of Knox Cave, or graves of family members.

a. A typical gallery has the format below. You 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.

f. The code for the above gallery is:

==Jim Hamilton==
Jim and family enjoy watching the sun set over Mr. Van Rensselaer's [[b:Lot 594|Lot 594]].
<gallery>
Image:Thatcher_Park.JPG|<center> Fall drive through Thatcher Park, October 2009</center>
Image:Thatcher_view.JPG|<center>Fall Colors from the Overlook</center>
Image:Escarpment.JPG|<center>Valley view from the Helderberg Escarpment</center>
Image:Grain_sunset1.jpg|<center>Sunset over the Switzkill Valley June 2006</center>
</gallery>

Upload your Pictures

1.Start the Upload process

a. Copy the caption of the picture as it appears on the page.
b. Click on Upload File in the left navigation column
c. Paste the caption you just copied into Summary text box
d. After the caption enter at least category, like [[Category:All Images]] [[Category:Natural History]]
e. Browse to the image you want to download, click on its name, and choose Open
f. Click on Upload

2. Check your work

a. If you have already entered the file name in a gallery listing, the name of the page containing the picture should appear toward the bottom of the page.
b. If no page name appears, chances are excellent you have a typing error in the name of the file on the page where you want the picture to appear.
c. Copy the name of the picture file, navigate back to the page with with picture, edit the page, and paste the correct picture name into your page code.
d. SAVE YOUR WORK
e. You picture should now appear on the page.
f. Sometimes there is a delay between your picture entry and when it can show up. If you see a blue box instead of your picture, click on the blue box to see an enlargement of the picture. Eventually a thumbnail will be created and displayed on the page.