Tips on Web Design

**Travis Pessetto** · October 27th, 2011, 12:13

Hi, I am not an expert in web design and was wondering if anyone would give some tips on how to create a good-looking site. I know XHTML strict with CSS so the code is not a problem. Just concepts.

**iBrightDev** · October 27th, 2011, 13:01

use a progressive grid system for standard spacing and alignment. get columnal

**mishal** · October 28th, 2011, 03:42

So my friends,as an experience of SEO I just want to share some points for site design of SEO.Design of site palys an important role for traffic generation and good page ranking.
Use SEO friendly JavaScript
Prefer fresh design
Links talk
Design is linkbait
Have great linking with footers
Keep a horizontal directory structure
Look at search bots as browsers
CSS image replacement
Follow the basics, titles, meta tags are still important
Keep the meta descriptions descriptive and precise to about 150 characters
Reference your clients within the web page text
Add a WordPress blog to your site

**deanhills** · November 5th, 2011, 13:35

There are some good tutorials available at http://w3schools.com/

**TehGuy** · November 8th, 2011, 11:08

Don't rely entirely on W3Schools. The information is often outdated or flat-out wrong, or just bad practice. It's okay for reference, I guess. I generally use Mozilla Dev's reference section. Since you say you already know CSS and XHTML , here are my suggestions:

Smashing Magazine - A lot of these articles are probably way beyond the scope you are looking for, so I'll point you to their Design articles and their CSS articles. You may want to expand into learning JavaScript and JQuery (a javascript library that is very popular and hugely useful. JavaScript is pretty much everywhere now, and it's how a lot of cool design elements are done.

Zen Garden - It's a site with 1 HTML layout, and over 200 designs made by changing the stylesheet. If you wanted to study what CSS is capable of, I'd check this out. You can try replicating some of the designs to get a hang of the tricks used to do certain things or just look over the CSS to see how they did it.

**softaculous** · November 10th, 2011, 07:49

Try http://mgmt.noupe.com/ and http://net.tutsplus.com these site will not only improve your coding but will also help you to build a great website.

**happyman** · November 11th, 2011, 06:54

I too have a grip on the coding (html and css) but struggle with the design - what i actually looks like! All my webdesigner mates always seem to make better looking sites than mine... And although I still have a lot to learn, I have come to realise that before spending a lot of time messing around with designs on-screen, I think it's best to start with a pen, paper and some colouring pens!

This is my tip: Get all ideas down on paper first. This will give you an idea of space needed and will influence your layout. Then you can play around with design elements and quirks and colours etc. Then go and sit on the computer and code the design.

**phprocks** · November 11th, 2011, 15:40

For many people the programming/coding side of things isn't the issue but rather the design side. Look at other templates in order to get ideas on where to start off. In general, I would focus on a simple yet elegant design - I think a design that's simple yet elegant works well every time! Good luck.

**JerrickYeoh** · November 21st, 2011, 20:21

- fast loading pages.
- Good and easy layout
- Make good use in colour of the font and banners.
- Put contact information on your pages
- Annotate your links
- Check your spelling and grammar
- Keep images small and use sprites whenever possible

**chrishubber** · November 26th, 2011, 09:44

check w3schools.com - i learned many web design and programming lessons there.

**WHMCSIntegration** · December 1st, 2011, 01:57

Find yourself some good tutorials online, web and graphic design. You can learn valuable design techniques.

**equity tips** · December 1st, 2011, 06:22

There should be clear navigation, all resolutions, minimize the use of images, be careful of white spaces, cheking for broken links. all the things are very important.

**cassiejmiller** · December 30th, 2011, 21:01

Remember that you are designing your website not for yourself but for your users. Knowing what your users want and what will please them should inspire you to put content into your web design that is readable as well as attractive. This includes a good color scheme, ideal font sizes, catchy animation, pleasing sound effects and quality text.

**genanovlis** · February 18th, 2012, 02:29

In web design, you have to take care about a few things.You must not make your site overloaded by using heavy animations in flash.You should make small and precise banners, logos and images.Put some interesting content in your site that is relevant to your topic.Also include some good color combinations, fresh design, correct spellings , simple animations and some quick links.