How to put an Image in your Article - Revision history

Jhenderson: /* Putting the File in your Article */

2013-08-18T20:20:46Z

Putting the File in your Article

← Older revision		Revision as of 14:20, 18 August 2013
Line 9:		Line 9:

	=Putting the File in your Article=		=Putting the File in your Article=
	Now that the file is uploaded, you can easily put the file in your article. You need to be in edit mode (editing the article.) Simply click the picture icon on the toolbar at the top of the edit panel. [[File:toolbox.~~jpg~~\|center]]		Now that the file is uploaded, you can easily put the file in your article. You need to be in edit mode (editing the article.) Simply click the picture icon on the toolbar at the top of the edit panel. [[File:toolbox.JPG\|center]]

	This will put a small piece of code in your article that looks like this: <nowiki>[[File:Example.jpg]]</nowiki>. Now, replace the words "Example.jpg" with the name of your file. Your file will now show up in your article.		This will put a small piece of code in your article that looks like this: <nowiki>[[File:Example.jpg]]</nowiki>. Now, replace the words "Example.jpg" with the name of your file. Your file will now show up in your article.

Jhenderson: /* Putting the File in your Article */

2013-08-18T20:20:19Z

Putting the File in your Article

← Older revision		Revision as of 14:20, 18 August 2013
Line 9:		Line 9:

	=Putting the File in your Article=		=Putting the File in your Article=
	Now that the file is uploaded, you can easily put the file in your article. You need to be in edit mode (editing the article.) Simply click the picture icon on the toolbar at the top of the edit panel. [[File:~~toolbar~~.jpg\|center]]		Now that the file is uploaded, you can easily put the file in your article. You need to be in edit mode (editing the article.) Simply click the picture icon on the toolbar at the top of the edit panel. [[File:toolbox.jpg\|center]]

	This will put a small piece of code in your article that looks like this: <nowiki>[[File:Example.jpg]]</nowiki>. Now, replace the words "Example.jpg" with the name of your file. Your file will now show up in your article.		This will put a small piece of code in your article that looks like this: <nowiki>[[File:Example.jpg]]</nowiki>. Now, replace the words "Example.jpg" with the name of your file. Your file will now show up in your article.

Jhenderson: /* Putting the File in your Article */

2013-08-18T20:18:56Z

Putting the File in your Article

← Older revision		Revision as of 14:18, 18 August 2013
Line 9:		Line 9:

	=Putting the File in your Article=		=Putting the File in your Article=
	Now that the file is uploaded, you can easily put the file in your article. You need to be in edit mode (editing the article.) Simply click the picture icon on the toolbar at the top of the edit panel. [[File:~~picicon~~.jpg\|center]]		Now that the file is uploaded, you can easily put the file in your article. You need to be in edit mode (editing the article.) Simply click the picture icon on the toolbar at the top of the edit panel. [[File:toolbar.jpg\|center]]

	This will put a small piece of code in your article that looks like this: <nowiki>[[File:Example.jpg]]</nowiki>. Now, replace the words "Example.jpg" with the name of your file. Your file will now show up in your article.		This will put a small piece of code in your article that looks like this: <nowiki>[[File:Example.jpg]]</nowiki>. Now, replace the words "Example.jpg" with the name of your file. Your file will now show up in your article.

Jhenderson at 20:16, 18 August 2013

2013-08-18T20:16:32Z

← Older revision		Revision as of 14:16, 18 August 2013
Line 4:		Line 4:
	First of all, you must be signed in. When logged in you will see that the "Toolbox" menu to the left now includes the option to upload a file. Click on this.		First of all, you must be signed in. When logged in you will see that the "Toolbox" menu to the left now includes the option to upload a file. Click on this.

	[[File:Upload.~~jpg~~\|center]]		[[File:Upload.JPG\|center]]

	Then you will need to upload the file from your computer. Locate the file using the "Choose File" button, then click "upload" at the bottom of the page. '''Be sure to remember the name of your file'''. The file is now stored in the database of AP Worldipedia.		Then you will need to upload the file from your computer. Locate the file using the "Choose File" button, then click "upload" at the bottom of the page. '''Be sure to remember the name of your file'''. The file is now stored in the database of AP Worldipedia.

Jhenderson: /* Uploading */

2013-08-18T20:15:06Z

Uploading

← Older revision		Revision as of 14:15, 18 August 2013
Line 4:		Line 4:
	First of all, you must be signed in. When logged in you will see that the "Toolbox" menu to the left now includes the option to upload a file. Click on this.		First of all, you must be signed in. When logged in you will see that the "Toolbox" menu to the left now includes the option to upload a file. Click on this.

	[[File:~~upload~~.jpg\|center]]		[[File:Upload.jpg\|center]]

	Then you will need to upload the file from your computer. Locate the file using the "Choose File" button, then click "upload" at the bottom of the page. '''Be sure to remember the name of your file'''. The file is now stored in the database of AP Worldipedia.		Then you will need to upload the file from your computer. Locate the file using the "Choose File" button, then click "upload" at the bottom of the page. '''Be sure to remember the name of your file'''. The file is now stored in the database of AP Worldipedia.

Jhenderson: Created page with "Putting a picture, map, or other image in your article is relatively easy, but requires a few steps and a little bit of code. =Uploading= First of all, you must be signed in..."

2013-08-18T20:12:47Z

Created page with "Putting a picture, map, or other image in your article is relatively easy, but requires a few steps and a little bit of code. =Uploading= First of all, you must be signed in..."

New page

Putting a picture, map, or other image in your article is relatively easy, but requires a few steps and a little bit of code.

=Uploading=
First of all, you must be signed in. When logged in you will see that the "Toolbox" menu to the left now includes the option to upload a file. Click on this.

[[File:upload.jpg|center]]

Then you will need to upload the file from your computer. Locate the file using the "Choose File" button, then click "upload" at the bottom of the page. '''Be sure to remember the name of your file'''. The file is now stored in the database of AP Worldipedia.

=Putting the File in your Article=
Now that the file is uploaded, you can easily put the file in your article. You need to be in edit mode (editing the article.) Simply click the picture icon on the toolbar at the top of the edit panel. [[File:picicon.jpg|center]]

This will put a small piece of code in your article that looks like this: <nowiki>[[File:Example.jpg]]</nowiki>. Now, replace the words "Example.jpg" with the name of your file. Your file will now show up in your article.

=Editing your image=
You will notice that the procedure above placed the file into your article at full size, and not always where you want it to be. Here are a few things you can add to your code to edit your image.

Your image will look nicer inside a frame. Do this by putting the word "frame" in your code like this:

<nowiki>[[File:Example.jpg|frame]]</nowiki>

If you want your file to be on the left side, add this to your code:

<nowiki>[[File:Example.jpg|left]]</nowiki>

Your image is now on the left. You may also use the words "center" or "right" in this way to position your article accordingly.

'''It is possible to use these words together.''' For example, if you want the image in a frame AND you want it on the left side, you would have:

<nowiki>[[File:Example.jpg|left|frame]]</nowiki>

=Thumbnails and Captions=
Sometimes its better to have a smaller version of your image in the article that can be expanded when the user clicks it. This is accomplished by inserting the word "thumb" into your code like you did with the word "left" in the above step.

You might also want a small caption under your article. (This is an ideal place to cite the source of your image, by the way). The easiest way to do this is to use "thumb" or "frame" in your code. (With these commands, "frame" will not change the size of your image, "thumb" will). Then you just write the words or links you want in the code. It would look like this:

<nowiki>[[File:Example.jpg|frame| This is such a lovely picture]]</nowiki>

=Examples=
Here are some examples using an uploaded file called "castle.jpg"

This image is too large to place on the page. Here is how the image would look if we used the "left" and "thumb" codes together:

This code <nowiki>[[File:castle.jpg|left|thumb]]</nowiki> would produce this:

[[File:castle.jpg|left|thumb]]

To add captions, we would write it like this:

<nowiki>[[File:castle.jpg|left|thumb|This is where Mr. Henderson is going to live when he retires]]</nowiki>

[[File:castle.jpg|left|thumb|This is where Mr. Henderson is going to live when he retires]]

=Advanced Image Editing=
If you want to learn more about the many ways you can present images in this wiki, go to the following article:

[http://www.mediawiki.org/wiki/Help:Images#Format Formatting Images]