Loading...
 
[Show/Hide Right Column]

Print

Tutorial

I did everything you wanted me to do: registered, confirmed, logged in. So now what?

Now you can start to contribute. You will be able to:

  • post comments which appear at the bottom of an article
  • use the forum
  • edit pages at louisiades.net


Edit pages? Yes, that's right. We trust you that much! This tutorial will tell you how to do that. Don't worry you will not have to learn HTML or other fancy stuff ('cause we wouldn't trust you enough to do that). Just a short note on the basic principle: This webpage is a wiki. Like wikipedia.org it relies on its users to add more information and review the articles. We made it easy for people to do that (you only need to register) hoping that as many people as possible use the opportunity to share their knowledge about the islands and participate in the trade register.


Editing a wikipage


If you like to edit a page, just log in and click on that Page little button. If the page has a lot of text you might find it easier to just edit a certain section of it by clicking on this symbol Image next to a heading.

As soon as you have done that an editor window will appear at the bottom of the page. The text will look quite different from the published version you can see above, because the text written with a special wiki syntax.

Overview


Click Page to edit the whole page or Image next to a heading to edit a section of it.

Basic editor

The basic editor will display a row of little icons, that give you a formatting example (see column with Editor syntax). You can click those buttons to apply bold print on highlighted text as you would in Word however it will not appear in bold print right away but surrounded by the 'code' for this particular formatting.
Once you feel like a pro you can hack those symbols in as you write.
This table gives gives you a quick reference but below everything will be explained in more detail.

Icon
Editor syntax
Meaning & Notes
Image
!text
!Heading 1
Image
!!text
!!Heading 2
Image
!!!text
!!!Heading 3
Image
__text__
__bold__
Image
''text''
''italic''
Image
~~#FF0000:text~~
color text <br> - #FF0000 is the hexadecimal code for 'red'
Image
===text===
underline
Image
--text--
strike through
Image
---
horizontal rule
Image
^text^
put text in a box
Image
::text::
center text
hit 'enter' 2xthis will create a new paragraph block
<br>
this will create a line break where you want it to be/ a new paragraph
Image
{IMG(src="example.com",
alt="An image",align="left",
desc="Description of 
an image")}{IMG}
insert picture from URL
Image
[http://example.com|text]
insert external link
Image
((Name of Wiki page))
insert link to wiki page <br> - New name or typo will create a new page, looking like this: <br> Name of Wiki page?
Image
*text
* bullet list
Image
#text
# numbered list
Image
{QUOTE()}Quoted text{QUOTE}
quote a piece of text (Please reference your source, if you do.)
Image
||r1c1|r1c2|r1c3
r2c1|r2c2|r2c3
r3c1|r3c2|r3c3||
create table <br> - creates simple table "r1c1" specifies the cell of row1 column1
Image
-=text=-
text in bars
Image
{img src=/tiki-download_file.php?
fileId=61&thumbnail
height=12 width=12 alt=""}
insert images from file gallery <br> - alt="Alternative Text", delete "&amp;thumbnail" for full size picture
Image -special characters

Save, Preview and Save minor edit

To save your changes you need to finish your edits within 24 minutes. You will get a warning 1 min before time is running out. You can then Save or Preview your changes to get another 24 minutes of editing time.

If you ran out of time but you still want to post your changes just highlight all the text in the editing window (Ctrl + A), copy it (Ctrl + C) and paste it (Ctrl + V) after logging on to the site again.

Please, preview your changes before you save them and make them thereby public. Every saved version of the wiki page will be automatically backed up. - So if you accidentally deleted all text, forgot to hit Ctrl + Z to reverse this change and accidentally hit save, it is not all lost! Just tell the webmasters and they will make things all right again.

So, if you find a little typo in your new published text, you can edit and save the corrected version. This will create a new file with the new version on the server of the site. We do encourage you find and fix typos, but please, use Save minor edit instead of "Save" to keep the number of back up versions small.

Headings Image Image Image

Headings are necessary to structure the text and work like 'styles' in Word for example. They are pre-formatted and only admins can change the formatting.
You set a heading by adding exclamation marks in front of your words. All the words up to the next line-break will be part of that heading.
This section looks like this:

!!Headings
Headings are necessary to structure the text and work like 
'styles' in Word for example. They are pre-formatted and 
only admins can change the formatting.
...

To format text as Heading1 requires one !, Heading2 requires two !!, etc.

Please do not use headings to highlight/emphasize text.

Emphasise text - bold, italic, underlined & colors

The most popular ones:

  • Image For bold print surround your text with two underscores _
  • Image For italic print surround your text with two apostrophes '
  • Image For underlined text surround your text with three equal signs =
  • Image If you really feel like you need to cross out something. Apply strike through by wrapping your text... or someone else's in two minus signs -


Image Color is applied easily,even though the syntax looks quite complicated.

~~#FF0000:text~~
makes the text red. FF0000 is the hexadecimal code for red. If you have a graphic manipulation program (it doesn't have to be as complex as Photoshop, but it needs to be a little bit more sophisticated than Paint) it will probably show you a code like this one for every color value in the color picker.


Any value will work. Having said that: Don't go and graffiti all over the pages! It looks horrendous and I will find you and make you wipe it off again!
If you highlight something with color, please, make sure it is actually something important.

Another way of emphasizing text is to put your message in a box:

^Please, apply this effect sparingly.^
makes
Please, apply this effect sparingly.


Text in bars in a useful effect for the row of a table you like to use as a head row.

-=text=-
turns into
text


Tables Image

Working with tables in those pages is not so great but easy. Probably there will not be to many tables needed for this page.
If you click on the table icon you will get:

||r1c1|r1c2|r1c3
r2c1|r2c2|r2c3
r3c1|r3c2|r3c3||
translates into
r1c1r1c2r1c3
r2c1r2c2r2c3
r3c1r3c2r3c3

So, r1c1 tells you that this text is going to be in the first row of the first column. You can add more columns and rows. Just stick to the pattern. If you like to make a nice table header try putting the text of the first row into -= bars or make them bold (For some reason applying both effects at the same time does not work.)

Tables can also be used to group two pictures horizontally.

You can reference links to (internal) wikipages of louisiades.net and to other places in the internet (external link).

Cross referencing a wikipage Image

Cross referencing within the wiki is particularly easy. Just put the name of the wikipage in two sets of brackets - e.g. a link to startpage: Home.

((Home))

If the word 'Home' is inside a bit of text and you would rather like to say 'Homepage' you can make a different word than the actual wikipage name the link:

((Home|Homepage))

Generally all pages have the same name as their link in the Mainmenu on the left side. Be sure to use the exact same spelling otherwise you will create a new page.

If you do like to create a new page you can just put a new term in two sets of brackets and on the published page you will find this term followed by a questionmark.
New term?

Clicking on that ? will give you the chance of creating a new wikipage.

The new page will be orphaned. That means it will not automatically be embedded in the hierarchical structure of the other wikipages and you will not find the new page linked in the left side mainmenu. But you can still find the page by searching for it in the 'Search bar' on the top of the page below the 'login' fields.

Referencing an (external) website Image

If you like to create a link to a page that does not belong to louisiades.net - e.g. a link to an article at Wikipedia.org or PNG Tourism

[http://www.website.com|A term that becomes a link]
[http://en.wikipedia.org/wiki/Wiki]
A term that becomes a link(external link) <br>

http://en.wikipedia.org/wiki/Wiki(external link)

Lists with bullets Image and numbers Image

Image You can create bullet lists by starting each paragraph of you list with an asterisk *

*arbitrary example x
*arbitrary example ü
*arbitrary example q
  • arbitrary example x
  • arbitrary example ΓΌ
  • arbitrary example q


Image For ordered lists your paragraghs need to start with a hash symbol #

#orderly example one
#orderly example two
#orderly example three
  1. orderly example one
  2. orderly example two
  3. orderly example three

Inserting external pictures and graphics

Now this is a bit tricky. Clicking on Image or Image (file gallery) and following the instructions is actually pretty straight forward. But the first option doesn't let you choose from files that are already on the server and the second option doesn't let you add and edit the picture attributes.

Inserting picture from URL Image

Image sourceYou will have to provide an internet address/URL as a source for the picture. So you could insert pictures from wikipedia or your own homepage. Be careful where the pictures are from: If you don't have the rights for that picture (like photos you have taken) and they are not public domain (like pictures on wikipedia would be) you cannot show them on other pages without asking - or paying.
Alternate TextAlternate text is text that people can see, who browse without graphics - like yachties with satphone might or people at the Internet Bakery in Misima. People who browse with graphics will see the text when hovering the mouse pointer over it.
Height and widthYou only have to fill these out if the image you are referencing is not in the size you want it to be. Rhea's advice: ALWAYS use graphics in their original size. A browser is not a graphics processor and webspace and bandwidth are not for free! So if you have a 1024x720px picture and you want it to be 300px tall, resize it on your computer in an appropriate program and THEN you put it on a website. It will look much better this way and loads much faster!
LinkIf you enter a URL here people who click on the picture will be sent to this address. It is also very useful if you have a big picture and it needs to viewed in full size for some reason: Just enter the link that takes you to the big picture.
Link RelHere you can decide whether the link entered above opens in the same window, a pop up window or a new tab etc. So don't worry about it.
AlignmentImage alignment in the page. (left, right, center) Uses HTML IMG tag. This works well.
Float AlignmentImage alignment in the flow of the document. (left, right, none) Uses CSS float property. Works not very well, so use the other way of alignment.
DescriptionShows a text below the picture describing what you see. Just enter the same text as in "Alternate text".
Image MapDon't worry about that. With an image map people can click on parts of the picture (e.g. a face) and are redirected to a page (e.g. a personal homepage).
CSS classHere you can apply a style that is predefined by one of your admin geeks. The plan is: If you enter the term 'frame' it will display your picture with a nice white frame border. But so far that doesn't work.
SubmitClick it and make that window go away!

After the pop-up window for the file gallery has opened you can choose from the list on the left side which gallery folder you like to view. Mugshots holds pictures of people, snapshots contains pictures of the country side. Illustrations are any graphics but photographs.
If you like to upload a picture that you took, please resize it so the long side is 280px long before you upload it. If you are not sure where your picture should go, upload it into Unsorted.

  • To upload pictures choose 'Upload file' from the top.
  • List gallery and Browse - lets you switch between list view and thumbnail view once you selected a folder (e.g. mugshots). Unfortunately the thumbnail preview stopped working for reasons unknown.
  • For inserting a picture just click on the filename. Then you will see something like this:
{img src="tiki-download_file.php?fileId=47&thumbnail" 
alt="" link="tiki-download_file.php?fileId=47&display" 
rel="shadowbox[g];type=img"}

It will look much better if you delete some of that gibberish so it looks like this

{img src="tiki-download_file.php?fileId=47" 
alt=""}

And now it would be very nice, if you can add an Alternative text at alt=""

"This should be much easier.", you are thinking now. And so do we. But it isn't. Sorry.

If you like to have all the same options that you had in the 'insert external pictures' window you must combine the code you get from the file gallery with the other option. Just copy tiki-download_file.php?fileId=47 out of the reference line src="tiki-download_file.php?fileId=47&thumbnail" and insert it into the "Image source" line. Then you can fill out everything like explained before and submit.

Now you are probably very confused and don't want to ever insert any pictures ever into these webpages. If you don't want to put up with all that confusing s...tuff just send us your pictures and tell us where they should go and we will do the rest.

My Footnotes

Let's you reference your sources - e.g. 'The Australian Bureau of Statistics', websites, articles or books.

Folksonomy tags

To be completed.

Posting a comment

Just scroll to the bottom of the page of your choice where it says "Post new comment". Then fill out the fields asking you for the title (e.g. Praise for Pana XY) and your actual comment (e.g. Man! I love this island!).
Now hit Preview and proof read what you have written (this is an optional but highly recommended step). Finally click on Post.

Now every one can read your deep thoughts about Pana YX Island.


Created by Rhea3403 points . Last Modification: Saturday 28 of November, 2009 14:00:10 AEDT by rhea3403 points .
The content on this page is licensed under the terms of the copyright.