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
  2. You can now add your web host to our brand new free web hosting directory (beta).

Tips on Web Design

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

  1. Travis Pessetto

    Travis Pessetto New Member

    Joined:
    Oct 3, 2011
    Messages:
    23
    Likes Received:
    0
    Trophy Points:
    0
    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

    Joined:
    Oct 3, 2005
    Messages:
    7,154
    Likes Received:
    200
    Trophy Points:
    0
    use a progressive grid system for standard spacing and alignment. get columnal
     
  3. mishal

    mishal New Member

    Joined:
    Oct 28, 2011
    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    0
    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

    Joined:
    Aug 29, 2009
    Messages:
    384
    Likes Received:
    17
    Trophy Points:
    18
  5. TehGuy

    TehGuy New Member

    Joined:
    Nov 13, 2003
    Messages:
    275
    Likes Received:
    12
    Trophy Points:
    0
    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

    Joined:
    Nov 9, 2010
    Messages:
    81
    Likes Received:
    2
    Trophy Points:
    0
  7. happyman

    happyman New Member

    Joined:
    Nov 11, 2011
    Messages:
    26
    Likes Received:
    0
    Trophy Points:
    0
    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

    Joined:
    Jan 20, 2007
    Messages:
    96
    Likes Received:
    1
    Trophy Points:
    0
    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

    Joined:
    Apr 8, 2011
    Messages:
    156
    Likes Received:
    1
    Trophy Points:
    0
    - 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

    Joined:
    Oct 27, 2011
    Messages:
    11
    Likes Received:
    0
    Trophy Points:
    0
    check w3schools.com - i learned many web design and programming lessons there.
     
  11. WHMCSIntegration

    WHMCSIntegration New Member

    Joined:
    Dec 1, 2011
    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    0
    Find yourself some good tutorials online, web and graphic design. You can learn valuable design techniques.
     
  12. equity tips

    equity tips New Member

    Joined:
    Nov 29, 2011
    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    0
    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

    Joined:
    Oct 10, 2011
    Messages:
    107
    Likes Received:
    1
    Trophy Points:
    0
    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

    Joined:
    Jan 22, 2012
    Messages:
    20
    Likes Received:
    0
    Trophy Points:
    0
    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

    Joined:
    Feb 29, 2012
    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    0
    any thoughts on using html5,it is a really cool new technique of webs
     
  16. HogWildMark

    HogWildMark New Member

    Joined:
    Mar 10, 2012
    Messages:
    20
    Likes Received:
    0
    Trophy Points:
    0
    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

    Joined:
    Mar 12, 2012
    Messages:
    16
    Likes Received:
    0
    Trophy Points:
    0
    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

    Joined:
    Apr 4, 2012
    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    0
    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

    Joined:
    Mar 30, 2012
    Messages:
    11
    Likes Received:
    0
    Trophy Points:
    0
    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 NLC NLC

    Joined:
    Jan 29, 2002
    Messages:
    1,151
    Likes Received:
    20
    Trophy Points:
    0
    My tip is avoid using the <img> tag whenever you can, and instead use the CSS background property.
     

Share This Page