Topic: New site - 4th attempt FUll review plzz (Page 1 of 1)

http://ks440.tripod.com/26/Vision.html

I need a full review on my site. After reading a number of css guides i syill dont get the idea to implement them. Please tell me any css i could use to improve or enhance this site..

The coding .. look at the coding and tell me whether any improve ment can be done. The graphics as well. Ideas for graphics are welcomed. And look at the page when it is loading !! Kinda weird when the graphics load. Anyway to fix it ?

PLzz reply . My last post was kind of ignored ;(

Is it because of the Christmas and New Year is around so everyone is away from their pc ??

Yah man - slowest week of the year, don't worry.

K - The table layout works well enuf, you could do this with CSS, and if that?s your intention go here - BlueRobot - steal their 3 column flanking page template thingy ...that?s here. It's meant to be stolen and used, but study it too. Also poke around the site, there?s a few fixes for other browser concerns when using CSS.

In any case setting style for body, p,b,a,a:hover etc will add some goodness.
For info on basic CSS and how to use it hit google, there?s lots of info out there.

The grafix.
Well yah ?.I *hate* that wacky font. It's not funny. Not even in a 'this is a wacky font' way. I cant take that font seriously. I hate that font. =)

The banner... scanlines?... not much to say.
Yin Yang ? I don?t see why. Dreamy Visions and the chinese representation of the celestial phenomenon are sorta separate issues I think, but that could be just me. Given the general dualistic nature of a ever changing universe it could well belong there. Lalala umm The faded image to right is a bit annoying as I can?t discern any form. The black shadow lines (1px) and brighter parts above, yah. no. I?d Loose them and the inner beveliness too.

The buttons down a row are 3D, heavy set with light/shade. They look good, I like 'em but they?re the only thing on the page that looks like that, so they seem mismatched with the flatness of the rest of the layout. Also, there?s just the 3 of them, with no background explaining their presence. They feel out of place at this stage.

The background image for the main content cell is pretty cool. I suggest lowering the opacity on the grid some but that?s not interfering with the text so eh ..up to you. Good colours.

So add some CSS at least for your text elements and body. I?d strongly suggest swapping the <font> tags for <p> and using CSS to set the font ,sizes, colours etc. Double <br>?s can be replaced by wrapping your paragraphs in <p>?s. Add height/width to your image tags?border=0 alt=?? will help a bit.

Cool, keep going

Weadz


[This message has been edited by Weadah (edited 12-26-2001).]

Lots of info from your reply Weadah ! Ok i'll go cranking my brain all night to get some idea for better design..

err need to change the fonts on the banner ? I'll try other font .. sure i still have the psd layers can be edited anytime ... but i 'll hope for comments on it 1st .. Everyone's opinion varies , some might like the font ..

i tried using the p {font-color: white; font-size:2;} css style but it didnt work ... any mistakes i did ?
everything is the <p> tag should be that style right ??????

ok i'll try some a:link , a:hover , or a:active stuff and will learn to change the buttons to rollover .. but not soon as contents are much more important

HEhe YinYang = my Vision of life from the point of Yinyang teachings !
(ignore my rubiish crap here )


errr why do i need to set the images size width or height if they are fine the way i leave them ?? What is the difference if i define the img attributes ?

one more thing the <p> tag seems to make the fonts size smaller ! weird eh ?Thats y i didnt use them !

Last of all what is the bebefit or difference if i use the 3 column flanking page style ?

more comments, ideas and advises plzz and thanks to weadah !

Oh yeah the important stuff ... my site is mainly about pc games, my favourite sports and opinions ! I like to express my point of view (the vision) ok human life and update ppl with games and daily news ! What picture could i use to represent that ?? What i mean is to replace the banner .

Ok that's really the last for now .

mmm.. no time for more than one comment.
so here it is:

* That font sucks.

From looking at your table and gif sizes, it seems like you're aiming for the design to fit nicely on an 800x600 screen. That's a reasonable target, but keep in mind that the browser window borders and vertical scrollbar take up space too, which explains why there's a horizontal scrollbar at 800x600. Cut the width of the banner gif and the table to eliminate the horizontal scrollbar. 760, 770 or thereabouts should do it.

Personally, I have no issue with the font in the banner. I think it conveys a certain casualness and youth to the site. Neither of which are bad things for the personal site of a 17 year old. Were it a business or portfolio site, I might question it, but would accept arguments if it supported the intended look, feel or artistic bent of the site.

"the most incredible feats are often accomplished by
those who have had the most incredible challenges"

I would *REALLY* suggest using a percentage for the width of your tables.


Later,
C:\

If you used
p{font-color:white; font-size:2;}
then the reason your font was smaller is because you set it at 2...which is very small.
I would write it like this.
p{font-color:#ffffff; font-size:10px;}
Of course, you would replace the '10px' with whatever size you wanted...12 or 9 or 11 or 24.
Be sure that you specify a unit -- 'px'. I don't know which browsers will misinterpret a non-labeled size, but the label is the standard...better safe than sorry.

If you set the size of the images as attributes, the browser will know the size of the image BEFORE they are loaded, thus reserving the exact amount of screenspace for them. This can not hurt and only does good. I believe that this would be the cause of your 'kinda wierd when the graphics load' comment.
Also, using alt='' will help with browsers that don't feature images...hand-held devices, phones, etc. Also, browsers for visually impaired. Also, maybe(??) search engines...

Why CSS vs. Tables?
The question of the gods and demi-gods and all of the heavens....
There are plenty of philosophical reasons for seperating content from layout.
There are also plenty of practical reasons...
This is one of many GREAT articles.
Or just look around here
Basically, things will be easier to update and easier to adapt to future browsers and standards.

Think future.

yin/yang, banners, fonts, scanlines....I'll leave that to the pros.

mobrul

Ok i now i know the importance of settings the tables and images width and height !!

CPrompt if i used percentage for my tables then it would fit into any sizes of resolution right ?? That would make it look better am i right ??

Lots of information for me today ! Will try to improve the coding . Anyway if i wanted design idea or graphic idea for the header banner .. which forum topic should i post in ?

CPrompt: why?

Jason

If you're looking for "ideas," inspiration is all around you. The world is BIG, and there's a lot to look at. Nearly anything you can see can contribute in some way to a visual design, from spiderwebs to rocks on the street. Or if that's too general for you, you can wander the web (or magazines, or anything) looking at the designs of others, and take elements and combine them into something of your own.

(That doesn't mean you should copy an entire layout or code directly -- that's stealing. But you can say "oh, I like how this guy laid out his columns, and I like the color scheme this lady used, and I like the 3D styling from this company's page, so I'll try creating something that combines all three.")

Sometimes people at the Asylum will be interested enough in your project to spontaneously come up with graphics for you to look at, of course; but if you just come out and ask, the other inmates will probably tell you what I just did.

Thanks for your advice perfect thunder !

Guess i'll just have to do some pencil drawing and do some graphic searching

I lack creativity. ;P But it won't be long when that changes.

OK dyZ440 look ok to me and most people have filled in the important parts but....

1) The font is ok to on them buttons and yes most people like it and don't like it the point is that is readable so it's ok to me if it's readable.

2) The button (3D metal buttons), look good but look out of place here on this page, I said last time (I think) make a top graphic that can blend in the buttons, because them button are good and would be a shame to leave them out.

3) I agree with weadah on the "Yin Yang ? I don?t see why" part there is no really need for this.

4) Really do some "pencil drawing and do some graphic searching"


Chris C

I have made a new header graphic for my site plzz check it out !

Hope i can finish and get a final layout that i like so that i can get a .com or .net or whatever is good soon. It would be better to get those so that i can upload files for people to download them !


Err hope for an idea to make those buttons applicable on the site .. or else i will have to remove them and use some 2d buttons ;( .. wouldnt like that cause those buttons really look nice !

I want ideas for the header graphic


[This message has been edited by dyZ440 (edited 12-28-2001).]

Hey Very nice work dyZ440. I dob't think I saw the orginal header graphic, but the new one looks sweet to me.

I didn't have time to do a full review because I have only like 2 mins before I have to go work in my garage all day, but the first thing I noticed that I didn't like were the buttons on top (News, Games, Favorites)..I just think they are odd..

=D

OK there is a more recent thread covering this page so to keep us all on the same page (in more ways than 2) I'll close this down and redirect everyone's attention to this thread:
www.ozoneasylum.com/Forum6/HTML/000757.html

If I've gone mad and misunderstood the various threads then let me know and I'll reopen this one!!

Emps