Creating Event Webpage

EventPageStructure.png

Structure of the Event Webpage is designed with:

  1. A banner on the top dedicated for the event
  2. A few tabs below the banner for different captioned information

Event Banner

Event Banner is a graphic in JPG or PNG format.  It is recommended to use a banner of size 1197x400 pixels.  The same banner will be used throughout in different locations, including the sliding banner on the front home page of the website, and therefore this restricted size.  The purpose is to align with other sliding banners making it uniform otherwise it will result in a jumping banner when it slides with other banners of different sizes.

The same banner would also be used for posters, eDM, and even for on-site backdrop.  The banner is an important element to make the event attractive.

Event Basic Information

Fill in the appropriate information about the event:

  1. Title of Event - Choose one that is short, simple and preferably attractive
  2. Event Date/Time - Fill in accurate information of the date & time.  Include the End Time.  These information will be used by the system.
  3. Event Venue - Fill in the Event Venue as a record, but in the tabs, a proper presentation of the venue should be done again.
  4. Language - By default, Listed Version and En will both be checked for single language in English only.  This is used in cases where 2 event webpage are setup for different languages.  Please contact the author if needed.  Leave it default here.
  5. Posting Expiry Date - Fill in the End Date.  After this expiry date, the event webpage will automatically move under Event Archives.

There are vertical tabs at the bottom, leave it default.  In particular:

  • For URL path settings - manual URL alias is recommended, and should be in the format events/xxxxxx.  Use a short and meaningful URL because this will be the direct URL link to this event webpage.  Short URL is easy to remember.
  • Publishing options - Do NOT Promoted to front page, because a banner should be used on the sliding banner instead.

Other Tabs

Only tabs with content filled will display in its pre-designed order.  Following are individual tabs and their intended purposes:tableproperty.PNG

  • Review/Photo - neglect this tab in the beginning, and it will not show up when it is empty
  • Overview - This is the front and default page of the event.  Use this page for a selling job and make it attractive.
  • Details - Schedule and detailed run-down of the event in a tabulated format.  Use table for schedules and run-down which aligns vertically in a proper way.  It is recommended to configure the table with:
    • Width = 100% so that it will automatically stretch to the limit of the width of display
    • Border size = 0 to suppress the lines
  • Speakers - Introduction of all speakers, moderators and facilitators, etc.  Post their portrait photo and brief bio or introduction.  Use a table to tabulate in a tidy manner.  Please pay attention to the following:
    • Pictures can come in different sizes.  Set it to a width of around 120 to 150 pixels.  Leave the length of the pictures in its original aspect ratio.  In some cases, it is necessary to specify under the Advanced tab of the Image Properties at the Style line: "height: auto;" (include the semi-columns).
    • Tabulating the photos may result in distorted pictures when width of column is insufficient.  It is advised to specify the column width a few pixels wider than the column.  For example, if the picture width is set to 150, set the column with to 155.  If there are more than 1 speaker, just set the width of the top cell, and the rest will follow.  Right click on the cell, select Cell > Cell Properties, and there you can specify the width in pixels.
  • Location - A good description of the location of venue, and preferably a map is included
  • Organizers - a list of all organizers, co-organizers and supporting organizations with their logo, or the full name of organizations.  Most organizations consider this important.  Manipulating size of logos take times because different organizations will give you different format, different sizes.  In a web presentation, it is often distorted.  Follow the techniques described above for portrait photos of speakers.
  • Registration - Online registration form is actually setup in another system which enables automation and integrate with another eDM system.  It can be easily setup by inserting the  source codes for the form after pressing the "Source" button of the editor.  The source codes can be obtained from KF who represents the Secretariat Office.

Post Event Follow-Up

After the event is finished, it is common to follow-up with posting of photo and a review report.

  1. The tab "Review/Photo" of the Event Webpage was purpose left empty, because it should be used after the event is finished,and it will become the first page of the event.
  2. In the KMP platform design, photo are not posted directly to the website.  Photo sizes are large, and when they are accumulated, it will take up a lot of storage space, and slow down the system in the long run.  A better way to do it is to upload the photo to the KMP Facebook Page into a Photo Album.  The Album is a way to classify photo by different events or occasions.  After uploading photo to Facebook, click on the top right hand corner wheel and choose "embedded codes".  Copy the codes and paste the codes onto the event webpage.  Same as before, press the "Source" button of the editor to insert the codes.  There is an additional advantage by posting the photo on Facebook, because these photo can help us to do social marketing, or download by participants.
  3. Using similar method, other content can also be inserted from another platform using the embedded, such as slideshare.
  4. Event reveiw report can also be written here in the same page too.
  5. Content in the "Registration" tab should be deleted as it is no longer needed.  The Registration tab will disappear automatically when it is empty.

Up to here, the Event Webpage is considered to be completed.

 

 

 

Group content visibility: 

Use group defaults