...

View Full Version : dictionarium.com



COLT CLINT
09-19-2005, 01:25 AM
Hi,

Please, I would like to know what do u think, colors/layout/image/logo/flow/load time about my site:

I am ready to hearing your criticisms and suggestions. Never compliments!

www.dictionarium.com
ColtClint

JamieR
09-19-2005, 01:31 AM
Looks rather plain and simple to me, and the code is bad ;)

mark87
09-19-2005, 01:54 AM
I agree, I wouldn't spend 5 seconds on that page without closing it!

Firstly there seems to be tonnes of adverts over the page from Amazon, the page hasn't really got any design at all or anything - it just looks like everythings been thrown onto there, and the dictionary doesn't even work!

Then there's the bad logo, the bad font, and the bad code. I'm sorry but it needs a lot of work to be honest. :(

Get rid of those Amazon banners, add some colour, and change the font and then it'll start to take shape.

I did a quick search for 'dictionary' on Google and came across many which you could get ideas from. I think simplicity should be the key to making it inviting for the end user. :)

COLT CLINT
09-19-2005, 02:46 AM
Hi,

I am ready to hearing criticisms! No problems!

Sometimes ago my website had not banners or ads. 1 banner of Amazon and

1. 1 banner of Barnes and Noble would be acceptable?
2. Why the wrong with the LOGO? Do you not liked of the Logo?
Thanks

Colt

mark87
09-19-2005, 04:36 PM
Maybe a well placed banner ad (or two) or something would be acceptable but it depends how well it integrates within the layout. I for one don't like an ad jumping out the page at me. eg. Look at the top right of this page, you don't really notice it's an advert at all.

I just don't like the image full stop.

It has very poor compression (look around the edges of it, and around the edges of the font), bad colours (in my opinion), bad font, ... I just don't like it. I think it's very tacky; and if I think that, then I'm sure a lot of other people would think that too.

I'm glad you can accept criticism! I'm looking forward to see how your site progresses. :)

JANLEE
09-21-2005, 02:23 AM
Hi,

It is better?

I did some changes in Font and Layout.



I did some changes in the source code and layout.

The pages open in the same browser.

The code itself, however continues with the same problems... I believe... I repeat dozens of times: <font face="verdana" size="2">, for example. I would need find a .css script - a cool script - to change this problem.

I look forward to hearing from you

Thanks

Colt

PS. Some internal pages shows some banners no links! Are tests I was doing in my computer, soon I will change them!

Nightfire
09-21-2005, 02:51 AM
I think you're going to have to learn xhtml and css, or atleast symantics(sp) of coding.

You've got 700 lines of html on your index page for such a simple layout, which shouldn't take up anymore than 50 lines

One example:


<font face="verdana" size="2"><b>
<P><CENTER>
<DIV><BR>&nbsp;<BR>
MM-MMV Dictionarium.com All Rights Reserved
</DIV></CENTER></p></b></font>

A div shouldn't be inside a paragraph. A paragraph shouldn't be inside font tags.


//css
.copy{
font:bold 14px verdana;
text-align:center;
}



//html
<p class="copy">&copy; MM-MMV Dictionarium.com All Rights Reserved</p>


There you go, 5 lines of html taken down to 1

mark87
09-21-2005, 03:18 PM
Logo isn't there at the moment?

Anyhow, yes I would say you should do as Nightfire is suggesting and redo the whole thing using (x)html + css.

JANLEE
09-22-2005, 04:04 AM
Hi Artists,

Well, changes were made!

1. Layout was changed.
2. the sum of lines of codes was reduced from 700 to 550
3. I add some 'css'

I would like to change more...

For example add a color like 'sand' as in http://www.alistapart.com/articles/taminglists/

That color + white will be cool and soft!

My two 'menus' are not aligned perfectly, but it is a problem in font, I believe!

The Logo was changed. It was the old logo!

Comments and criticism are welcome!

Colt

mark87
09-22-2005, 02:09 PM
Looking better.

Your still using old techniques though so I'd recommend getting rid of the table layout.

See post below.

mark87
09-22-2005, 04:34 PM
Was bored, worked on a whole CSS layout :-



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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Untitled Document</title>

<style type="text/css">

body { font-family: Verdana; }

#header {
border: 1px solid #000;
height: 100px;
clear: both;
padding: 10px 5px;
}

#header div.float {
float: left;
margin-right: 20px;
}

#header div.float p { text-align: center; }

#underheader {
background: #f8f7ef;
height: 20px;
margin-top: 10px;
text-align: center;
}

#underheader a { color: #000; }
#underheader ul { list-style-type: none; margin: 0 }
#underheader li { display: inline }

#side-a {
float: left;
width: 25%;
}

.subject {
margin-top: 20px;
border: 1px solid #000;
}

.subject h4 {
text-align: center;
color: #FFF;
background-color: #000;
margin: 0 0 10px 0;
}

.subject ul {
list-style-type: none;
margin: 10px;
}

#side-b {
float: right;
width: 25%;
}

#ad {
float: left;
width: 30%;
text-align: center;
}

#footer {
clear: both;
text-align: center;
}

</style>

</head>

<body>

<div id="header">

<div class="float">
<img src="http://www.dictionarium.com/images/dictlogo4.jpg">
</div>

<div class="float">
<p>Dictionaries</p>
<form>
<input type="text" value="">
<input type="image" src="http://www.dictionarium.com/images/go.gif">
</form>
</div>

<div class="float">
<p>Biographies</p>
<form>
<input type="text" value="">
<input type="image" src="http://www.dictionarium.com/images/go.gif">
</form>
</div>

<div class="float">
<img src="http://a1204.g.akamai.net/f/1204/1181/24h/www.affiliate.net/affnet/images/book_ref120X60B.gif">
</div>

</div>

<div id="underheader">
<ul>
<li><a href="http://www.dictionaryreview.com">Dictionary Review</a></li>
<li>|</li>
<li><a href="http://www.statslex.com">Lexical Statistics Tools</a></li>
<li>|</li>
<li><a href="http://www.corbalex.com">Corpora & Collocations</a></li>
<li>|</li>
<li><a href="http://www.terminotics.com">Terminology</a></li>
<li>|</li>
<li><a href="http://www.dictionarium.com/relatedsubjects.html">Linguistics</a></li>
</ul>
</div>

<div id="container">
<div id="side-a">

<div class="subject">
<h4>Dictionaries by Subject</h4>
<ul>
<li>Abbreviations</li>
<li>Business</li>
<li>Health</li>
<li>History</li>
<li>Informatics</li>
<li>Language</li>
<li>Miscellaneous</li>
<li>Reference</li>
<li>Science</li>
<li>Society</li>
<li>Sports</li>
<li>Technology</li>
</ul>
</div>

</div>

<div id="ad">
<iframe src="http://rcm.amazon.com/e/cm?t=dictionarium-20&o=1&p=12&l=st1&mode=books&search=dictionary&fc1=&=1&lc1=&&#108;&#116;1=&bg1=&f=ifr" width="300" height="250" border="0" frameborder="0" scrolling="no"></iframe>
</div>

<div id="side-b">
<div class="subject">
<h4>Dictionaries by Language</h4>
<ul>
<li>Most Spoken Languages</li>
<li>Languages by Continent</li>
<li>Aboriginal Languages</li>
<li>Dead/Old Languages</li>
<li>Variants & Slangs</li>
<li>Other Languages</li>
<li>Monolingual</li>
<li>Bilingual</li>
<li>Multilingual</li>
</ul>
</div>

</div>
</div>

<div id="footer">
<p>&copy; MM-MMV Dictionarium.com All Rights Reserved</p>
</div>

</body>

</html>

Needs a bit of adjusting but hope it helps!

Lyconpire
09-22-2005, 04:39 PM
lol you must be really bored i mean you did not even wait for any one to reply to your frist post.

you can do my site if your that bored lol :thumbsup:

mark87
09-22-2005, 04:47 PM
I was lol, um I'm okay, I thought you liked having a table layout anyway? :p

Only messing, let's not hijack his thread!

JANLEE
09-22-2005, 09:49 PM
Mark87,


Thank you very much!

The Christhmas are far, but I have received a gift!

See www.dictionarium.com with the changes you did! (I had not time to put the anchors! I am putting in next minutes!)


Best

Colt

JANLEE
09-22-2005, 10:04 PM
Friends and Artists,

Who Written webpages like I have saw it is an Artist! Indeed!

Please, what I do to chave this 'monster' of the traditional html?


<div id="MerriamWebsterCollegiateDictionary" style=display:none>
<FORM action=http://www.merriam-webster.com/cgi-bin/dictionary method=post>
<CENTER><IMG alt="" src="/IMAGES/mw_dict.gif" border="0">
<CENTER>
<FONT face="Ariel, Helvetica" color=#ffffff
size=2>
<CENTER>Merriam-Webster Collegiate Dictionary</CENTER></FONT>
<DIV align="center">
<FONT face="Ariel, Helvetica"
color=#ffffff size=1>Enter a word or
phrase</FONT><BR>
<INPUT type="hidden" value="Dictionary" name="book">
<INPUT size="15" name="va">
<INPUT type="submit" value="Go">
</DIV></CENTER></CENTER>
<DIV>
</DIV>
</FORM>
</div>

Thanks again!

Colt

evo
09-22-2005, 11:20 PM
Just had a '95 experience looking at that. Needs a lot, lot of work, more colours, less borders. Well, that is going by Opera. No idea how it is meant to look in IE.

mark87
09-22-2005, 11:31 PM
No prob Janlee - what I did was just a starting block for you to progress with - I hope it gave you some ideas on how to use CSS as opposed to tables! Now I want to see some improvement on what I did. ;)

JANLEE
09-23-2005, 12:30 AM
Mark,

Thanks again.

Indeed I will do improvements not only in this website, but also in other websites I have - now using . css a design tool I unknew until today!
But ahead I will add .css in my source codes!

In next future I will return to know your opinion on my family of websites.

Best regards

Colt

:thumbsup:














































































































































































































0



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum