1. Howdy! Welcome to our community of more than 125.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
    Dismiss Notice
  2. Add your web host to our brand new web hosting directory (beta).
    Dismiss Notice

Tips on Web Design

Discussion in 'Webdesign / HTML' started by Travis Pessetto, Oct 27, 2011.

  1. Travis Pessetto

    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.
  2. iBrightDev

    iBrightDev Jay Street NLC NLC

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

    mishal New Member

    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
  4. deanhills

    deanhills Member

  5. TehGuy

    TehGuy Active Member

    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: Nov 8, 2011
  6. softaculous

    softaculous New Member

  7. happyman

    happyman New Member

    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.
  8. phprocks

    phprocks New Member

    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.
  9. JerrickYeoh

    JerrickYeoh New Member

    - 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
  10. chrishubber

    chrishubber New Member

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

    WHMCSIntegration New Member

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

    equity tips New Member

    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.
  13. cassiejmiller

    cassiejmiller New Member

    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.
  14. genanovlis

    genanovlis New Member

    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.
  15. jeweling

    jeweling New Member

    any thoughts on using html5,it is a really cool new technique of webs
  16. HogWildMark

    HogWildMark New Member

    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.
  17. jsholman

    jsholman New Member

    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
  18. richduskey

    richduskey New Member

    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...
  19. Nodder

    Nodder New Member

    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.
  20. Meksilon

    Meksilon Well-Known Member NLC

    My tip is avoid using the <img> tag whenever you can, and instead use the CSS background property.

Share This Page