Difference between revisions of "Design"

From CCCWiki
Jump to: navigation, search
Line 13: Line 13:
  
 
Most links link to pages of the existing website for illustratory purposes. They are only indicative of the content but not of the design.
 
Most links link to pages of the existing website for illustratory purposes. They are only indicative of the content but not of the design.
−
 
−
== Option 1: Separate People Banner ==
 
−
 
−
<table style="border: 1px solid #AAAAAA; width: 900px " class="wire-frames">
 
−
<tr>
 
−
<td style="padding-left:10px;padding-top: 18px;" colspan="4"><span style="font-size: 20px;">[[File:ccc-logo.png]] Christ Church Chislehurst</span><br/>
 
−
<span style="font-size: 12px;">''Joining in God’s mission of transforming lives through Jesus Christ.''</span>
 
−
</td>
 
−
</tr>
 
−
<tr>
 
−
</tr>
 
−
<tr>
 
−
<td colspan="4">
 
−
<ul id="navigation-1">
 
−
<li>[[Redesign Documentation Design Welcome|Welcome]]
 
−
<ul class="navigation-2">
 
−
<li class="high">[[Redesign Documentation Design New to Christ Church|New to Christ Church?]]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_contact&Itemid=3 Contact Us]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_wrapper&Itemid=73 Find Us]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=47&Itemid=75 Worship Services]</li>
 
−
<li class="high" style="display:none">[[Redesign Documentation Design Mission Statement|Mission Statement]]</li>
 
−
<li class="high">[[Redesign Documentation Design Alpha Course|Alpha Course]]</li>
 
−
<li class="medium" style="display:none">[[Redesign Documentation Design New to Christianity|New to Christianity]]</li>
 
−
<li class="medium" style="display:none">[[Redesign Documentation Design Become a Member|Become a Member]]</li>
 
−
</ul>
 
−
</li>
 
−
<li>[[What's On]]
 
−
<ul class="navigation-2">
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_events&task=view_month&year=2011&month=06&day=21&Itemid=43 Event Calendar]</li>
 
−
<li>[[Redesign Documentation Worship|Worship &raquo;]]
 
−
<ul class="navigation-3">
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=47&Itemid=75 Early Morning Service]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=47&Itemid=75 Family Service]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=47&Itemid=75 Youth Service]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=47&Itemid=75 Cafe Service]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=14&Itemid=50 Sermon Recordings]</li>
 
−
</ul>
 
−
</li>
 
−
<li style="display:none">[[Redesign Documentation Design Courses|Courses &raquo;]]
 
−
<ul class="navigation-3">
 
−
<li class="high">[[Redesign Documentation Design Alpha Course|Alpha Course]]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_events&task=view_detail&agid=304 Marriage Course]</li>
 
−
</ul>
 
−
</li>
 
−
<li>[[Redesign Documentation Activities for Children|Children &raquo;]]
 
−
<ul class="navigation-3">
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_wrapper&Itemid=93 Creche]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_wrapper&Itemid=93 ABC Club]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_wrapper&Itemid=93 Scramblers]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_wrapper&Itemid=93 Climbers]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_wrapper&Itemid=93 Explorers]</li>
 
−
<li class="high" style="display:none">[[Redesign Documentation Challenge Club|Challenge Club]]</li>
 
−
<li class="high" style="display:none">[[Redesign Documentation Holiday Club|Holiday Club]]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_wrapper&Itemid=141 Messy Church]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_events&task=view_detail&agid=25&year=2011&month=01&day=10&Itemid=43 Brownies]</li>
 
−
</ul>
 
−
</li>
 
−
<li>[[Redesign Documentation Activities for Young People|Young People &raquo;]]
 
−
<ul class="navigation-3">
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=195&Itemid=135 Engage]</li>
 
−
<li class="high" style="display:none">[[Redesign Documentation YFC Service|YFC Service]]</li>
 
−
<li class="high" style="display:none">[[Redesign Documentation Holiday Camps|Holiday Camps]]</li>
 
−
<li class="high" style="display:none">[[Redesign Documentation Football|Football]]</li>
 
−
</ul>
 
−
</li>
 
−
<li>[[Redesign Documentation Activities for Adults|Adults &raquo;]]
 
−
<ul class="navigation-3">
 
−
<li style="display:none">[[Redesign Documentation 18-30s Group|18-30s Group]]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=131&Itemid=109 Home Groups]</li>
 
−
<li style="display:none">[[Redesign Documentation Beta Group|Beta Group]]</li>
 
−
<li style="display:none">[[Redesign Documentation Men's Group|Men's Group]]</li>
 
−
<li style="display:none">[[Redesign Documentation Women's Group|Women's Group]]</li>
 
−
<li>[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=85&Itemid=137 Cameo]</li>
 
−
</ul>
 
−
</li>
 
−
 
−
</ul>
 
−
</li>
 
−
<li>[[Community Life]]
 
−
<ul class="navigation-2">
 
−
<li class="high">[[Redesign Documentation Room Hire|Room Hire]]</li>
 
−
<li>[[Redesign Documentation Support|Support &raquo;]]
 
−
<ul class="navigation-3">
 
−
<li>[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=160&Itemid=113 Debt Advice]</li>
 
−
<li class="high" style="display:none">[[Redesign Documentation Design Prayer Request|Prayer Request]]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=131&Itemid=109 Home Groups]</li>
 
−
<li class="medium" style="display:none">[[Redesign Documentation Design Counselling |Counselling]]</li>
 
−
</ul>
 
−
</li>
 
−
<li>[[Redesign Documentation Community|Community &raquo;]]
 
−
<ul class="navigation-3">
 
−
<li class="medium">[http://www.christchurchpre-school.co.uk/ Pre-School]</li>
 
−
<li style="display:none">[[Redesign Documentation Salsa|Salsa]]</li>
 
−
<li>[http://www.christchurchchislehurst.com/cms/index.php?option=com_events&task=view_detail&agid=25&year=2011&month=01&day=10&Itemid=43 Brownies]</li>
 
−
<li>[http://www.2gethershop.org.uk/ 2gether]</li>
 
−
<li>[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=40&Itemid=84 Free For All]</li>
 
−
</ul>
 
−
</li>
 
−
<li>[[Redesign Documentation Special Occasions|Special Occasions &raquo;]]
 
−
<ul class="navigation-3">
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=46&Itemid=74 Baptism]</li>
 
−
<li class="medium">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=46&Itemid=74 Marriage]</li>
 
−
<li class="medium">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=46&Itemid=74 Funeral]</li>
 
−
</ul>
 
−
</li>
 
−
</ul>
 
−
</li>
 
−
<li>[[Redesign Documentation Giving Back|Giving Back]]
 
−
<ul class="navigation-2">
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=243&Itemid=139 Financial Giving]</li>
 
−
<li class="high">[[Redesign Documentation Volunteering|Volunteering]]</li>
 
−
<li class="high" style="display:none">[[Redesign Documentation Praying|Praying]]</li>
 
−
</ul>
 
−
</li>
 
−
 
−
<li>[[Redesign Documentation Resources|Resources]]
 
−
<ul class="navigation-2">
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_events&Itemid=43 Event Calendar]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=14&Itemid=50 Sermon Downloads]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=71&Itemid=97 Room Hire]</li>
 
−
<li class="medium">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=28&Itemid=64 Noticesheets]</li>
 
−
<li class="medium">[http://www.christchurchchislehurst.com/cms/content/newsletter/html/jul2008/index.html Newsletters]</li>
 
−
<li style="display:none">[[Redesign Documentation Growing|Growing &raquo;]]
 
−
<ul class="navigation-3">
 
−
<li class="high">[[Redesign Documentation Design Alpha Course|Alpha Course]]</li>
 
−
<li class="high">[[Redesign Documentation Design Marriage Course|Marriage Course]]</li>
 
−
<li class="medium">[[Redesign Documentation Christian Basics|Christian Basics]]</li>
 
−
<li class="low">[[Redesign Documentation Study Aids|Study Aids]]</li>
 
−
<li class="low">[[Redesign Documentation Memory Verse|Memory Verse]]</li>
 
−
<li style="display:none">[[Redesign Documentation Bookshop|Bookshop]]</li>
 
−
</ul>
 
−
</li>
 
−
<li>[[Redesign Documentation Links|Links &raquo;]]
 
−
<ul class="navigation-3">
 
−
<li>[http://www.new-wine.org/ New Wine]</li>
 
−
<li>[http://www.smileinternational.org/ Smile]</li>
 
−
<li>[http://www.uk.om.org/ OM]</li>
 
−
<li>[http://www.yfc.co.uk/ YFC]</li>
 
−
<li>[http://www.churcharmy.org.uk/ Church Army]</li>
 
−
</ul>
 
−
</li>
 
−
<li class="medium" style="display:none">[[Redesign Documentation Church Directory|Church Directory #]]</li>
 
−
<li class="low style="display:none">[[Redesign Documentation PCC Minutes|PCC Minutes #]]</li>
 
−
<li class="low" style="display:none">[[Redesign Documentation Church History|Church History]]</li>
 
−
<li class="low">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=43&Itemid=107 Church Images]</li>
 
−
<li style="display:none">[[Redesign Documentation Vacancies|Vacancies]]</li>
 
−
</ul>
 
−
</li>
 
−
<li>[[Redesign Documentation Contact|Contact]]
 
−
<ul class="navigation-2">
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_contact&Itemid=3 Contact Us]</li>
 
−
<li class="high">[http://www.christchurchchislehurst.com/cms/index.php?option=com_wrapper&Itemid=73 Find Us]</li>
 
−
<li class="low">[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=10&Itemid=46 Who's Who]</li>
 
−
<li class="high" style="display:none">[[Redesign Documentation Prayer Request|Prayer Request]]</li>
 
−
</ul>
 
−
</li>
 
−
<span style="margin-left:20px;">Search</span> <span style="border: solid 1px #AAAAAA; padding: 2px">Type here ...&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
 
−
</ul>
 
−
</td>
 
−
</tr>
 
−
<tr>
 
−
<td style="width: 680px" colspan="4">
 
−
[[File:people-banner.jpg]]
 
−
</td>
 
−
</tr>
 
−
<tr>
 
−
<td style="text-align: center" colspan="3" rowspan="6">[[File:debt-banner.jpg|link=http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=160&Itemid=113]]</td>
 
−
<td style="height:60px; width: 225px; text-align: center; border-top: solid 1px #AAAAAA">
 
−
[[Redesign Documentation Design New to Christ Church|New to Christ Church?]]
 
−
</td>
 
−
</tr>
 
−
<tr>
 
−
<td style="height:180px; border-top: solid 1px #AAAAAA">
 
−
'''Main Services''' - [http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=47&Itemid=75 See All]
 
−
[[File:ccc-map.jpg|right|link=http://www.christchurchchislehurst.com/cms/index.php?option=com_wrapper&Itemid=73]]
 
−
[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=47&Itemid=75 Sun, 9:00am]
 
−
 
−
[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=47&Itemid=75 Sun, 10:45am]
 
−
 
−
[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=47&Itemid=75 Sun, 6:30pm]
 
−
<br/>
 
−
<br/>
 
−
<br/>
 
−
[http://www.christchurchchislehurst.com/cms/index.php?option=com_wrapper&Itemid=73 40 Lubbock Road, BR7 5JJ] - 020 8402 5081 - [mailto:ccchisoffice@aol.com ccchisoffice@aol.com]
 
−
</td>
 
−
</tr>
 
−
<tr>
 
−
<td style="height:60px; text-align: center; border-top: solid 1px #AAAAAA">
 
−
[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=131&Itemid=109 Join a Home Group]
 
−
</td>
 
−
</tr>
 
−
<tr>
 
−
<td style="height:60px; text-align: center; border-top: solid 1px #AAAAAA">
 
−
[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=71&Itemid=97 Hire a Room]
 
−
</td>
 
−
</tr>
 
−
<tr>
 
−
<td style="height:60px; text-align: center; border-top: solid 1px #AAAAAA">
 
−
[[Redesign Documentation Volunteering|Volunteering]]
 
−
</td>
 
−
</tr>
 
−
<tr>
 
−
<td style="height:60px; text-align: center; border-top: solid 1px #AAAAAA; border-bottom: solid 1px #AAAAAA">
 
−
[http://www.christchurchchislehurst.com/cms/index.php?option=com_content&task=view&id=243&Itemid=139 Donate]
 
−
</td>
 
−
</tr>
 
−
<tr>
 
−
<td colspan="4">
 
−
'''Upcoming Events''' - [http://www.christchurchchislehurst.com/cms/index.php?option=com_events&Itemid=43 See All]
 
−
 
−
[http://www.christchurchchislehurst.com/cms/index.php?option=com_events&task=view_detail&agid=274&year=2011&month=06&day=19&Itemid=43 Sun, Jun 19, 9 am, Holy Communion Service]
 
−
 
−
[http://www.christchurchchislehurst.com/cms/index.php?option=com_events&task=view_detail&agid=309&year=2011&month=06&day=19&Itemid=43 Sun, Jun 19, 10:45 am, Engage Sunday AM (Years 7-9) Term time only]
 
−
 
−
[http://www.christchurchchislehurst.com/cms/index.php?option=com_events&task=view_detail&agid=275&year=2011&month=06&day=12&Itemid=43 Sun, Jun 19, 10:45am, Morning Praise (with Communion on the first Sunday of the month)]
 
−
 
−
[http://www.christchurchchislehurst.com/cms/index.php?option=com_events&task=view_detail&agid=304&year=2011&month=06&day=23&Itemid=43 Thu, Jun 23, 7:45pm, Marriage course]
 
−
</td>
 
−
</tr>
 
−
<tr>
 
−
<td colspan="4">
 
−
<table style="border-top: solid 1px #AAAAAA; border-bottom: solid 1px #AAAAAA; width: 900px">
 
−
<tr>
 
−
<td style="width: 20%; height: 50px; text-align: center">[[File:new-wine-logo.png|link=http://www.new-wine.org/]]</td>
 
−
<td style="width: 20%; border-left: solid 1px #AAAAAA; text-align: center">[[File:alpha-logo.png|link=http://uk.alpha.org/]]</td>
 
−
<td style="width: 20%; border-left: solid 1px #AAAAAA; text-align: center">[[File:diocese-logo.png|link=http://www.rochester.anglican.org/]]</td>
 
−
<td style="width: 20%; border-left: solid 1px #AAAAAA; text-align: center">[[File:together-logo.png|link=http://chislehurstchurches.blogspot.com/]]</td>
 
−
<td style="width: 20%; border-left: solid 1px #AAAAAA; text-align: center">YFC/CPAS</td>
 
−
</tr>
 
−
</table>
 
−
</td>
 
−
</tr>
 
−
<tr>
 
−
<td style="text-align: center; height: 200px" colspan="4">
 
−
Site Map
 
−
</td>
 
−
</tr>
 
−
<tr>
 
−
<td style="text-align: left; border-top: solid 1px #AAAAAA; width: 225px;">
 
−
[mailto:websiteteam@christchurchchislehurst.com Website Feedback]
 
−
</td>
 
−
<td style="text-align: right; border-top: solid 1px #AAAAAA; width: 680px" colspan="3">
 
−
Christ Church Chislehurst, [http://www.christchurchchislehurst.com/cms/index.php?option=com_wrapper&Itemid=73 40 Lubbock Road, BR7 5JJ] - 020 8402 5081 - [mailto:ccchisoffice@aol.com ccchisoffice@aol.com]
 
−
</td>
 
−
</tr>
 
−
<table>
 
−
 
−
== Option 2: Combined Banner ==
 
  
 
<table style="border: 1px solid #AAAAAA; width: 900px" class="wire-frames">
 
<table style="border: 1px solid #AAAAAA; width: 900px" class="wire-frames">

Revision as of 22:01, 9 July 2011

Wireframes

Colour coding of priorities derived from the requirements:

  • High
  • Medium
  • Low
  • Not Assigned

Password protected pages are indicated by a #.

Graphics are for illustratory purposes only and therefore are in black and white.

Most links link to pages of the existing website for illustratory purposes. They are only indicative of the content but not of the design.

Ccc-logo.png Christ Church Chislehurst

Joining in God’s mission of transforming lives through Jesus Christ.

Short-people-banner.png

Debt-banner.jpg

New to Christ Church?

Main Services - See All

Ccc-map.jpg

Sun, 9:00am

Sun, 10:45am

Sun, 6:30pm


40 Lubbock Road, BR7 5JJ - 020 8402 5081 - ccchisoffice@aol.com

Join a Home Group

Hire a Room

Volunteering

Donate

Upcoming Events - See All

Sun, Jun 19, 9 am, Holy Communion Service

Sun, Jun 19, 10:45 am, Engage Sunday AM (Years 7-9) Term time only

Sun, Jun 19, 10:45am, Morning Praise (with Communion on the first Sunday of the month)

Thu, Jun 23, 7:45pm, Marriage course

New-wine-logo.png Alpha-logo.png Diocese-logo.png Together-logo.png YFC/CPAS

Site Map

Website Feedback

Christ Church Chislehurst, 40 Lubbock Road, BR7 5JJ - 020 8402 5081 - ccchisoffice@aol.com

Retrieved from "http://wiki.christchurchchislehurst.org/index.php?title=Design&oldid=397"