BME103 s2013:WikiHelp: Difference between revisions
From OpenWetWare
Jump to navigationJump to search
(New page: {|{{table}} width="800" |- |style="background-color: #EEE"|128px<span style="font-size:22px;"> BME 103 Spring 2013</span> |style="background-color: #F2F2F2" ...) |
No edit summary |
||
Line 8: | Line 8: | ||
| colspan="2"| | | colspan="2"| | ||
<!-- ##### DO NOT edit above this line unless you know what you are doing. ##### --> | <!-- ##### DO NOT edit above this line unless you know what you are doing. ##### --> | ||
==Uploading Images to OpenWetWare== | |||
Before putting an image on your page, you must upload an image to OWW... | |||
# Create an image in your favorite image-making software. Save the image as a jpg or png file somewhere on your hard drive. | |||
# 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. | |||
# <font color=red>IMPORTANT!</font> In the '''Destination filename:''' box, replace the file name with something that uses the prefix '''BME103_Group#_''' so that your image has a unique identifier. Replace '''#''' with your group's number.<br>Good example: '''BME103_Group3_Assembly.jpg'''<br>Bad example: '''Assembly.jpg''' | |||
# Click the '''Upload file''' button. | |||
# <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. | |||
<br> | |||
==Adding Images to Your Page== | |||
'''Regular Images'''<br> | |||
# Go to the page you want to add an image to. | |||
# Click the '''edit''' tab at the top of the page. | |||
# Type in this text: <nowiki>[[Image:Owwnotebook_icon.png|200px|Description of image]]</nowiki> | |||
# After you have [http://openwetware.org/wiki/BME103:WikiHelp#Uploading_Images_to_OpenWetWare uploaded an image to OWW], replace Owwnotebook_icon.png with the file name of your image. | |||
# Replace Description of image'' with a short description of your image. | |||
# Set the width of your image by editing the number where ''200px'' is in the example. | |||
# Click the '''Save page''' button. | |||
'''Thumbnail Images'''<br> | |||
Thumbnail images are small images with captions. These add a nice touch to the text that explains your project. | |||
# Follow the same steps as above, but include more aspects in your Image code: <nowiki>[[Image:Owwnotebook_icon.png|thumb|frame|left|A description of the image goes here]]</nowiki> | |||
# The aspect ''left'' places the thumbnail to the left of your page's text. Replace ''left'' with ''right'' to move it to the right. | |||
# Replace ''A description of the image goes here'' with a short description of your image. | |||
# Click the '''Save page''' button. | |||
* Note: If you have forgotten the name of your file, look for it here: http://openwetware.org/wiki/Special:ImageList | |||
* For more details on formatting Wiki thumbnail images, see http://en.wikipedia.org/wiki/Wikipedia:Picture_tutorial | |||
<br> | |||
==Text Editing== | |||
{| class="wikitable" cellpadding="5" | |||
|- valign="top" | |||
| width=250 | || width=250 | Wiki Code || width=250 | Result | |||
|- valign="top" | |||
| '''Bold text''' - Use three apostrophes before and after the bolded text || <nowiki>'''bolded text'''</nowiki> || '''bolded text''' | |||
|- valign="top" | |||
| '''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" | |||
| 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. | |||
|- valign="top" | |||
| Line one of text.<nowiki><br></nowiki><br>Correct way to start a new line || Line one of text.<br>Correct way to start a new line. | |||
|- valign="top" | |||
| Line one of text.<nowiki><br><br></nowiki><br>Extra line breaks create more space || Line one of text.<br><br>Extra line breaks create more space | |||
|} | |||
* Simple Wiki code tips: http://openwetware.org/wiki/Simple_wiki_editing_examples | |||
<br><br> | |||
==Tables== | |||
* Table editing: http://en.wikipedia.org/wiki/Help:Table | |||
* Excel to Wiki table converter: here's a neat tool that let's you paste data from Excel into a form and covert it into Wiki code by clicking a button. http://excel2wiki.net/wikipedia.php | |||
|} |
Revision as of 11:34, 19 March 2013
BME 103 Spring 2013 | Home People Lab Write-Up 1 Lab Write-Up 2 Lab Write-Up 3 Course Logistics For Instructors Photos Wiki Editing Help | |||||||||||||||||||
Uploading Images to OpenWetWareBefore putting an image on your page, you must upload an image to OWW...
Adding Images to Your PageRegular Images
Text Editing
Tables
|