• Howdy! Welcome to our community of more than 130.000 members devoted to web hosting. This is a great place to get special offers from web hosts and post your own requests or ads. To start posting sign up here. Cheers! /Peo, FreeWebSpace.net
managed wordpress hosting

Tips on Web Design

Travis Pessetto

New Member
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.
 
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
 
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.
 
Last edited:
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.
 
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.
 
- 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
 
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.
 
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.
 
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.
 
I have always liked websites that are easy to navigate and are not overly busy and cluttered with information. It should be really obvious as to what the website is offering and being used for.
 
So, the tips:

1. Provide compelling content / something of value
2. Avoid Sleazy Elements
3. Make it Easy to Find Stuff
4. Don't bog your website down
5. Provide Website Readability
 
Ofcourse design plays an important role to attract visitors on website....if your design is your friendly then it will helps you in increasing traffic as well...
 
If you are just new to wen designing, then you should go explore the related sites of your niche to get some inspiration about how and what to include while designing a website. Once you have some experience (with time) you can think of some more creative ideas of your own. To get some for basic knowledge, consult the w3schools website.
 
My tip is avoid using the <img> tag whenever you can, and instead use the CSS background property.
 
Back
Top