Author Topic: Need thoughts on new website  (Read 2616 times)

0 Members and 1 Guest are viewing this topic.

Offline Lighthope

  • Newbie
  • *
  • Posts: 25
    • http://www.tigersquest.com
Need thoughts on new website
« on: May 24, 2005, 12:15:37 am »
Greetings all.

Don't know what forum, if any, this is appropriate, so I thought I'd give this one a try.

Could anyone prowl on over to my little website, Tigers' Quest, and let me know if the colours aren't too bothersome or make things difficult to read?  I'm really terrible at designing anything, so websites aren't my forte either.

Only one link works, so there's not a whole lot to see yet.  It'll get better, I promise.

Best,

Lighthope

Pearls of Wisdom - To err is human, to forgive is NOT our policy!

--== THE DOCTOR WHO AUDIO DRAMAS: http://www.dwad.net
--== TIGERS' QUEST: http://www.tigersquest.com
--== Everlasting Films Call Board: http://groups.yahoo.com/group/everlastingfilms

Offline CarLOS

  • Hero Member
  • Vote Pirate!
  • *****
  • Male
  • Posts: 2992
Need thoughts on new website
« Reply #1 on: May 24, 2005, 12:56:36 am »
Hi,

I just recommend you reduce the contrast, drastically, of your background image.

As for the website coding, let the W3C Validator help '<img'>

Cheers!

Offline Arbutus

  • Hero Member
  • Species: Rabbit
  • Also known as Sir Bunny-Face
  • *****
  • Posts: 8321
Need thoughts on new website
« Reply #2 on: May 24, 2005, 03:03:11 am »
Agreed. If you take your background image into Photoshop (or even MS Paint, it works just as well), you can lower the saturation and the contrast, and also tint the whole thing darker so that your text will show up better. '<img'>

Speaking of the text, I hate to say it, but center-aligned body text and huge fonts are a big no-no. =:/ Ordinarily, I would say that multicolored body text is another no-no, but your color scheme works surprisingly well with itself and the background ("surprisingly" because it's quite hard to coordinate that many colors so that they don't clash big-time). So, basically, I'd say shrink all the text below "Tigers' Quest" (and perhaps even including that) by a couple of sizes, and stick with left-alignment instead of centering everything-- it'll look a lot better once you get some body text in there. (Also, you might consider moving the edges of the page in a bit by enclosing the entire body of the page in <blockquote> tags.)

I like the tiger buttons-- the way you have them set up so they only animate when you do a rollover is really neat. '<img'> The row of buttons, by contrast with the rest of the page, would look good centered (along with the title), so that's another change you may want to make.

Sorry, that was quite a bit more advice than I think you were going for. ':blush:' I hope I was of some help! '<img'>

Offline Lighthope

  • Newbie
  • *
  • Posts: 25
    • http://www.tigersquest.com
Need thoughts on new website
« Reply #3 on: May 24, 2005, 03:09:13 pm »
I agree that the colours are a bit off.  Many thanks on that.  (Doesn't help that I'm colourblind.  hahahaha)

Lighthope

Pearls of Wisdom - My childbirth instructor says it's not pain I'll feel during labour, but pressure. Is she right?  Yes, in the same way that a tornado might be called an air current.

--== THE DOCTOR WHO AUDIO DRAMAS: http://www.dwad.net
--== TIGERS' QUEST: http://www.tigersquest.com
--== Everlasting Films Call Board: http://groups.yahoo.com/group/everlastingfilms

Offline Lighthope

  • Newbie
  • *
  • Posts: 25
    • http://www.tigersquest.com
Need thoughts on new website
« Reply #4 on: June 04, 2005, 11:10:06 pm »
Okay, I changed some of the colours and added a bit more to the website.  Continued opinion would be greatly appreciated.

Best,

Lighthope

Pearls of Wisdom - I wanted to be born again, but my mother refused!

--== THE DOCTOR WHO AUDIO DRAMAS: http://www.dwad.net
--== TIGERS' QUEST: http://www.tigersquest.com
--== Everlasting Films Call Board: http://groups.yahoo.com/group/everlastingfilms





Offline Lavender

  • Sr. Member
  • ****
  • Male
  • Posts: 424
    • The ole furtopia site, desperately needs updating
Need thoughts on new website
« Reply #5 on: June 09, 2005, 12:50:13 pm »
That background needs to go realy. It has both black on white on it so it whould be hard to create contrast.

The moving tigers have dissapeared and GET IT VALIDATED

Offline Lighthope

  • Newbie
  • *
  • Posts: 25
    • http://www.tigersquest.com
Need thoughts on new website
« Reply #6 on: June 09, 2005, 04:13:21 pm »
Quote (Lavender @ June 09 2005, 12:50 pm)
That background needs to go realy. It has both black on white on it so it whould be hard to create contrast.

The moving tigers have dissapeared and GET IT VALIDATED

I'm working on a different background.

The moving tigers are still there.

What do you mean by GET IT VALIDATED?

Lighthope

Pearls of Wisdom - We are born naked, wet, and hungry. Then things get worse.

--== THE DOCTOR WHO AUDIO DRAMAS: http://www.dwad.net
--== TIGERS' QUEST: http://www.tigersquest.com
--== Everlasting Films Call Board: http://groups.yahoo.com/group/everlastingfilms

Offline Lavender

  • Sr. Member
  • ****
  • Male
  • Posts: 424
    • The ole furtopia site, desperately needs updating
Need thoughts on new website
« Reply #7 on: June 10, 2005, 12:06:51 pm »
The W3c validator
There isnt much to do honest.
The firefox validator extention says.
Quote

line 1 column 1 - Warning: missing <!DOCTYPE> declaration
missing <!DOCTYPE> declaration
Cause:

A DOCTYPE Declaration is mandatory for most current markup languages and without one it is impossible to reliably validate a document. The DOCTYPE defines the version of the document like : HTML 4.0.1, XHTML 1.0, 1.1, ...
Solution:

Please place a DOCTYPE declaration as the very first thing in an HTML document. For example, for a typical XHTML 1.0 document:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
  <title>Title</title>
</head>

<body>
  ... body of document ...
</body>

</html>


For HTML 4.0.1, there are several one. Here is the most typical one:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">


References:

W3C spec : http://www.w3.org/TR/html4/struct/global.html#h-7.2
W3C faq : http://validator.w3.org/docs/help.html#faq-doctype
List of valid doctype: http://www.w3.org/QA/2002/04/valid-dtd-list.html
Choosing a doctype : http://htmlhelp.com/tools/validator/doctype.html

line 97 column 76 - Warning: unescaped & or unknown entity "&DD"
and
line 97 column 81 - Warning: unescaped & or unknown entity "&ft"
unescaped & or unknown entity "&..."
Cause:

An entity has been detected (a string beginning with '&''<img'>. And this entity is not known.
Solution:

Very often this is due to a link defined like this :

BAD    <A HREF="http://www.domain.com/cgi?x=123&y=456">
GOOD   <A HREF="http://www.domain.com/cgi?x=123&amp;y=456">


All special characters in HREF should be encoded. "&" is a reserved character to begin an entity. (ex: &nsbp).  '&' in HREF field should be encoded as his equivalent entity "&amp;", even when used as a separator for parameters in the URL. Before to make you an opinion about this, please read carefully this page.


References:

W3c spec:  http://www.w3.org/TR/html4/appendix/notes.html#h-B.2.2
W3c CDATA: http://www.w3.org/TR/html4/types.html#type-cdata

HtmlHelp: http://www.htmlhelp.com/tools/validator/problems.html#amp

Very interesting: http://ppewww.ph.gla.ac.uk/~flavell/www/formgetbyurl.html

line 9 column 1 - Warning: <script> inserting "type" attribute


<...> inserting "..." attribute
Cause:

A mandatory attribute for this tag is not defined.
Solution:

Check the definition of the tag. Look for the required attributes.
Add the requested attribute.
Sample: <script> inserting "type" attribute

The <script> tag has a required attribute type.

BAD   <script>
BAD   <script language="Javascript">
GOOD  <script type="text/javascript">


Sample: <style> inserting "type" attribute

The <style> tag has a required attribute type.

BAD   <style>
GOOD  <style type="text/css">


References:

W3C tags: http://www.w3.org/TR/html4/index/elements.html

line 52 column 74 - Warning: <img> escaping malformed URI reference

error: <...> escaping malformed URI reference
Cause:

An URI contains non-authorized characters. Or the quotes around the URI are not closed.
Solution:

Correct the URI.
Samples:

error: <a> escaping malformed URI reference

BAD   <a href="http://www.mozilla.org/one space.html">space</a>
GOOD  <a href="http://www.mozilla.org/one%20space.html">space</a>
GOOD  <a href="http://www.mozilla.org/one+space.html">space</a>

BAD   <a href="http://www.w3c.org>w3c</a>
GOOD  <a href="http://www.w3c.org">w3c</a>


For the first example, a space should not be contained in URL. (Even if it works in all browsers...). This is described in detail in the RFC1738 (Look for Unsafe)

References:

RFC2396 - Uniform Resource Identifiers (URI): Generic Syntax"
RFC1738 - Uniform Resource Locators


A bit daunting but just look for the examples and you'll muddle though.

Offline Lighthope

  • Newbie
  • *
  • Posts: 25
    • http://www.tigersquest.com
Need thoughts on new website
« Reply #8 on: June 14, 2005, 05:25:37 pm »
Everything works in every browser I checked.  Mostly the validator doesn't seem to like custom stuff.

Lighthope

Pearls of Wisdom - shift key/ never heard of it1111

--== THE DOCTOR WHO AUDIO DRAMAS: http://www.dwad.net
--== TIGERS' QUEST: http://www.tigersquest.com
--== Everlasting Films Call Board: http://groups.yahoo.com/group/everlastingfilms