Your SlideShare is downloading. ×
Global Website System Introduction
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Global Website System Introduction


Published on

An introduction to the Gl

An introduction to the Gl

Published in: Technology, Design

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. WI Global Web System Basic Presentation April 2012
  • 2. Wetlands InternationalThe 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 webpageThe 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 differentsections of a web page: a “pane”• Generally, these are the sections orpanes:BannerPane, Rightpane, ContentPane(incl. Left- and RightBottom) andFooter (-Left, -Middle, -Right) Pane• You can move the modules from onepane to another
  • 7. ExampleThe panes
  • 8. Example Different modules Textmodule 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 pagesBilingual pages can be madein two ways:• Double-sided page (simple):use ML-HTML text modules for allthe text.These you can make yourself!• Double paged: two different pagesconnected to each other(complicated)Used for homepages with lots of modules,made by HQ Comm. Officer
  • 11. Placing bilingual textPutting texts in two languages on a page:• Use the ‘Multilanguage (MLHTML) textmodule – 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 pageInstead 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 SystemAfter 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!