Home / Information / Website Editing /

Website Editing

Random Notes

The introduction of new technologies such as Tablets and Smartphones into the computer world means that we have to regularly change the Diocese website in order to accomodate them

A major re-design of the website will probably take place during 2013. However, in the meantime several small steps need to be taken to make the website as usable to tablets and smartphone users as we can


Which file type to use:

Whenever possible, please use PDF files. These cannot be altered by the end user. The Diocese currently use Office 2010 (Word, Excel & Powerpoint) which allows the user to save any file in PDF format. The only time a file should be put on the website in Word, Excel or Powerpoint format is if the end user will use that file to add to or amend it, such as filling out a form or displaying a presentation


Which Font (typeface) and Colours to Use

    1. To select type of heading, highlight text and select the 'Paragraph' dropdown in the editor
    2. The page heading is always a 'Heading1'. This should be setup automatically. Do not use 'Heading1' for anything else
    3. Primary headings within the body of the page should be 'Heading2'
    4. Secondary headings within the body of the page should be 'Heading3'
  2. TEXT
    1. To select default text, highlight text and select 'Paragraph' dropdown in editor, then choose 'Normal (P)'
    2. Always use the default font. Do not change to another font
    3. Always use the default colour. Do not change to another colour
    4. Do not underline text. This is reserved for links
    5. Try not to use 'bold' or 'italics' because this is not seen by many smartphones and small tablets



The 'page title' is a dark burgundy colour (type 'heading1') and should only be used at the top of every page

There are three types of heading that can be used in the page body. The largest is type 'heading2', slightly smaller is type 'heading3' and finally the smallest is achieved by using standard text that is made bold. Do not use any other heading

All text must be the default font, size and colour. If importing (cut and paste) from Microsoft Word then please use the 'Paste from Word' button and not the standard 'Paste' button. This will strip out all the fancy enhancements and setting out that Word uses, which is incompatible with our website

Do not underline any words. This is used for links (downloads, other pages, other websites)

Do not change the font

Please limit the amount of bold text that is used. Do not bold any headings

Quotations can be made to stand out by using italics

Lists of items can be setup by using the 'Numbering' button for numbered lists or the 'Bullets' button for un-numbered lists

Images must be no wider than 660px, otherwise they will destroy the page formatting

Take care when setting up tables to make sure they don't exceed the width of the page (approx 660px)

If you are unsure about how to implement any of the above guidelines or have any questions then please ask


Large Images

If your image is larger than 660px wide then either:
  1. scale the image down to 660px wide using Photoshop (expensive), Gimp (free) or other suitable image editor. (Microsoft Office comes with the Microsoft Office Picture Manager which can be found in Microsoft Office > Microsoft Office 2010 Tools > Microsoft Office Picture Manager. This program has a resizing facility)
  2. leave the image large but force it to display 660px wide after uploading the image. (This second option is not as good as the first option because it forces the user to download a large image that could take a long time to download)
  3. Please note that if you place spaces to the left and/or right of the image, then the maximum size of the image must be reduced by the same amount (eg. spacing left = 10px, spacing right = 10px then maximum size of image will be 660-10-10=640. However for large images there is no need to have any spacing around it, so the max width of 660px can be used)



Links to other website should have the 'Target' option set to 'Blank', so that the page opens in another tab. This gives the user an easy way back to our site. The Target:Blank option is located in a drop-down half way down the link window

Links to internal pages do not need this option set

homewelcomea church near yousearch for a person search for a person

RSS   Click for our RSS Feed
© 2017  Diocese of Blackburn : Web Design & Content Management System by fat media : Sitemap
Diocese of Blackburn has no responsibility for the content of external links