![Page 1: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/1.jpg)
WI Global Web System
April 2012
Basic Presentation
![Page 2: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/2.jpg)
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
![Page 3: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/3.jpg)
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
![Page 4: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/4.jpg)
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
![Page 5: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/5.jpg)
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
![Page 6: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/6.jpg)
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
![Page 7: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/7.jpg)
ExampleThe panes
![Page 8: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/8.jpg)
ExampleDifferent modules
Text module Image module
![Page 9: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/9.jpg)
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
![Page 10: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/10.jpg)
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
![Page 11: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/11.jpg)
Placing bilingual text
Putting texts in two languages on a page:
• Use the ‘Multilanguage (MLHTML) text module – it has two sides
![Page 12: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/12.jpg)
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
![Page 13: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/13.jpg)
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
![Page 14: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/14.jpg)
Making a simple bilingual page
![Page 15: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/15.jpg)
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 16: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/16.jpg)
Page name translation
Now switch to English: add the English page title
It is set to French: you can see the French page title
![Page 17: WI Global Web System April 2012 Basic Presentation](https://reader036.vdocument.in/reader036/viewer/2022062422/56649f0e5503460f94c22a91/html5/thumbnails/17.jpg)
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!