This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Site Ratings & Reviews > September 2004 > http://www.jk89.tik.lt
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
http://www.jk89.tik.lt
|
|
|
|
|
|
|
| On Thu, 2 Sep 2004 13:19:26 -0500, JK89
<JK89.1bzayf@mail.forum4designers.com> wrote:
>
> My first web page http://www.jk89.tik.lt
How exciting!
I rember my first web site. It sucked. Worse than yours.
I'm going to tell you all of what I should have been told then. Are you
ready?
...
Are you sitting down?
...
1) No DOCTYPE - you DO know what a doctype is, right? (Google "doctype".)
I think your page would be this now:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
But you want to eventually get your code to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Transitional simply means that a lot of HTML that ought to be CSS instead
can be used anyway. Eventually, you'll refine your work and be able to use
the strict DTD.
2) <TITLE>..::JK89.tik.lt::..</TITLE> - this is a problem because all
those decoration characters detract from your title, and if someone were
ever to search for you, you could be decreasing your title's rank. That
is, if your title was good.
Re think this totally. Find a set of words that perfectly describe the
site. Then use them in the title. When someone searches for those words,
you'll come up higher in the search, right? And with a bit further work
you'll come out on top. I can't read a word of whatever language that is,
so I cannot advise you, sorry.
3) <META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=iso-8859-1"> - This is valuable, but see if you're able to get the
server to send this in the real header instead. That's more reliable, but
I don't know of a problem with leaving it in just in case.
4) Style - don't comment out, that's silly. Also, once you're fully
satisfied, pull this into an external css file. And import it, that'll
prevent NN4 and other old browsers from messing it up.
5) NEVER EVER set font in anything but %. If you want to argue, don't
bother. Search in Google Groups for Neal and "font-size: 100%" and my
argument is all there. I have no more to say.
6) a:link {color: #FF8040; text-decoration: none;}
What? How will the user know there is a link? Please don't remove the #1
best visual clue for a link without adding something else more obvious.
7) <table width="936" ...
Oh no. What the frick are you doing now? First, a table is for comparing
data, as in science or politics or race results. Not for a whole page.
Second, you made the damn thing 936 pixels wide. Please, no. I have a 1024
pixel wide screen, and I use a browser with an 775 pixel or so wide
viewport. And I'm not unusual. You really must make your pages look good
at ANY screen, which these days ranges maybe from 200px to 2000px.
And eventually, lose a lot of the deprecated attributes in the table tag
too. Most of them are better done in CSS even if this is an actual data
table.
8) <img src="images/logo_area.jpg" width=160 height=660 align="left">
You gotta, gotta use the alt attribute when you use the img tag. Pretend
you loaded the page, and no images at ALL appeared. What text could
possibly take the place as the images in that event? THAT'S your alt text.
Develop the habit of quoting all attribute values. width="100" and so on.
And align attribute is deprecated in favor of the float property of CSS.
9) I'm no pro on Javascript - just be sure none of it is really necessary.
If the page won't work without it, it won't work period. Javascript is
good for extras, never essentials.
Listen, I can't do any more, I'm tired. Promise me you'll learn from
Google about the following, and only then ask more questions.
doctype
"W3C Validator"
"font-size: 100%"
"top-posting"
(That's just to see if you're willing to adopt Usenet standards, like we
all do in this newsgroup.)
| |
| Chris Beall 2004-09-03, 12:17 pm |
| JK89 wrote:
> My first web page http://www.jk89.tik.lt
>
>
>
> --
> JK89
> ------------------------------------------------------------------------
> Posted via http://www.forum4designers.com
> ------------------------------------------------------------------------
> View this thread: http://www.forum4designers.com/message115161.html
JK89,
You have requested a critique from the alt.html.critique newsgroup using
the interface provided by forum4designers.com. Based on past experience,
there are some things you should be aware of when using this interface:
1. Your post to the newsgroup and replies from others may be delayed by
several hours, perhaps days.
2. Some posts from the newsgroup may never appear on the
forums4designers site.
3. Your posts to the newsgroup will be identified as having come from
forum4designers.com, i.e. they use your post to advertise themselves.
4. The forums4designers interface presents a thread in simple
chronological format. If there are several posts within a thread, it
becomes difficult for you to determine the hierarchy of posts, i.e.
which prior post is being referred to. Furthermore, the site assigns
dates and times to posts when they arrive there, which is often not in
the order in which they were created.
You should be aware that it is not necessary to use forums4designers in
order to participate in this newsgroup. Instead you can use software
called a newsreader to access the group directly. This will provide
faster, more reliable access. In addition, most newsreaders allow you to
display a thread in hierarchical fashion, showing you posts in logical
relation to one another rather than according to the time at which they
were written.
If you use a popular browser, you may already have a newsreader. To
find out, simply type "news:alt.html.critique" in the address line of
your browser.
Finally, many of the posts we receive via forum4designers come from
first-time visitors. If you fit that description, you might find it
helpful to read the suggestions for getting a good critique at
http://pages.prodigy.net/chris_beal.../How%20to.html.
OK, here are some specific comments on your site:
- Before I actually got to the site, I received several "connection
refused" messages. I had to reload the page to get through. Once I got
to the home page, I had no further problem.
- I use a 600 X 800 pixel screen area and run my browser (Netscape 7.1)
at full-screen size. With those dimensions, about 15% of your page is
off-screen to the right and I must scroll horizontally to see it.
- Because of that, it was a while before I found the British flag and
was able to switch to English text. My Lithuanian is VERY limited :-) .
- Clicking with the right mouse button anywhere on the page results
in...nothing. Normally I could use this to display source code, obtain
image properties, etc. In Netscape, this is how you open a page in a new
tab, a feature I find very useful, but it doesn't work here. If I
disable JavaScript (easy to do) it works fine, which indicates that you
did it deliberately. That's Bad.
- When I link to another page, the URL in the Address line of my browser
does not change. I believe that would prevent me from bookmarking
anything but the home page. If I click 'Reload' on my browser, it loads
the home page (in Lithuanian) no matter what page I was on.
- I use a 56 Kb connection. It takes a VERY long time for these pages to
load. I'd resolve that by creating more pages, each with less
information. For example, one page for each Eyetrick, with an index page
that lists them by name and links to their pages. By the way, the usual
English phrase for these is 'optical illusions', although I like
Eyetricks better (and you have some great ones).
- On your Contact Us page, you encourage corrections to your English.
Good. I wish more sites would do that. English is not easy and too many
get it wrong. Here's one:
"If you want to exchange banners you must agree with JK89." should be
changed to "If you want to exchange banners, you must get prior approval
from JK89." Actually, I'm not sure that's what you wanted to say.
Obviously, nobody can get you to put their banner on your site without
your permission. And they can link to your site without permission.
Perhaps it would be better to say, "Feel free to link to our site. If
you wish to use the copyrighted banner image below, please contact me
first for permission."
- On the links page, you have a LONG list of URLs. I can deduce the
content I'll find behind some of them, but wouldn't it be more useful to
list their real names? Example: <a
href="http://www.stewartstudio.com/tips/phototip.htm">Photoshop
tutorials from Stewart Studio</a>. Of course that would require more
translation.
- The page you sent us to uses frames, but contains only a single frame
which in turn points to the real page (and does the same thing if my
browser doesn't support frames). This seems to be an odd form of
redirect. I'm not sure what you had in mind here. You would probably
have done better to have us start the critique at
http://www.freepgs.com/jk89/index%20EN.php.
- The navigation buttons on the left side are not visible when I first
display the page; I have to scroll down to see them. When I link to
another page, I have to again scroll down to see them, etc. Since there
is nothing else in this column, why not just keep them visible at all times?
- If I increase or decrease the text size, the navigation links remain
the same size. That could be a problem for some users. Because you have
specified font sizes in pixels, Internet Explorer will not resize them
at all. % values would work. (100% is the user's preferred size).
- Many pages have internal windows, i.e. separate areas that have to be
scrolled separately from the main window. I find that to be distracting.
I use a mouse wheel to scroll and those windows, combined with the need
to scroll horizontally to see everything, makes viewing each page difficult.
- There's no DOCTYPE in your pages, which probably means you haven't
validated them. See the web page I referred to at the top of this post.
- Lots of people don't like web sites to alter their scroll-bar colors.
Since Netscape doesn't support it anyway, it doesn't bother me.
- As each page loads, there's a lot of rapid flickering, with some of
the text written high, then lower, then higher again. The position of
elements on the screen should not change once they have appeared. It
jumps around for about 1 second; if you have a fast link, it may happen
too fast for you to see it.
- Many people find motion on the page to be distracting. The moths
around the light are so small they aren't a problem, but the scrolling
banners at the lower right will annoy some people.
- Although you are using some CSS, you are also using some deprecated
(obsolete) HTML keywords which could be replaced by CSS. To find them,
add a DOCTYPE for HTML 4.01 STRICT and run the pages through a validator.
- Your CSS does not need to appear on every page. Instead, you can put
it all in a page of its own and <link> to that page from each HTML page.
This will help ensure that your style is consistent throughout the site
and will be easier to maintain.
Regards,
Chris Beall
| |
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|