BME494:WikiHelp: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
 
(5 intermediate revisions by the same user not shown)
Line 29: Line 29:
# Click the "Upload file" link in the OpenWetWare menu on the left (under "toolbox").
# Click the "Upload file" link in the OpenWetWare menu on the left (under "toolbox").
# At the '''Upload file''' page, click '''Choose file''' and use the browser to find the file on your hard drive.
# At the '''Upload file''' page, click '''Choose file''' and use the browser to find the file on your hard drive.
# <font color=red>IMPORTANT!</font> In the '''Destination filename:''' box, replace the file name with something that uses the prefix '''BME494_Group#_''' so that your image has a unique identifier. Replace '''#''' with your group's number.<br>Good example: '''BME494_Group3_Assembly.jpg'''.<br>Bad example: '''Assembly.jpg'''
# <font color=red>IMPORTANT!</font> In the '''Destination filename:''' box, replace the file name with something that uses the prefix '''BME494_Group#_''' so that your image has a unique identifier. Replace '''#''' with your group's number.<br>Good example: '''BME494_Group3_Assembly.jpg'''<br>Bad example: '''Assembly.jpg'''
# Click the '''Upload file''' button.
# Click the '''Upload file''' button.
# <font color=red>IMPORTANT!</font> Record the name of your file. You will need it later.
# <font color=red>IMPORTANT!</font> Remember/ write down the name of your file. You will need to use the exact file name in order to add the image to your wiki page.
 


==Adding Images to Your Page==
==Adding Images to Your Page==
Line 38: Line 37:
'''Thumbnail Images'''<br>
'''Thumbnail Images'''<br>
Thumbnail images are small images with captions. These add a nice touch to the text that explains your project. Code has been inserted for you in your template.
Thumbnail images are small images with captions. These add a nice touch to the text that explains your project. Code has been inserted for you in your template.
# Go to your group's project page (you can find it under '''Course Projects''' in the grey navigation menu).
# Go to '''Course Projects''' (the link is in the grey navigation menu).
# Click the '''edit''' tab at the top of the page.
# Click your group's project link to open your group's project page. Click the '''edit''' tab at the top of your group's project page.
# In the text editing box, find the text that looks like this <nowiki>[[Image:BME494_placeholder.jpg|thumb|frame|left|Write a description of the image here]]</nowiki>
# In the text editing box, find the text that looks like this <nowiki>[[Image:BME494_placeholder.jpg|thumb|frame|left|Write a description of the image here]]</nowiki>
# If you have uploaded an image that is suitable for this spot, replace BME494_placeholder.jpg with the file name of your image.
# If you have uploaded an image that is suitable for this spot, replace BME494_placeholder.jpg with the file name of your image.
Line 49: Line 48:


'''Large Images'''<br>
'''Large Images'''<br>
# Go to your group's project page (you can find it under '''Course Projects''' in the grey navigation menu).
# Go to '''Course Projects''' (the link is in the grey navigation menu).
# Click the '''edit''' tab at the top of the page.
# Click your group's project link to open your group's project page. Click the '''edit''' tab at the top of your group's project page.
# In the text editing box, find the text that looks like this <nowiki>[[Image:BME494_placeholder.jpg|600px]]</nowiki>
# In the text editing box, find the text that looks like this <nowiki>[[Image:BME494_placeholder.jpg|600px]]</nowiki>
# If you have uploaded an image that is suitable for this spot, replace BME494_placeholder.jpg with the file name of your image.
# If you have uploaded an image that is suitable for this spot, replace BME494_placeholder.jpg with the file name of your image.
Line 57: Line 56:


* For more details on formatting Wiki thumbnail images, see http://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial
* For more details on formatting Wiki thumbnail images, see http://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial


==Text Editing==
==Text Editing==


{| class="wikitable" cellpadding="5" style="width: 550;"
{| class="wikitable" cellpadding="5"
|- valign="top"
|- valign="top"
| width=250 | &nbsp; || Wiki Code || Result
| width=250 | &nbsp; || width=250 | Wiki Code || width=250 | Result
|- valign="top"
|- valign="top"
| '''Bold text''' - Use three apostrophes before and after the bolded text || <nowiki>'''bolded text'''</nowiki> || '''bolded text'''
| '''Bold text''' - Use three apostrophes before and after the bolded text || <nowiki>'''bolded text'''</nowiki> || '''bolded text'''
|- valign="top"
|- valign="top"
| '''Itallic text''' - Use two apostrophes before and after the italicized text || <nowiki>''italicized text''</nowiki> || ''italicized text''
| '''Itallic text''' - Use two apostrophes before and after the italicized text || <nowiki>''italicized text''</nowiki> || ''italicized text''
|- valign="top"
| '''Colored text''' - Use a font tag and specify the color property || <nowiki>One font. Two font. <font color="red">Red font. </font><font color="blue">Blue font</font></nowiki> || One font. Two font. <font color="red">Red font. </font><font color="blue">Blue font</font>
|- valign="top"
|- valign="top"
| rowspan="3" | '''Line break''' - hitting enter/ return on your keyboard will create a new line in the edit box, but not on the saved wiki page. Use the <nowiki><br></nowiki> code. || Line one of text.<br>Incorrect way to start new line. || Line one of text.Incorrect way to start new line.
| rowspan="3" | '''Line break''' - hitting enter/ return on your keyboard will create a new line in the edit box, but not on the saved wiki page. Use the <nowiki><br></nowiki> code. || Line one of text.<br>Incorrect way to start new line. || Line one of text.Incorrect way to start new line.
Line 76: Line 76:
|}
|}


* You must use Wiki code to make the text appear properly
 
* Go to this page for help with simple Wiki code: http://openwetware.org/wiki/Simple_wiki_editing_examples
* Simple Wiki code tips: http://openwetware.org/wiki/Simple_wiki_editing_examples
* Table editing: http://en.wikipedia.org/wiki/Help:Table





Latest revision as of 14:57, 10 March 2012


Home        People        Course Projects        Course Materials        Syllabus        Photos        Wiki Editing Help       

Uploading Images to OpenWetWare

Before putting an image on your page, you must upload an image to OWW...

  1. Create an image in your favorite image-making software. Save the image as a jpg or png file somewhere on your hard drive.
  2. Click the "Upload file" link in the OpenWetWare menu on the left (under "toolbox").
  3. At the Upload file page, click Choose file and use the browser to find the file on your hard drive.
  4. IMPORTANT! In the Destination filename: box, replace the file name with something that uses the prefix BME494_Group#_ so that your image has a unique identifier. Replace # with your group's number.
    Good example: BME494_Group3_Assembly.jpg
    Bad example: Assembly.jpg
  5. Click the Upload file button.
  6. IMPORTANT! Remember/ write down the name of your file. You will need to use the exact file name in order to add the image to your wiki page.

Adding Images to Your Page

Thumbnail Images
Thumbnail images are small images with captions. These add a nice touch to the text that explains your project. Code has been inserted for you in your template.

  1. Go to Course Projects (the link is in the grey navigation menu).
  2. Click your group's project link to open your group's project page. Click the edit tab at the top of your group's project page.
  3. In the text editing box, find the text that looks like this [[Image:BME494_placeholder.jpg|thumb|frame|left|Write a description of the image here]]
  4. If you have uploaded an image that is suitable for this spot, replace BME494_placeholder.jpg with the file name of your image.
  5. Replace Write a description of the image here with a short description of your image.
  6. Click the Save page button.

Large Images

  1. Go to Course Projects (the link is in the grey navigation menu).
  2. Click your group's project link to open your group's project page. Click the edit tab at the top of your group's project page.
  3. In the text editing box, find the text that looks like this [[Image:BME494_placeholder.jpg|600px]]
  4. If you have uploaded an image that is suitable for this spot, replace BME494_placeholder.jpg with the file name of your image.
  5. Replace Write a description of the image here with a short description of your image.
  6. Click the Save page button.

Text Editing

  Wiki Code Result
Bold text - Use three apostrophes before and after the bolded text '''bolded text''' bolded text
Itallic text - Use two apostrophes before and after the italicized text ''italicized text'' italicized text
Colored text - Use a font tag and specify the color property One font. Two font. <font color="red">Red font. </font><font color="blue">Blue font</font> One font. Two font. Red font. Blue font
Line break - hitting enter/ return on your keyboard will create a new line in the edit box, but not on the saved wiki page. Use the <br> code. Line one of text.
Incorrect way to start new line.
Line one of text.Incorrect way to start new line.
Line one of text.<br>
Correct way to start a new line
Line one of text.
Correct way to start a new line.
Line one of text.<br><br>
Extra line breaks create more space
Line one of text.

Extra line breaks create more space