The Global Web System is a content management system built with DotNetNuke that aims to provide a unified design across all Wetlands International office websites. It allows websites to share common databases and automatically update when changes are made to the global site. Key features include sending newsletters, displaying photos and videos, and showing projects on maps. The system uses modules placed in panes to build webpage designs. It supports multilingual sites with options for double-sided or double-paged translations. Users are instructed to study the manual and contact communications officers with any questions.

1. WI Global Web System
Basic Presentation
April 2012

2. Wetlands International
The Global Web System is made with
DotNetNuke (freeware)
This system is aimed at:
• Having one ‘look and feel’
(it has been updated in 2011, and not all office websites joined in – although this needs to
be done soon)
• Easy usability

3. This means that:
• All websites share the same design
• All websites are connected to the global
homepage databases for:
- Projects
- Publications
- Images
• When updating the database on the
global website, automatically the sub-
websites are updated too

4. Extra features:
• Send a newsletter
• Show photos in a slideshow
• Show video
• Show projects or points
on a GoogleMap
• Display news from other
websites through RSS Feeds

5. Design of a webpage
The Basics:
• The design of a web page is called a
“skin”
• The elements to fill a page are called
“modules”
• There are many modules;
each different module displays its
content in a different way

6. Design of a webpage
• The modules are placed in different
sections of a web page: a “pane”
• Generally, these are the sections or
panes:
BannerPane, Rightpane, ContentPane
(incl. Left- and RightBottom) and
Footer (-Left, -Middle, -Right) Pane
• You can move the modules from one
pane to another

7. Example
The panes

8. Example
Different
modules
Text
module Image module

9. Multilanguage website
• A bilingual website has two “faces”; one
side for each language
• By using the
‘language’ button
(top right corner)
you can switch
between the
two “faces”
of the site

10. Bilingual pages
Bilingual pages can be made
in two ways:
• Double-sided page (simple):
use ML-HTML text modules for all
the text.
These you can make yourself!
• Double paged: two different pages
connected to each other
(complicated)
Used for homepages with lots of modules,
made by HQ Comm. Officer

11. Placing bilingual text
Putting texts in two languages on a page:
• Use the ‘Multilanguage (MLHTML) text
module – it has two sides

12. Module titles
• Titles of many modules are not
bilingual.
• Therefore, on top of such a
(project, publication, etc.) module,
always place a MLHTML Text
module with the title text in both
languages

13. Making a simple bilingual page
Instead the MLHTML text module
above it does have a title
The Image module cannot be
bilingual, so it has no title.

14. Making a simple bilingual page

15. Page name translation
• Page titles can be made bilingual
on: ‘About Us – Page name
translations’
• You can select the page and
change the title in each language,
similar to using a MLHTML text
module

16. Page name translation
It is set to French: you can
see the French page title
Now switch to English:
add the English page title

17. WI Global Web System
After this presentation:
• Study the Website Manual for
Beginners and start practicing
• If you have any questions, direct
them at the responsible HQ
Communications Officer through
Skype, email or by telephone.
• Good luck in managing your own
website!