- new website = new idea [4 Updates]
- Shels <email@example.com> Aug 22 03:28AM -0700
I haven't talk to guys in a LONG TIME! How is everyone doing these days? I
been getting your emails, but not replying to anything. Anyway, I am still
going at it with my designs and I am not giving up on it too. I got a new
site I am working on, yes I am still in school and feel I will never finish
Have a look at www.cpsppd.org. I am trying something with my designs too.
Anyway, I need help with adding tag lines to help with the search engines
on Google. I thought there was a code for that, but I haven't been able to
find it. Anyway, I would like your thoughts on the site too.
- chris walker <firstname.lastname@example.org> Aug 22 07:01PM +0800
The most difficult aspect for graphic designers to grasp when they build
websites is image sizes. It pains them to compromise and simplify their
artwork to a web friendly format. Unfortunately, you are going to have to
"dumb it down" for the public.
I am thinking you have nice big monitor so it looks great to you. I cannot
view your website on my Ipad or 7 inch tablet because it is too wide. Your
first order of business is to get your website under 1000 Px wide.
When you are ready to make your site Google friendly, sign up for Google
webmaster tools and use the tools provided.
Basically, you need metedata such as title, description, keywords in your
head, but there are more requirements you need such as a sitemap, terms of
- Samuel Armah <email@example.com> Aug 22 12:38PM
Well to start your page layout in clumsy...was also wondering if your page
must scroll, because i don't see any scroll bars on the browser...have you
- Binaek Sarkar <firstname.lastname@example.org> Aug 23 01:21AM +0530
I have a bad habit of doing a network analysis of every page that comes my
The first thing that comes to my notice is that you have too many images
being loaded. Now, that's not a bad thing. The problem is that the images
you have used have a HUGE size:
- CPSPPD-title.png - 122.42KB
- cpsppdsm-2011.jpg - 52.41KB
- 1doorway.jpg - 520.23KB (that's big)
- doorway-left.png - 149.92KB
- doorway-right.png - 117.93KB
That doorway image took away 16 seconds of the loading time in my machine.
You should always stick to images of sizes lesser than 100KB, even for huge
images. Compress them for the web. There are loads of tools available to do
it for you. Some can even do batch processing.
Moreover, I couldn't help but notice that you have used a combination of
JPG and PNG images in your design. You should stick to only one format as
far as you can. The more formats you use, the more parsers the client needs
to load and that results in a little lag in the rendering of the page.
Your CSS has too many blank lines. Each blank line takes up 2bytes (its
actually 1 byte, but most servers play it safe and insert another byte to
keep compatibility between Windows and other Operating Systems). So, if you
have 20 of them, you are wasting 40 bytes for nothing. A quick run in an
online compressor revealed that your CSS can be compressed by at least 20%.
I have also attached the diagnostic messages from the tool when I fed it
*14* Fixed invalid number: Changed "1227" to "1227px"
*15* Fixed invalid number: Changed "167" to "167px"
*24* Optimised number: Changed "0px" to "0"
*25* Optimised number: Changed "0px" to "0"
*26* Optimised number: Changed "0px" to "0"
*27* Optimised number: Changed "0px" to "0"
*54* Optimised number: Changed "0px" to "0"
*56* Fixed invalid number: Changed "50x" to "50px"
*64* Optimised number: Changed "0px" to "0"
*81* Optimised number: Changed "0px" to "0"
*117* Invalid property in CSS2.1: size
*142* Optimised color: Changed "#000000" to "#000"
*152* Invalid property in CSS2.1: word-wrap
*167* Invalid property in CSS2.1: alignment-adjust
*184* Invalid property in CSS2.1: word-wrap
*194* Invalid property in CSS2.1: word-wrap
*209* Invalid property in CSS2.1: word-wrap
*220* Invalid property in CSS2.1: word-wrap
*278* Optimised color: Changed "#990000" to "#900"
*282* Optimised color: Changed "#FFFFFF" to "#FFF"
*287* Optimised color: Changed "#FFFFFF" to "#FFF"
Another thing - when the background image is loading in the browser, the
text on it is invisible (given that its black on black background). I was
literally confused whether it had content at all till I had a view of the
Source Code. You might want to consider changing the text and/or background
color to help avoid confusion.
I will need to go through the site more thoroughly to get a detailed
insight. Till then... Good Luck...
You received this because you are subscribed to the "Web Design and Development" group at Google Groups. Messages are prefixed with [WD&D] in the subject. No spam is allowed. Be civil, be professional; try to be helpful & mind your netiquette. All posts are Copyright the original author and the Web Design and Development group. No reproduction of this content is allowed in any electronic or printed form outside the group at Google Groups and the http://www.WDaDg.org website. Any unauthorized use of our copy constitutes illegal Copyright infringement and may well be prosecuted to the full extent of the law. Digital Signature: $©"[W|D|&|D]g"|^|!SiteDesign@GG||#%$
To post to this group, email SiteDesign@googlegroups.com
To unsubscribe, email SiteDesignemail@example.com
For more options, visit this group at http://groups.google.com/group/SiteDesign?hl=en