Page links
Site links
Remote links
This site now has a valid RSS v2.0 feed:
download
This site now has a valid RSS v2.0 feed:
download
What's a wiki? Basically, one can think of a wiki as a web whiteboard where anyone can add content and links and also delete the same from the site. A good description of wikis is to be found at the Wikipedia which is an encyclopedia written as a wiki. A wiki basically represents the apogee of collaborative software.
We use the Twiki variant at Earlham and there is also a wiki module encapulated inside Moodle.
Initially finding your way around Twiki can be rather confusing and because of a welter of new terms you may not know where you are. Here are some things to help :
box.
Currently there are Biology, Chemistry, ECS, English & IT as
the user webs. Clicking on one of those links gets you to that web. 
box
will get you to the Biology webhome.
Here you'll find one link that matters - Biology
Senior Seminar 04 
The left screenshot shows the Biology Senior Seminar page and the right shows the code you get after you've clicked the Edit link in the top menu. You can see the level 1 heading (---+), the level 2 heading (---++) and two unordered lists (3 spaces & *). You can also see how so-called Wikiwords in CamelCase are converted into links to new pages. The items on the Topics list, are written like 'HowPreservesAreChosen' (right graphic) and get converted into a link with spaces between words (left graphic). Why is the first item a standard link but the subsequent items in blue with a question mark? The first item has already had a page created; for the other items the question mark when clicked on actually creates a new page on that link. Thus any text in camelcase (that is, with an inital capital letter and a capital or more in mid word) will create a wiki link and allow a new page to be created — if you don't want this to happen use the <noop> tag prior to the word (eg <noop>MacOS ).
Thus you edit a wiki page in two ways:
When you have finished your edits or additions, you need to add your name and date to the bottom. Remember that this is a shared system so people need to know who's done what. Just highlight the text --Main.MarkPearson - 24 Nov 2004, copy with Ctrl-C and then click inside the editor and press Ctrl-V to paste it in. You can see how that also generates a link in the left screenshot.
How does one save? First you need to click the Preview Changes button — this'll show you what your page will look like. Don't click on links when in preview mode. If you're not happy with what you see, just click the back button of the browser and make more changes. When you are satisfied with what you see in the Preview click the Save Changes button.
The 'release edit lock' check box has to do with Wiki being multiuser software. Since other people can edit the same page that you're working on there has to be a system to lock the page while you're working on it. If another user tries to edit the same page that you are working on he'll get a lock warning and will be unable to edit the page. Checking the box releases the edit lock as soon as you have finished editing so that someone else can edit. To re-edit the page you then have to press the Edit link again rather than go back in the browser.
The beauty of a wiki is that you can write web page without having to see any html.
Twiki markup allows you to create:
When you are collaborating on a wiki page forllow these collaboration tips for good style
In most cases you'll be using graphics from another web site. Here the
easiest way is to paste in the direct URL to the graphic on it's home site
(eg http://www.kws.org/images/biomassimg2a.gif). To get the URL, just right-click
on the graphic on it's home site and select 'Copy Image location' (Firefox)
or Copy Shortcut (IE).
But you'll also want to make the image a link so that when clicked on you
go to the site of origin. Do this by enclosing the URL in square brackets:
[[http://www.kws.org/images/biomassimg2a.gif][ http://www.kws.org/images/biomassimg2a.gif ]]
The first URL in square brackets generates the clickable link, the second URL generates the graphic on the page. Note the space bewteen the open and close square brackets and the second URL!
Attaching local graphic images. If you have some graphics that you have scanned in or generated yourself then you can upload and display on the page.
Click on the Attach link in the menu bar. You'll see an screen like this:
Just browse to the local file and upload it. Add a comment to describe
the image — where it's come from, etc.
Checking the Link: box will add a link to the file in the
current page. If it's a graphic it'll be displayed on the page. The code
looks like this:
What if you don't want the graphic in it's current position? — just highlight the code beginning with <img and ending at /> press Ctrl-X to cut it out , click in the location you want the graphic and ctrl-V to paste it back in.
If you don't check the Hide File box, the graphic or other file will be listed in a table at the bottom of the page.
To change this, just click on the red action link, check Hide file and click Change Properties button at the bottom of the page. (Also, if you want to move the file to a different page you can use the Move attachment link).
Note: Only when all attachments are hidden will the table disappear.
There are four aspects of making your page look nice on the wiki system:
We've already seen how to upload and display a graphic in a page (the attach
function). We want something like this
Place the image code at the beginning of the paragraph.
For example:
<img src="%ATTACHURLPATH%/../BiologySeniorSeminar04/_39545361_nzfans300.jpg" alt="_39545361_nzfans300.jpg" width="300" height="200" />
Over the past decade Ecotourism has undergone a shift into the mainstream consciousness.
Now, in front of the <img .. tag add the following
(copy and paste this exact code fragment):
<div style="float:left; width:auto; margin: 0; padding: 0 10px 5px
0;">
and behind the <img ... /> tag add:
</div>
giving something like:
<div style="float:left; width:auto; margin: 0; padding: 0 10px 5px
0;">
<img src="%ATTACHURLPATH%/../BiologySeniorSeminar04/_39545361_nzfans300.jpg" alt="_39545361_nzfans300.jpg" width="300" height="200" />
</div>
Over the past decade Ecotourism has undergone a shift into the mainstream
consciousness.
Now we need to add the caption. After the <img
... /> tag and in front of the </div> tag
insert the following (copy & paste this whole fragment, then change
the caption text):
<p style="margin-top:0; font: italic normal 0.9em/1.4em Arial,
Helvetica, sans-serif; text-align:center; ">Your caption here </p>
Which should give something like:
<div style="float:left; width:auto; margin: 0; padding: 0 10px
5px 0;">
<img src="%ATTACHURLPATH%/../BiologySeniorSeminar04/_39545361_nzfans300.jpg" alt="_39545361_nzfans300.jpg" width="300" height="200" />
<p style="margin-top:0; font: italic normal 0.9em/1.4em Arial,
Helvetica, sans-serif; text-align:center; ">Your caption here</p>
</div>
Over the past decade Ecotourism has undergone a shift into the mainstream consciousness.
If you have a problem with not enough space below the floated graphic, add the following to the end of the paragraph:
<br clear="all">
For example:
Suspendisse sodales pulvinar eros.
<br clear="all">
---++ New Zealand
We want to create a bibliography that looks like this
Make the title. Use a second level heading, so three dashes and two pluses:
---++ Bibiography
Add an anchor for the first reference. Note that this
should be a wikiword and therefore have an inital capital letter
and one in the middle too. For example:
#FirstAnchor
Now let's add the reference.We want to do it nicely so we'll use a definition
list layout to get the URL indeted. The problem is that to put spaces
in the definition term we need to use a 'hard' space .
Add three spaces, the text describing the URL and then a colon and the
URL:
1. eco tourism: http://www.tourism.com
You should end up with something like :
#FirstAnchor
1. eco tourism: http://www.tourism.com
Linking to this. We'll use a so-called forced link to
link a label in the text to the anchor in the Bibliography. The anchor
name goes into a square brackets followed by the label text in
square brackets and the whole is encloed in a square bracket. For example:
nd improves the well being of local people.”[[#FirstAnchor][1]]
here the label is the number 1 but you could use any text.
here's the completed code:
Despite the illustrious goals of ecotourism and its conservationist legacy ecotourism
is not the panacea that it was once hailed as [[#TwoAnchor][2]]. The increasing
numbers of tourists, and the development and services that accompany them, have
become potential threats to the very ecosystems and cultures they are trying
to protect. In this section we will provide a more extensive sense of the characteristics
of ecotourism as well as examine a few of the negative side effects.
<br clear="all">
---++ Bibliography
#FirstAnchor
1. eco tourism: http://www.tourism.com
#TwoAnchor
2. Kenya: http://en.wikipedia.org/wiki/Kenya
Twiki will generate a table of contents automatically for every 2nd level heading (or third level heading). But you don't normally want the title in this table of contents so you need to encapsulate the title in explicit <H1> tag in CAPITAL LETTERS as shown:
<H1>Nature Preserves</H1>
Then the table of contents of all level two headings can be displayed thus:
%TOC{depth="2"}%
---++ Ecotourism
A navigation table is easily accomplished by placing the wiki page names in square brackets as shown. The uprights | indicate the boundaries of the table cells and the current page is indicated by *
| [[BiologySeniorSeminar04][Home]] | *[[HowPreservesAreChosen]]* | [[TransboundaryIssues]] | [[BiologicalImpacts]] | [[SerengetiIssues]] |
