Difference between revisions of "Design"
Marc.maier (talk | contribs) (→Wireframes) |
|||
Line 14: | Line 14: | ||
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. | ||
+ | == Front Page == | ||
<table style="border: 1px solid #AAAAAA; width: 900px" class="wire-frames"> | <table style="border: 1px solid #AAAAAA; width: 900px" class="wire-frames"> | ||
<tr> | <tr> | ||
Line 230: | Line 231: | ||
<tr> | <tr> | ||
<td colspan="4"> | <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> | ||
+ | |||
+ | == Activity Page == | ||
+ | <table style="border: 1px solid #AAAAAA; width: 900px" class="wire-frames"> | ||
+ | <tr> | ||
+ | <td style="padding-left:10px;padding-top: 18px;" colspan="2"><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> | ||
+ | <td style="text-align:right; vertical-align:bottom" colspan="2"> | ||
+ | [[File:short-people-banner.png]] | ||
+ | </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 »]] | ||
+ | <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 »]] | ||
+ | <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 »]] | ||
+ | <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 »]] | ||
+ | <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 »]] | ||
+ | <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 »]] | ||
+ | <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 »]] | ||
+ | <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 »]] | ||
+ | <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 »]] | ||
+ | <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 »]] | ||
+ | <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 ... </span> | ||
+ | </ul> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style="height: 200px" rowpan="2"> | ||
+ | Activities | ||
+ | # Activity 1 | ||
+ | # Activity 2 | ||
+ | </td> | ||
+ | <td style="height: 200px" colspan="2" rowpan="2"> | ||
+ | Content | ||
+ | </td> | ||
+ | <td style="height: 200px"> | ||
+ | Contact | ||
+ | Contact | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style="height: 200px"> | ||
+ | Upcoming Events | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style="text-align: center; height: 200px" colspan="4"> | ||
<table style="border-top: solid 1px #AAAAAA; border-bottom: solid 1px #AAAAAA; width: 900px"> | <table style="border-top: solid 1px #AAAAAA; border-bottom: solid 1px #AAAAAA; width: 900px"> | ||
<tr> | <tr> |
Revision as of 20:04, 19 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.
Front Page
Christ Church Chislehurst Joining in God’s mission of transforming lives through Jesus Christ. |
||||||||
Main Services - See All Sun, 6:30pm
|
||||||||
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) |
||||||||
|
||||||||
Site Map |
||||||||
Christ Church Chislehurst, 40 Lubbock Road, BR7 5JJ - 020 8402 5081 - ccchisoffice@aol.com |
Activity Page
Christ Church Chislehurst Joining in God’s mission of transforming lives through Jesus Christ. |
||||||||
Activities
|
Content |
Contact Contact |
||||||
Upcoming Events |
||||||||
|
||||||||
Site Map |
||||||||
Christ Church Chislehurst, 40 Lubbock Road, BR7 5JJ - 020 8402 5081 - ccchisoffice@aol.com |