Jonathan
06-10-2003, 12:33 PM
I re-modeled it so that all the links work... And yes, I did it in plain html, not word... let me know what you think.
Jonathan
Jonathan
Click to See Complete Forum and Search --> : Better now?
AdamBrill
06-10-2003, 01:29 PM
You didn't give a link... :D
Jonathan
06-10-2003, 01:31 PM
Oops... hehe. lol
www.crosspoint.org
www.crosspoint.org
spufi
06-10-2003, 07:08 PM
Below is a cleaner version of the code. I would also rethink the shade of blue you have on your site. Also think about breaking up the color a little bit. Having a solid blue background for basically your whole site is kind of a over kill. This site is for a church and yet the main colors are black and blue. Hmmm. :) Not to say you should switch to white and yellow, but play around with color ideas and how you can break up the color a little bit more. Plus, see if taking away some <p> tags for some of the text and making it look more like a normal paragraph of text is ok. Having it spread out like that seems a little much. The code should validate. Your job is to make sure it stays that way. :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Crosspoint Community Church -- Make the Connection!</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:hover{color:#000000; text-decoration:underline; }
body { background-color:#3366FF; }
h1 { text-align:center; font-weight:bold; text-decoration:underline; }
h2 { text-align:center; font-style:italic; }
h4 { font-weight:bold; text-decoration:underline; }
table { margin:0 auto; }
td { text-align:center; background-color:#FFFFFF; }
-->
</style>
</head>
<body>
<h1>Crosspoint Community Church</h1>
<h2>Make the Connection</h2>
<table border="7px">
<tr>
<td colspan="4"><a href="index.html">Home</a></td>
</tr>
<tr>
<td><a href="Doug.html">Pastor Doug Vaughan</a></td>
<td><a href="Directions.html">Directions</a></td>
<td><a href="Feedback.html">Feedback</a></td>
<td><a href="Prayer.html">Prayer Requests</a></td>
</tr>
<tr>
<td><a href="Lance.html">Pastor Lance Hale</a></td>
<td><a href="Registration.html">Registration</a></td>
<td><a href="Events.html">Events</a></td>
<td><a href="Youth.html">Youth Group</a></td>
</tr>
<tr>
<td><a href="Shepherd.html">Shepherd Group</a></td>
<td><a href="Sermons.html">Sermons</a></td>
<td><a href="Guestbook.html">Guestbook</a></td>
<td><a href="CPK_CLUB.html">CPK Club</a></td>
</tr>
</table>
<h4>Our Purpose</h4>
<p>We exist as a Christ-centered and Spirit-empowered community of faith.<br>
As a community of faith, the church, we want to take God seriously. We want to follow Him always.<br>
We believe God created all people for loving, growing relationships with Himself and with other people.<br>
Therefore, we choose to connect with God, one another, and our world in meaningful and maturing relationships.</p>
<h4>Our Objectives</h4>
<ul>
<li>Enjoy God</li>
<li>Exalt Jesus</li>
<li>Equip Believers</li>
<li>Embrace People</li>
<li>Expand the Kingdom</li>
</ul>
<h4>Our Vision</h4>
<p>We see a church where everyone is growing in faith and love.</p>
<p>We see a church where all people seek God first and foremost.</p>
<p>We see a church of action.</p>
<p>We see a church where God's ideals are realized.</p>
<p>We see a church that meets the needs of the community.</p>
<p>We see a church where all people matter.</p>
<p>We see a diverse group of believers who passionately seek to please God.</p>
<p>We see a church of compassion.</p>
<p>We see a place where sinners are redeemed.</p>
<p>We see a church of love and grace.</p>
<p>We see a church of unlimited resources.</p>
<p>We see a creative church.</p>
<p>We see a church meeting in a storefront or warehouse or school.</p>
<p>We see a group of people who live beyond their own possibilities.</p>
<p>We see a group of people who believe God is God!</p>
<p>We see people who believe Jesus died for their sins and don't mind telling everyone they know.</p>
<p>We see a place that people can't wait to get to and can't stand to leave.</p>
<p>We see a church with a ping-pong table.</p>
<p>We see a group of people who promote growth, plan for growth, and praise God for growth.</p>
<p>We see... Crosspoint Community Church.</p>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Crosspoint Community Church -- Make the Connection!</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:hover{color:#000000; text-decoration:underline; }
body { background-color:#3366FF; }
h1 { text-align:center; font-weight:bold; text-decoration:underline; }
h2 { text-align:center; font-style:italic; }
h4 { font-weight:bold; text-decoration:underline; }
table { margin:0 auto; }
td { text-align:center; background-color:#FFFFFF; }
-->
</style>
</head>
<body>
<h1>Crosspoint Community Church</h1>
<h2>Make the Connection</h2>
<table border="7px">
<tr>
<td colspan="4"><a href="index.html">Home</a></td>
</tr>
<tr>
<td><a href="Doug.html">Pastor Doug Vaughan</a></td>
<td><a href="Directions.html">Directions</a></td>
<td><a href="Feedback.html">Feedback</a></td>
<td><a href="Prayer.html">Prayer Requests</a></td>
</tr>
<tr>
<td><a href="Lance.html">Pastor Lance Hale</a></td>
<td><a href="Registration.html">Registration</a></td>
<td><a href="Events.html">Events</a></td>
<td><a href="Youth.html">Youth Group</a></td>
</tr>
<tr>
<td><a href="Shepherd.html">Shepherd Group</a></td>
<td><a href="Sermons.html">Sermons</a></td>
<td><a href="Guestbook.html">Guestbook</a></td>
<td><a href="CPK_CLUB.html">CPK Club</a></td>
</tr>
</table>
<h4>Our Purpose</h4>
<p>We exist as a Christ-centered and Spirit-empowered community of faith.<br>
As a community of faith, the church, we want to take God seriously. We want to follow Him always.<br>
We believe God created all people for loving, growing relationships with Himself and with other people.<br>
Therefore, we choose to connect with God, one another, and our world in meaningful and maturing relationships.</p>
<h4>Our Objectives</h4>
<ul>
<li>Enjoy God</li>
<li>Exalt Jesus</li>
<li>Equip Believers</li>
<li>Embrace People</li>
<li>Expand the Kingdom</li>
</ul>
<h4>Our Vision</h4>
<p>We see a church where everyone is growing in faith and love.</p>
<p>We see a church where all people seek God first and foremost.</p>
<p>We see a church of action.</p>
<p>We see a church where God's ideals are realized.</p>
<p>We see a church that meets the needs of the community.</p>
<p>We see a church where all people matter.</p>
<p>We see a diverse group of believers who passionately seek to please God.</p>
<p>We see a church of compassion.</p>
<p>We see a place where sinners are redeemed.</p>
<p>We see a church of love and grace.</p>
<p>We see a church of unlimited resources.</p>
<p>We see a creative church.</p>
<p>We see a church meeting in a storefront or warehouse or school.</p>
<p>We see a group of people who live beyond their own possibilities.</p>
<p>We see a group of people who believe God is God!</p>
<p>We see people who believe Jesus died for their sins and don't mind telling everyone they know.</p>
<p>We see a place that people can't wait to get to and can't stand to leave.</p>
<p>We see a church with a ping-pong table.</p>
<p>We see a group of people who promote growth, plan for growth, and praise God for growth.</p>
<p>We see... Crosspoint Community Church.</p>
</body>
</html>
KCook
06-11-2003, 12:16 AM
Ouch! I agree with spufi, that electric blue background has to go. To bad the web-safe color set does not include some nice pastels. Even plain white would go down easier than that blue.
Kelly Cook
Kelly Cook
havik
06-11-2003, 02:00 AM
Agreed on the blue background. A websites content is important but most users would avoid a great content loaded website if the webpage is designed poorly. That's not to say that having flash, animations, images, etc... all over will solve your problems either :D
Havik
Havik
DaveSW
06-11-2003, 08:04 AM
As an improvement on the old, in that space of time, moving from word onwards, I vote great.
Just make the previously suggested changes...
Dave
Just make the previously suggested changes...
Dave
khaki
06-11-2003, 10:53 AM
hi Jonathan...
I gave it another look for you...
and I gotta say that I liked the "look" of the other version better...
but I'm impressed that you used html in the new version :)
a couple of quick things:
I noticed that the page:
http://www.crosspoint.org/Doug.html
...has 3 <body> tags (2 of which are in the <head> of the document).
I'm not sure if other pages have the same problem...
but you should go back and correct that one for sure.
Also...
that blue :eek:
there's something not quite right about that color (in my view).
Maybe try #0033CC...
or #006699..
or #336699?
(maybe throw-in some white text here and there)
I'm sure that it's all very subjective... but... :rolleyes:
(and DEFINITELY get rid of that lime green :eek: LOL)
hope that's a help :)
;) k
I gave it another look for you...
and I gotta say that I liked the "look" of the other version better...
but I'm impressed that you used html in the new version :)
a couple of quick things:
I noticed that the page:
http://www.crosspoint.org/Doug.html
...has 3 <body> tags (2 of which are in the <head> of the document).
I'm not sure if other pages have the same problem...
but you should go back and correct that one for sure.
Also...
that blue :eek:
there's something not quite right about that color (in my view).
Maybe try #0033CC...
or #006699..
or #336699?
(maybe throw-in some white text here and there)
I'm sure that it's all very subjective... but... :rolleyes:
(and DEFINITELY get rid of that lime green :eek: LOL)
hope that's a help :)
;) k
spufi
06-11-2003, 11:25 AM
body { background-color:#333366; color:#FFF}
You can change your <style> tag to have that define your <body> tag and that has a nicer blue to it. Here's some more colors you could play around with. #336666 and #663333. I'm also using these two shades of green mixed with white on a template I'm working on. #C9CEBE and #A8AF96.
You can change your <style> tag to have that define your <body> tag and that has a nicer blue to it. Here's some more colors you could play around with. #336666 and #663333. I'm also using these two shades of green mixed with white on a template I'm working on. #C9CEBE and #A8AF96.
spufi
06-11-2003, 12:05 PM
Oh wait, there's more pages? :) I just checked the home page because I didn't know if you had others up. Here's a quick rundown of stuff I saw offhand.
1. See where you have the name of the church, "Make the Connection" and your menu on the home page are at? Have them placed the same spot on every page. There are some pages that don't have the name of the church at all.
2. On the pastor's page, the design of the contact info needs to go.
3. Learn how to code a bullet list using <ul> tags. You have the right idea, just the wrong code. The experience section for Pastor Doug should be done like this...
<h3>Experience</h3>
<ul>
<li>Minister of Recreation for First Baptist Church, Grapevine, Texas (1990-94)</li>
<li>Assoc. Pastor for Steamboat Baptist church, Reno, Nevada (1994-95)</li>
<li>Assoc. Pastor for Crosspoint Community Church, Reno, Nevada (1996-2001)</li>
<li>Pastor for Crosspoint Community Church (2001-Present)</li>
</ul>
4. You could very easily have the directions for the church on your home page. Like I said before, make some of your text look more like a paragraph and not so stretched out. This would allow more room for things like directions.
5. On the registration form page, make sure each group of text boxes line up with each other.
6. Nice use of the <legend> tag. Something you might look into as a way to break up the colors on your page is to have a white background and have a colored background within the fieldset.
7. You don't have to use so much bold text. If you do then it makes it tougher for the the things that do need to stand out to stand out. I bet if you used a lighter background then you wouldn't need so much bold text. The same goes for a darker background with lighter text.
As I mentioned and khaki brought up, you have some funky coding going on and you need to learn how to validate your code. I already gave you your home page although I wouldn't use that version as a final one. Use that as a template and bookmark the link in my sig about W3C validation, and use it often.
1. See where you have the name of the church, "Make the Connection" and your menu on the home page are at? Have them placed the same spot on every page. There are some pages that don't have the name of the church at all.
2. On the pastor's page, the design of the contact info needs to go.
3. Learn how to code a bullet list using <ul> tags. You have the right idea, just the wrong code. The experience section for Pastor Doug should be done like this...
<h3>Experience</h3>
<ul>
<li>Minister of Recreation for First Baptist Church, Grapevine, Texas (1990-94)</li>
<li>Assoc. Pastor for Steamboat Baptist church, Reno, Nevada (1994-95)</li>
<li>Assoc. Pastor for Crosspoint Community Church, Reno, Nevada (1996-2001)</li>
<li>Pastor for Crosspoint Community Church (2001-Present)</li>
</ul>
4. You could very easily have the directions for the church on your home page. Like I said before, make some of your text look more like a paragraph and not so stretched out. This would allow more room for things like directions.
5. On the registration form page, make sure each group of text boxes line up with each other.
6. Nice use of the <legend> tag. Something you might look into as a way to break up the colors on your page is to have a white background and have a colored background within the fieldset.
7. You don't have to use so much bold text. If you do then it makes it tougher for the the things that do need to stand out to stand out. I bet if you used a lighter background then you wouldn't need so much bold text. The same goes for a darker background with lighter text.
As I mentioned and khaki brought up, you have some funky coding going on and you need to learn how to validate your code. I already gave you your home page although I wouldn't use that version as a final one. Use that as a template and bookmark the link in my sig about W3C validation, and use it often.
webdeveloper.com
Copyright WebMediaBrands Inc., All Rights Reserved.
Copyright WebMediaBrands Inc., All Rights Reserved.