Skip to end of metadata
Go to start of metadata

Template

Created by: Kim Davis & Erin Kenney

What are the uses of the template

This is the Wiki Template for organizing and creating your Wiki.Use it as a guide and reference for coding things when creating your Wiki.

I. Images

Searching for Images Using Google
  1. For this example, search for the Purdue logo in google images http://images.google.com
  2. Type in the Purdue Logo in the search box, and click search.
  3. After you have done this, the results page will appear. Just below the search box, there should be a link to show more options. Click Show options...
  4. Click on the Larger Than... link and select 400x300. Any image smaller than that will most likely be too small or bad quality.
  5. You can also select a specific size of image by going to the Advanced Options to the right of the search box, and selecting Larger than 400x300 in the size option.
    #If the images are above 800 pixels wide, you will need to resize the image.

Back to top

Resizing Images

History # To resize your image, save it to your computer.

  1. Go to http://www.picresize.com
  2. Upload the image to this website.
  3. It will then give you the option to resize.
  4. Select custom size.
  5. ONLY put in a width for the image. Do NOT put in a height. (Putting in a width and height will distort your image)
  6. You shouldn't need to apply any special effects.
  7. At the bottom, select JPG for the file type and click the Resize Pic! button.
  8. This will bring you to another screen. You should select Save Image to Disk on this screen.
  9. Now you're ready to insert the saved image into your wiki.

All images should be no wider than 800px. If you are placing images side by side, they should be no wider than 400px each.

Please re-size images BEFORE uploading them. Resizing images in Confluence can cause errors and result in larger file sizes than necessary. Please do not place more than 2 400px images side by side to prevent horizontal scrolling.

Good:

Bad:

Back to top

Inserting Images Into the Wiki

#You can insert an image in Wiki Markup Mode and Rich Text. This will show you how to do it in Wiki Mark Up Mode.

  1. Click on the insert image icon at the top of the page.
  2. Click browse and select your image. Make note of the filename. You will use it in the next steps.
  3. Your image will appear as a thumbnail in the box when you upload it.
  4. Click OK after the image appears.
  5. To insert your image into your Wiki, place the file name between two ! like this:

Centering Images:

Images with Captions:

This is the caption for this image

Back to top

Anchored Links

These are links that will be in your table of contents.
Here is an example of how it works in the code.
History This will link to below the note

  • Note: All elements of your table of contents should link to that part of the document. See the example with the table of contents here and how it links to each title.

Here's the anchor. It should jump to here.
Back to top

External Links

This is an example of an external link taking you to the Purdue home page:
http://www.purdue.edu
If you would rather have text appear instead of the URL do this:
Purdue University
It will still link you to Purdue's website.

Back to top

Tables

This will make a table with one row and two columns:

Row 1, Column 1

Row 1 Column 2

This will make a column with two rows and three columns:

Row 1, Column 1

Row 1, Column 2

Row 1, Column 3

Row 2, Column 1

Row 2, Column 2

Row 2, Column 3

If you place an extra line between the two rows, you will create two separate tables like this:

Row 1, Column 1

Row 1, Column 2

Row 1, Column 3

Row 2, Column 1

Row 2, Column 2

Row 2, Column 3

Adding two \ will allow you to put text on more than one line in a column:

Row 1, Column 1

Row 2 column 2
Row two, column 2, line two

Row 2, Column 1
Row 2, Column 1, Line 2

Row 2, Column 2
Row 2, Column 2, line two

Back to top

Adding Videos

From You Tube:

From vimeo:

Get Adobe Flash player

From Jing video:

upload swf file by using attachment menu.

Go to 'Wiki markup' page in editing mode.

Use the code !test_video.swf|width=800, height=460,id=media!

Use the file name on the place of test_video.swf

Back to top

Handouts

Handouts from Wiki Coding Lecture

Wiki Coding Handout handout.pdf (pdf)

Wiki Coding Powerpoint TrainingPPT.pptx (Powerpoint File)

Extras!!

For Dropbox Group (Fall 2009) - Having text on the left and an image on the right.

Remove any align= that you have and just place the elements between the code stuff below (view this in Wiki Mark Up Mode). You can change the width of the columns to whatever works best for you photo and text. Hope this helps!

Dropbox was created to replace the many hassles of of saving files.  The purpose of Dropbox is to make file gathering and sharing easier for users.  With Dropbox there is no more hassles of e-mailing attachments to yourself and others, no need to carry around USB drives, users no longer need to rename files and delete older versions and lastly, users don't have to spend a lot of money on back- up software.

For Fluidsurvey Group (Fall 2009) - A centered image with a superscript reference.

1

Back to top

References

  • No labels