Difference between revisions of "Help:Editing"

From MadaCamp
Jump to: navigation, search
(Editing and publishing videos)
(Google maps)
Line 126: Line 126:
 
-->
 
-->
  
== '''Google maps''' ==
+
== Google maps ==
  
 
To create new or edit existing Google maps on pages, click on the map button http://www.madacamp.com/extensions/GoogleMaps/images/button_map_open.gif above the edit box.  
 
To create new or edit existing Google maps on pages, click on the map button http://www.madacamp.com/extensions/GoogleMaps/images/button_map_open.gif above the edit box.  

Revision as of 16:00, 31 August 2016


This website can be edited within Madagascar only. If you would like editing permission from elsewhere, you need an invitation from an administrator of the site.

Text editing

The most basic text editing features, such as boldface, italics and links can be formatted with help of the buttons above the edit box. Alternatively, the syntax is simple. For bold text, enclose the word(s) within three single quotes:

'''bold text'''

For italic text, enclose the text with two single quotes:

''italic text''

To link a text to another page within the wiki, enclose the word in square double brackets:

[[Anakao]]

The link will thereafter point to http://www.madacamp.com/Anakao

To link to a page on another website, enclose the link location within single square brackets and the linked word(s) after the URL:

[http://pinterest.com/madacamp MadaCamp Pinterest board]

This will appear as:

MadaCamp Pinterest board

Alternatively, type a full URL without the brackets, e.g.:

http://pinterest.com/madacamp

... to display the link as follows:

http://pinterest.com/madacamp

To make a listing, prefix the list items with asterixes: ...

* item 1 
* item 2
* item 3

... which will appear as follows:

  • item 1
  • item 2
  • item 3

Nested lists are done as follows: ...

* item 1 
* item 2
** item 2.2
*** item 2.3
* item 3

... which will appear as:

  • item 1
  • item 2
    • item 2.2
      • item 2.3
  • item 3

etc.


Image links

To link to a page from an image instead of an image leading to larger version of the file shown on a page, add the link parameter to the image markup, eg.:

Big fish.jpg

[[Image:Big_fish.jpg|100px|link=Big_fish]]

Link to an image or other file

To link directly to an image or some other file that has previously been uploaded on this site use the media: prefix. For example: ...

[[media:Big_fish.jpg]]

... will appear as media:Big_fish.jpg

Or to use other link word(s) than the filename, separate the file part and the linked word(s) with a vertical bar ( | ), as follows:

[[media:Big_fish.jpg|how to wear a fish]]

The link will then appear as how to wear a fish

Displaying an email address

The following code:

[mailto:hello@madacamp.com hello@madacamp.com]

... will display as:

hello@madacamp.com


Google maps

To create new or edit existing Google maps on pages, click on the map button button_map_open.gif above the edit box.

Find the region to display, set the various size and display options and thereafter copy the resulting <googlemap>...<googlemap> code into the edit box and save the page.

Various display options include satellite view, map view, adding of place markers, drawing lines etc.


Uploading images

To add your own images, first sign up and thereafter click on the Upload file link in the toolbox on the left, which allows uploading a single image at the time. Note that the link does not appear to site visitors who are not logged in.

You can repeat the procedure for more than one image or chose to upload multiple images via the Upload multiple files function which allows uploading up to five images at the time.

Image size

A recommended image size for this site is minumim 1500 pixels height or width.

Many digital cameras produce images with a 4:3 aspect ratio and which are usually larger than 1500 pixels in width or height.

Images which has a 4:3 aspect ratio will automatically fit into the standard image gallery.

When scaling a 4:3 aspect ratio image from some larger size down to 1500 pixels width it becomes 1125 pixels in height. In case of a taller than wide image, i.e. in portrait format, it becomes 1125 width and 1500 pixels in height.

Example of an 4:3 aspect ratio, 1500 pixels wide and 1125 pixels tall image: Diego_Suarez_150.jpg.

However, many cameras output different aspect ratios and size settings. Depending on your internet connection speed, size and number of images, you may prefer to scale your images down before uploading them onto this site.

A free graphics application to scale images down is The Gimp.

Or to avoid using a graphic application altogether, just upload your images in their original sizes and dimensions as they come from the camera.


Displaying images

Nahampoana Main Building.jpg
Align an image to the left of the text...


[[Image:Nahampoana_Main_Building.jpg|left|70px|]]  Align an image to the left of the text...

<br clear="all">

For further info on image display, visit http://en.wikipedia.org/wiki/Image_markup

Image gallery

To display a collection of images without captions in a standard size that wlll work well in conjuction with a Google map display on the same page and in the the size of 600 pixels width, copy the following wiki-markup and replace the image names with the images to be dislayed. This example will display one large image on top, spanning three colums with two rows of images below it:

{| class="imageTable"
|-
|colspan="3" | [[File:Photo 001.jpg|600px]]
|-
|[[File:Photo 002.jpg|196px]]
|align="center"|[[File:Photo 003.jpg|196px]]
|align="right"|[[File:Photo 004.jpg|196px]]
|-
|[[File:Photo 005.jpg|196px]]
|align="center"|[[File:Photo 006.jpg|196px]]
|align="right"|[[File:Photo 007.jpg|196px]]
|}

Just add or remove rows as required. Example, as on the Tulear page:

Tulear 016.jpg
Tulear 010.jpg Tulear 005.jpg Tulear 006.jpg
Tulear 012.jpg Tulear 008.jpg Tulear 018.jpg

Thumbnail gallery

Using <gallery> ... </gallery> tags to display a thumbnail gallery with images which link to the larger versions of the uploaded images. This is useful for creating quick and easy thumbnail galleries with many images.

Images can also be individually captioned and wiki-markup can be used within captions.

The code example of the above gallery is shown below:

<gallery>
Image:Ilakaka 001.jpg
Image:Ilakaka 002.jpg
Image:Ilakaka 003.jpg
Image:Ilakaka 004.jpg|[[Help:Contents/Links|Links]] can be put in captions.
Image:Ilakaka 005.jpg
Image:Ilakaka 006.jpg|Full [[MediaWiki]]<br />[[syntax]] may now be used...
</gallery>

<gallery> parameters:

caption="Caption above gallery"

widths=n Image widths in pixels

heights=n Image heights in pixels

perrow=n Number of images per row

Wide images

To display an image that is generally wider than most screens in a sideways scrollable box, typically a panorama, the syntax is:

{{Wide image|name|image width|caption|box width|alignment}}

Examples:

The below example is done by the following code:

{{wide image|Bezavona_pano2.jpg|1800px|Fort Dauphin panorama}}
Fort Dauphin panorama
Fort Dauphin panorama

To display the same image but without a caption, simply omit the caption:

{{wide image|Bezavona_pano2.jpg|1800px}}

To right-align the image while taking up 45% of the paragraph width:

{{wide image|Bezavona_pano2.jpg|1800px|Fort Dauphin panorama|45%|right}}

Or define a fixed width for the scrollbox, eg. 250 pixels:

{{wide image|Bezavona_pano2.jpg|1800px|Fort Dauphin panorama|250px|right}}

Random image display

A random image can be displayed along with various optional parameters, such as size, left or right aligned and a pre-defined array of named images to limit the selection from.



This code can be used to display a random image from the complete repository of images on the site:

<randomimage float="left" />

An caption will automatically be pulled from the image descripion page if one exists or if added when the image was originally uploaded on the site.


Random image


This example code can be used to display a random image with a pre-defined caption, eg. 'A random image', for all images:
<randomimage float="left">A random image</randomimage>

The <randomimage> tag supports the following attributes:

  • size - set the image width (default is the user's thumbnail width).
  • float - float the image; valid values are 'left', 'center' and 'right'.
  • choices - limits the image selection to a list of images separated by a vertical bar. For example:


Chocolaterie Robert, Antananarivo, Madagascar


This example is a 150 pixels width image, aligned to the left and with a pre-defined array of named images to choose from:
<randomimage size="150" float="left" choices="Chocolaterie_Robert_024.jpg|Chocolaterie_Colbert_01.jpg|Cinagra_066.jpg" />


Table of Contents

The table of contents (TOC) is automatically shown at the top of a page if there are four or more headings in an article. To hide this on a page, add the string __NOTOC__ anywhere in the page markup.


Displaying YouTube videos

To display a video from YouTube on this site, extract and copy the relevant video ID that is part of a YouTube URL, e.g. http://www.youtube.com/watch?v=AzUsrLi8P4o&feature=related and paste it into the edit form as follows:

<youtube>AzUsrLi8P4o</youtube>

<youtube>AzUsrLi8P4o</youtube>


Editing and publishing videos

While a quick and easy way to publish a video is by uploading it into a YouTube account and thereafter including it on a page, videos can also be uploaded directly on MadaCamp after having converted it into FLV format. Your original may be an Mpeg, AVI, Quicktime or some other format. The conversion into FLV format can then be done using a video editor such as Avidemux, which is available for free download on all operating systems:

Avidemux.jpg

Within Avidemux, open the video file, select FLV format via the Video, Audio and Format selectors. Optionally add filters. Give the file an .flv extension and Save Video. Thereafter upload the FLV file onto this site and simply add it on a page, as follows:

[[File:Video.flv]]

The size and aspect ratio can be tweaked like a normal on-page image by defining the pixel display values, as follows:

[[File:Video.flv|300x375px]]

Alternatively, FFmpeg is an excellent and free video editing tool, but requires command line editing, which is mainly done on Linux and OSX systems.

For Windows users, a simple FLV conversion tool is Mobile Media Converter. While Mobile Media Converter lack various advanced editing features that exists in Avidemux, if all you need is to convert a video into FLV format without special editing, Mobile Media Converter is a perfectly good tool for the purpose. Various pre-configured size, bandwidth and quality level options are available in the conversion process.

File:Chocolaterie Robert 320x240 low.flv

Click the screen on the left to see an example of a video that has been converted from a Quicktime (.mov) file into FLV format using Mobile Media Converter and thereafter uploaded and displayed here via the following code:

[[File:Chocolaterie_Robert_320x240_low.flv|320x240px]]

The video is 13 minutes and features Chocolaterie Robert's bean-to-bar chocolate production in Madagascar, in French language.


For tips a tricks on editing video in Windows or Mac OSX or using various cloud based (online) tools, watch BBC's The essential guide to video editing webcast from 13 May 2011.


Further manuals