Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Global Website System Introduction


Published on

An introduction to the Gl

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

Global Website System Introduction

  1. 1. WI Global Web System Basic Presentation April 2012
  2. 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. 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. 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. 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. 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. 7. ExampleThe panes
  8. 8. Example Different modules Textmodule Image module
  9. 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. 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. 11. Placing bilingual textPutting texts in two languages on a page:• Use the ‘Multilanguage (MLHTML) textmodule – it has two sides
  12. 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. 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. 14. Making a simple bilingual page
  15. 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. 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. 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!