WI Global Web System
April 2012
Basic Presentation
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
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
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
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
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
ExampleThe panes
ExampleDifferent modules
Text module Image module
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
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
Placing bilingual text
Putting texts in two languages on a page:
• Use the ‘Multilanguage (MLHTML) text module – it has two sides
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
Making a simple bilingual page
The Image module cannot be bilingual, so it has no title.
Instead the MLHTML text module above it does have a title
Making a simple bilingual page
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
Page name translation
Now switch to English: add the English page title
It is set to French: you can see the French page title
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!