Difference between revisions of "BE Board:Directory/Help"

From OpenWetWare
Jump to: navigation, search
(Putting a picture on your directory page (Time to complete, 5mins))
 
(One intermediate revision by one other user not shown)
Line 2: Line 2:
 
<div style="padding: 10px; width: 720px; border: 5px solid #2D9258;">
 
<div style="padding: 10px; width: 720px; border: 5px solid #2D9258;">
 
==Editing your directory page (Time to complete, 5mins)==
 
==Editing your directory page (Time to complete, 5mins)==
#[http://openwetware.org/index.php?title=Special:Userlogin Log] into [[OpenWetWare]].  If you don't have an [[OpenWetWare]] account, you can get one [[OpenWetWare:How to join|here]].
+
#[http://openwetware.org/index.php?title=Special:Userlogin Log] into the [[OpenWetWare]] wiki.  If you don't have an [[OpenWetWare]] account, you can get one [[OpenWetWare:How to join|here]].
#Browse/search to your page in the [[BE Board:Directory|BE Board directory]].  The name of your page will be of the form BE_Board:Joe Bloggs.  If you use a new window in your web browser to view your page, you can continue to follow the instructions in this tutorial.
+
#Browse/search to your page in the [http://openwetware.org/wiki/BE_Board:Directory wiki version of the directory].  The name of your page will be of the form BE_Board:Joe_Bloggs.  If you use a new window in your web browser to view your page, you can continue to follow the instructions in this tutorial.
 
#Click the [[Image:EditButton.jpg]] button at the top of the page.
 
#Click the [[Image:EditButton.jpg]] button at the top of the page.
 
#In the text box, you will see different fields, such as image, name, and year etc.
 
#In the text box, you will see different fields, such as image, name, and year etc.
 
#Try editing the value of a field.  For example, enter your [http://web.mit.edu MIT] office address after "address=".
 
#Try editing the value of a field.  For example, enter your [http://web.mit.edu MIT] office address after "address=".
#Click [[Image:SavePageButton.jpg]] to save your edits... or [[Image:ShowPreviewButton.jpg]] to test your changes.
+
#Click [[Image:ShowPreviewButton.jpg]] to test your changes, and then '''make sure to click''' [[Image:SavePageButton.jpg]] to save your edits.
#Please feel free to add to or subtract from any field on your directory page.  In particular, we would love if you upload an image of yourself, the next section of the tutorial will teach you how to do this.
+
#Please feel free to add to or subtract from any field on your directory page.  In particular, we would love for you to upload an image of yourself. The next section of the tutorial will teach you how to do this.
  
 
==Putting a picture on your directory page (Time to complete, 5mins)==
 
==Putting a picture on your directory page (Time to complete, 5mins)==

Latest revision as of 09:45, 28 October 2011

For current website see begradboard.mit.edu

Editing your directory page (Time to complete, 5mins)

  1. Log into the OpenWetWare wiki. If you don't have an OpenWetWare account, you can get one here.
  2. Browse/search to your page in the wiki version of the directory. The name of your page will be of the form BE_Board:Joe_Bloggs. If you use a new window in your web browser to view your page, you can continue to follow the instructions in this tutorial.
  3. Click the EditButton.jpg button at the top of the page.
  4. In the text box, you will see different fields, such as image, name, and year etc.
  5. Try editing the value of a field. For example, enter your MIT office address after "address=".
  6. Click ShowPreviewButton.jpg to test your changes, and then make sure to click SavePageButton.jpg to save your edits.
  7. Please feel free to add to or subtract from any field on your directory page. In particular, we would love for you to upload an image of yourself. The next section of the tutorial will teach you how to do this.

Putting a picture on your directory page (Time to complete, 5mins)

  1. You'll need a digital image of yourself, or whatever you want to represent you:) The size of the picture doesn't matter, as it will be automatically resized on the page. Square pictures will work better however. The picture can be in .png, .jpg, .jpeg, .tiff or .gif format.
  2. Click the UploadImageButton.png link on the bottom of the sidebar that can be found on any OpenWetWare page.
  3. Click the Browse button and select the picture to be uploaded. Click Open.
  4. Click the UploadFileButton.png button.
  5. You will be taken to a page describing the image you just uploaded. The title of the page will be Image:TheNameOfYourFile.jpg. Copy that title.
  6. Go back to your directory page and click the EditButton.jpg button.
  7. Paste the page title you copied into the text box, after image=, instead of Image:BEStudentNoImage.jpg.
  8. Click ShowPreviewButton.jpg to check if you like the look of the picture.
  9. When you are happy, click SavePageButton.jpg to save your page.