Difference between revisions of "Design"

From CCCWiki
Jump to: navigation, search
(→‎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 &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="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

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

Activity Page

Ccc-logo.png Christ Church Chislehurst

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

Short-people-banner.png

Activities

  1. Activity 1
  2. Activity 2

Content

Contact Contact

Upcoming Events

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.ccchislehurst.org/index.php?title=Design&oldid=409"