Difference between revisions of "Website Banner Guidelines"

From CCCWiki
Jump to: navigation, search
Line 1: Line 1:
 
If you would like to promote your event, course, activity, etc. on the front page of the web site, please email the [mailto:websiteteam@christchurchchislehurst.org Website Team] with a draft banner and additional relevant information that will be required . However, the Website Team does not decide which banners will appear on the front page, '''this will normally be decided in the Monday staff meetings'''.
 
If you would like to promote your event, course, activity, etc. on the front page of the web site, please email the [mailto:websiteteam@christchurchchislehurst.org Website Team] with a draft banner and additional relevant information that will be required . However, the Website Team does not decide which banners will appear on the front page, '''this will normally be decided in the Monday staff meetings'''.
 +
 +
Here is an example banner:
 +
 +
[[File:banner-example.jpg]]
  
 
= Banner specification and quality standards =
 
= Banner specification and quality standards =
  
 
Once approved, please send a banner that meets the specification and quality standards detailed below. The Website Team can help with producing a banner from a file in another format.
 
Once approved, please send a banner that meets the specification and quality standards detailed below. The Website Team can help with producing a banner from a file in another format.
 
== Banner specification ==
 
  
 
*Height: 350 pixels
 
*Height: 350 pixels
Line 12: Line 14:
 
*Format: [http://en.wikipedia.org/wiki/JPEG JPEG] or [http://en.wikipedia.org/wiki/Portable_Network_Graphics PNG] 
 
*Format: [http://en.wikipedia.org/wiki/JPEG JPEG] or [http://en.wikipedia.org/wiki/Portable_Network_Graphics PNG] 
  
== Quality standards ==
 
 
Here are some dos and don'ts:
 
Here are some dos and don'ts:
* Do use a professionally created picture. If you don't have one, consider buying one from stock site, such as [http://www.istockphoto.com/ iStock Photo] for a small fee (typically a few pounds).
+
 
* Do make sure that the banner picture fills the whole banner space, not only part of it.
+
*Do use a professionally created picture. If you don't have one, consider buying one from stock site, such as [http://www.istockphoto.com/ iStock Photo] for a small fee (typically a few pounds).
* Do include a title in the banner with a large font.
+
*Do make sure that the banner picture fills the whole banner space, not only part of it.
* Do consider how the banner will look in the context of the front page.
+
*Do include a title in the banner with a large font.
* Don't use low resolution images that show pixelation or blurriness.  
+
*Do consider how the banner will look in the context of the front page.
* Don't use low constrast writing which may be difficult to read.
+
*Don't use low resolution images that show pixelation or blurriness.
* Don't use stylised clipart.
+
*Don't use low constrast writing which may be difficult to read.
* Don't ''Click here for more information''.
+
*Don't use stylised clipart.
* Don't load the banner with text. Remember that it will only be visible for a few seconds.
+
*Don't ''Click here for more information''.
 +
*Don't load the banner with text. Remember that it will only be visible for a few seconds.
  
 
Here is an example of a good banner:
 
Here is an example of a good banner:
  
[[File:banner-good-example.jpg]]
+
[[File:Banner-good-example.jpg]]
  
 
Although the following banner has a high quality background, there are a number improvements that could be made:
 
Although the following banner has a high quality background, there are a number improvements that could be made:
  
[[File:banner-not-so-good-example.jpg]]
+
[[File:Banner-not-so-good-example.jpg]]

Revision as of 00:52, 14 February 2012

If you would like to promote your event, course, activity, etc. on the front page of the web site, please email the Website Team with a draft banner and additional relevant information that will be required . However, the Website Team does not decide which banners will appear on the front page, this will normally be decided in the Monday staff meetings.

Here is an example banner:

Banner-example.jpg

Once approved, please send a banner that meets the specification and quality standards detailed below. The Website Team can help with producing a banner from a file in another format.

  • Height: 350 pixels
  • Width: 720 pixels
  • Size: 50-100 kilobytes
  • Format: JPEG or PNG 

Here are some dos and don'ts:

  • Do use a professionally created picture. If you don't have one, consider buying one from stock site, such as iStock Photo for a small fee (typically a few pounds).
  • Do make sure that the banner picture fills the whole banner space, not only part of it.
  • Do include a title in the banner with a large font.
  • Do consider how the banner will look in the context of the front page.
  • Don't use low resolution images that show pixelation or blurriness.
  • Don't use low constrast writing which may be difficult to read.
  • Don't use stylised clipart.
  • Don't Click here for more information.
  • Don't load the banner with text. Remember that it will only be visible for a few seconds.

Here is an example of a good banner:

Banner-good-example.jpg

Although the following banner has a high quality background, there are a number improvements that could be made:

Banner-not-so-good-example.jpg