|
| |
|
|
khai87
Posts: 15
Joined: 10/14/2005
From: Singapore
Status: offline
 |
My 2nd Site needs feedback. - 10/23/2005 11:24:02
Hi all!
I'll be glad if you guy could give my site http://www.iproed.com/~z702/ain some comments.
Negative comments would be much appreciated because these are the areas where i can improve myself on webdesigning.
This site is an volunteering organisation website called AIN Society, Singapore.
I hope you guys can help and may god bless you.
Thank you in advance.
< Message edited by khai87 -- 10/29/2005 0:47:33 >
|
|
|
|
khai87
Posts: 15
Joined: 10/14/2005
From: Singapore
Status: offline
|
RE: My 2nd Site needs feedback. - 10/23/2005 12:17:08
Thanks fer the comment! I'll look onto that.
| |
|
|
|
walrus
Posts: 547
Joined: 3/13/2003
From: London
Status: offline
|
RE: My 2nd Site needs feedback. - 10/26/2005 17:53:32
loads slowly
_____________________________
I hope The Boss isn't reading this, ...she thinks I program everything!
| |
|
|
|
dpf
Posts: 7126
Joined: 11/12/2003
From: India-napolis
Status: offline
|
RE: My 2nd Site needs feedback. - 10/27/2005 16:01:38
quote:
Maybe a part of that problem is the vast amount of javascript at the start of the page the js wont slow it down - its just text and not all that much - its the images...one on left is over 100KB. in fact, the whole page including borders and text are images.
_____________________________
Dan
| |
|
|
|
walrus
Posts: 547
Joined: 3/13/2003
From: London
Status: offline
|
RE: My 2nd Site needs feedback. - 10/28/2005 13:59:34
The yellow text block in the middle is actually quite hard to read. This presents two offerings of advice
1. Accessibility
The benefit of text within a page is that a viewer can adjust their browser setting to make text bigger if they have visual impairment. This can completely throw off the design/layout of the page but at least everyone can see what you are trying to say.
2. Image types.
Images with only two colours can be 'gifs' which are not bad on size. Advantages of 'gifs' are transparency if required but are limited to 256 colours. This makes gradients very limited. 'jpegs' allow a wider range of colours but the compression can cause disruption to the image. If using 'jpegs' try to make sure the compression is not too much. Say 70% instead of 40%, otherwise you get a ghosting effect which is a problem when trying to read white text on a yellow background.
_____________________________
I hope The Boss isn't reading this, ...she thinks I program everything!
| |
|
|
|
khai87
Posts: 15
Joined: 10/14/2005
From: Singapore
Status: offline
|
RE: My 2nd Site needs feedback. - 10/29/2005 0:42:16
Thanks walrus. I really appreciate it. I understand the accessibility problem.
However, i kind of unsure of the jpegs compressions, it it a compression when i export the images or the compression of the individual images?
thank you in advance!
| |
|
|
|
d a v e
Posts: 4179
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: My 2nd Site needs feedback. - 10/29/2005 3:07:24
they would all be better as real text, but... the bottom 3 text blocks should be saved as gifs anyway as they are just text on a single colour. the images with gradients nees to be a higher quality or the text will suffer - don't compress it too much! in fireworks use the 'better/higher' quality preset (the one with sharpen image edges turned on) and a quality of around 70-80% - you can see in the preview when it starts to get bad :)
incidentally if i browse with images turned off i see nothing!!! (some users on modems do browse without images, and those using screen readers 'see' only real text (or what's in the alt attribute)
if you are going to use images for text (not a good idea for a whole site) then use the alt attribute in each image
<img name="index_r11_c23" src="images/index_r11_c23.jpg" width="254" height="134" border="0" alt="insert the text in the image here">
_____________________________
David Prescott
Gekko web design
| |
|
|
|
walrus
Posts: 547
Joined: 3/13/2003
From: London
Status: offline
|
RE: My 2nd Site needs feedback. - 10/29/2005 4:06:10
there are some instances where you may see images used as text on other websites
maybe a heading or special banner when the designer wants to use a really unusual font or where they want to have an effect applied to the text. this might be when there is a texture applied within the text like a metallic effect or for 3d image text
unless done well though, they can look a bit naff.
_____________________________
I hope The Boss isn't reading this, ...she thinks I program everything!
| |
|
|
|
khai87
Posts: 15
Joined: 10/14/2005
From: Singapore
Status: offline
|
RE: My 2nd Site needs feedback. - 11/6/2005 9:15:14
Hi all!
I've made ammendments to this site, considering those factors some of you all gave me. I really appreciate it!
God bless.
| |
|
|
|
jaybee
Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline
|
RE: My 2nd Site needs feedback. - 11/6/2005 9:40:05
Ummmm are you sure you're supposed to have this in the middle? 
quote:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>home</title>
<style type="text/css">
<!--
body {
background-image: url(images/index_r8_c3.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
}
-->
</style></head>
<body>
<table width="100%" border="0">
<tr>
<td width="19%"><strong>News >> </strong></td>
<td width="1%"> </td>
<td width="80%"><strong>AIN Society >> </strong></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td valign="top"> </td>
<td> </td>
<td valign="top"><img src="images/home.jpg" width="307" height="231" align="left">Although Ain Society was registered in October 2000, its members have been working together for the past 20 years in the northern region of Singapore namely Woodlands neighbourhood serving the needs of the residents.
<p>However the spirit of voluntarism together with the current social issues that are challenging the community, it is not possible to operate at that capacity. To be more effective and relevant to the community, these volunteers formed Ain Society. Ain, meaning eyes in the Arabic language, sees its formation as a value add to the current social services.</p>
<p>Its flexibility and fast reaction to challenges in the society, made it possible for Ain to be proactive yet remains focussed in its services.</p></td>
</tr>
</table>
</body>
</html>
slight problem here maybe?
<iframe width="690" height="272" frameborder="0" src="home.asp" name="iFrame"></iframe>
_____________________________
If it ain't broke..... fix it until it is.
GAWDS
Now where did I put that Doctype?
| |
|
|
|
khai87
Posts: 15
Joined: 10/14/2005
From: Singapore
Status: offline
|
RE: My 2nd Site needs feedback. - 11/6/2005 18:09:44
Yes Jaybee, because i did not make the images compatible with autostretching.
Erm... is there a problem in the iFrame?
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
