web design tips for begginers

59 replies
  • WEB DESIGN
  • |
hi friends plz give me a tips about web design.how to start learning web design for the begginers.
#begginers #design #tips #web #web design #web design & development
  • {{ DiscussionBoard.errors[6823310].message }}
    • Profile picture of the author Becky Rogers
      Originally Posted by dsimie View Post

      Check w3schools.com
      I love w3schools.com. Best site for learning coding!
      {{ DiscussionBoard.errors[6838233].message }}
  • Profile picture of the author wlasikiewicz
    If your starting out why not look on Fiverr, i have bought quite a few themes designed for me.

    Give it a try..
    {{ DiscussionBoard.errors[6823312].message }}
  • Profile picture of the author timmor29
    You can use a website builder like Wix or Exai.com
    It's a fast and easy way for a beginner such as yourself to create custom websites.
    This could be a great alternative to learning web design, which is more difficult and time-consuming. However, you can also make some nice sites by learning basic HTML and how to work with a text editor.
    {{ DiscussionBoard.errors[6823329].message }}
    • Profile picture of the author websolution08
      as soon as you have some $$ to invest, I strongly suggest you to take a look at the lynda.com courses.I like them very much!
      {{ DiscussionBoard.errors[6915705].message }}
  • Profile picture of the author Rankx
    I think its better to learn web design. The first poster who replied gave a good suggestion. W3schools is a good resource. Another thing you can do to help you is to use the "Inspect Element" available in Google Chrome or firebug for firefox. These tools help you to see the code responsible for displaying the webpage. You can play around with the css code to see how the code changes affect the page, and you can learn coding structure and what specific codes are responsible for.
    {{ DiscussionBoard.errors[6823625].message }}
  • Profile picture of the author ImagineMonkey
    Pick a CMS that you're comfortable with (Wordpress, Joomla, Durpal, etc). Purchase some HTML5 and CSS3 books (great ones on Amazon).
    Signature
    Imagine Monkey: Designing websites, one banana at a time.

    http://www.ImagineMonkey.com
    {{ DiscussionBoard.errors[6824827].message }}
  • Profile picture of the author Diastolic
    If you're quite new to it then as dsimie suggested, check w3schools. But if you already know some basic HTML then have a look for 'Twitter Bootstrap' it's a HTML/CSS/Javascript user interface that is really easy to use. I've built a few websites using it and I found it really easy to use, read the guides on the Bootstrap website and you'll get an idea of what to do.
    {{ DiscussionBoard.errors[6827236].message }}
    • Profile picture of the author jyotsna
      Originally Posted by Diastolic View Post

      If you're quite new to it then as dsimie suggested, check w3schools. But if you already know some basic HTML then have a look for 'Twitter Bootstrap' it's a HTML/CSS/Javascript user interface that is really easy to use. I've built a few websites using it and I found it really easy to use, read the guides on the Bootstrap website and you'll get an idea of what to do.
      i agree with your suggestion..!!
      {{ DiscussionBoard.errors[6887542].message }}
  • Profile picture of the author seofuturzz
    work on html templates u can easily know about web designs easily
    {{ DiscussionBoard.errors[6829036].message }}
  • Profile picture of the author locke815
    w3schools would be the best i would say.
    {{ DiscussionBoard.errors[6829040].message }}
    • Profile picture of the author spinjon
      Best way to learn Web Design is to search Google for good tutorials (there are thousands), visit w3schools.com/web/web_design.asp or do a course. There are many good distance learning courses available in web design where you can pick up a good qualification and learn HTML and CSS the proper way.

      Also, have a look on Google for HTML5 (may as well learn the latest standards) website templates and study the code. Theme Forest allow you to download a monthly free web template where you can study the HTML, CSS and jQuery and really find out some good stuff!
      {{ DiscussionBoard.errors[6829616].message }}
  • Profile picture of the author copilu0
    w3schools.com is the best but you also should buy some Books if you really want to learn
    {{ DiscussionBoard.errors[6831007].message }}
    • Profile picture of the author petebolduc
      Originally Posted by copilu0 View Post

      w3schools.com is the best but you also should buy some Books if you really want to learn
      Books are ok but I recommend videos. It is much easier to understand and remember when you are actually seeing the programming being written.
      {{ DiscussionBoard.errors[6914452].message }}
      • Profile picture of the author ronc0011
        Originally Posted by petebolduc View Post

        Books are ok but I recommend videos. It is much easier to understand and remember when you are actually seeing the programming being written.
        I really strongly agree with this although at some point you need to actually start typing code and that's when you may need it in written form i.e. sample code that you're going to type /copy. but never the less videos are much easier to learn from.
        {{ DiscussionBoard.errors[6915681].message }}
        • Profile picture of the author petebolduc
          Originally Posted by ronc0011 View Post

          I really strongly agree with this although at some point you need to actually start typing code and that's when you may need it in written form i.e. sample code that you're going to type /copy. but never the less videos are much easier to learn from.
          I agree about having to actually start typing code for sure. Video courses that teach a complete line by line start to finish project are the easiest to learn from providing the guy/gal takes the time to clearly explain what is going on.
          {{ DiscussionBoard.errors[6915889].message }}
  • Profile picture of the author jrod24
    I believe the best way is to jump in and do it yourself. Buy a domain and hosting service and get to work! Think of a topic you are passionate about and build your website around the topic.

    This is the approach I took. I used bluehost, and started with an easy to use CMS (Concrete 5... free with service), then moved to Modx (which is a really good CMS to learn more indepth coding stuff), then removed CMS completely and run all sites "off the grid" with PHP... You can google just about anything and find the answer you are looking for when it comes to coding.

    It will take desire and persistence, but if you find that you really enjoy it you will keep learning and develop your skills... if you don't enjoy it, you saved yourself tons of money on college classes.
    {{ DiscussionBoard.errors[6832857].message }}
  • Be creative! use your own idea's. But always educate your self on the fundamentals.
    I'm sure you'll find tun's of information online, simply google "Web Design Classes"
    or youtube that key word phrase.

    WILL.
    Signature
    WebDevelopmentGroup NYC & CA- Small Business Web Development, App Development, WordPress Development, Graphic Designs, Online Marketing, Local Marketing & more!. "Call us 1.800.219.1314 or message us!". Visit us today! "Now On Live Chat Mon-Fri.". www.WebDevelopmentGroup.org
    (Whitelable our Services)
    ===================================
    ==> #1 OFFLINE MARKETING FORUM ON THE WEB! <==
    www.OFFLINEMARKETINGFORUM.com
    (Register Now)
    {{ DiscussionBoard.errors[6833325].message }}
  • Profile picture of the author Rustyryan
    w3schools is a great source of coding . If you want to learn then you will get great help from here.
    {{ DiscussionBoard.errors[6833584].message }}
  • Profile picture of the author Smohil
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[6833768].message }}
    • Profile picture of the author manohar1310
      Web designing is a huge concept.you should first have clarity of why you want create a website ?
      If you are a newbie you can learn HTML and CSS but if you want to create some website without any knowledge you can try blogspot or wordpress which are free and you can find many tutorials in youtube.
      If you want advanced coding than use HTML5 and .NET for Advanced learners
      {{ DiscussionBoard.errors[6833847].message }}
  • Profile picture of the author Aweinerws
    I would recommend you to get tips from one or more experienced website designers. Read online about the latest happenings in the genre of web designing. This will help you learn a lot about website development. You should also learn how to use content management systems in developing and designing websites. What you can do, you join any website development firm as a trainee and learn. Being a website designer myself, I know how interesting the profession is.

    Rich Mobile & Web Engineering, Web Content Management Consulting
    Signature
    {{ DiscussionBoard.errors[6833844].message }}
  • Profile picture of the author DanielDuffo
    Hello.
    this website w3schools.com can help you.
    And a little secret - you should start Your project, and checked your experience on them.
    And of course, everything step by step, i mean, first you should learn HTML, then CSS, JavaScript, PHP.
    Signature

    Fidelity Media Brand Safe Remnant Traffic Network
    www.fidelity-media.com
    Email:info@fidelity-media.com

    {{ DiscussionBoard.errors[6834443].message }}
  • Profile picture of the author mikedex
    Agreed with 'danielduffo'. Also his secret tips is very useful for beginners.
    {{ DiscussionBoard.errors[6834491].message }}
  • Profile picture of the author AmritaJain
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[6835686].message }}
    • Profile picture of the author abohrandy
      Originally Posted by AmritaJain View Post

      My tips, with 3 years experience in programming, and web coding ...
      1. DON'T use any WYSIWYG editor (such as Dreamweaver).
      Too long to explain why here.
      2. DO use a standard editor for your code (Notepad, Notepad++ are very good).
      3. DON'T get involved with any off-the-shelf scripts, such as osCommerce, Miva, Joomla, Drupal etc: it is a waste of time and you will get headaches just trying to adapt the code to your needs.
      4. DO Learn HTML, a bit of Javascript, PhP and MySQL. Just write simple stuff to start with. You learn as you go along.
      5. DO use w3schools site, php.net and mysql for samples, lessons and trials.
      6. DON'T buy or read books on the subject: the web evolves faster than the books are printed!
      7. BE TWO persons: a Designer and a Coder: they are different people! The designer makes nice static pages. The Coder (behind the screen and not often rewarded for his hard work) makes the site WORK interactively.
      8. DO check/debug your site on IE6, IE7, Firefox at least: they make 91.5% of users.
      9. Do check/debug on Opera, Netscape and Safari ONLY if it is a request from your client. (I can't give a *** for the 8.5% other users who are probably computer illiterate anyway...)
      10. DO call back here: there are pros that can help!
      Hit the nail on the head!!
      {{ DiscussionBoard.errors[6840232].message }}
  • Profile picture of the author clickbump
    Originally Posted by 007jeevan007 View Post

    hi friends plz give me a tips about web design.how to start learning web design for the begginers.
    There's tons of resources online, but knowing where to start is key. I would strongly suggest that you invest in these two books, which will provide a solid roadmap for you to follow:

    The "Why" >  Designing with Web Standards Designing with Web Standards (3rd Edition)

    The "How" >  Bulletproof Web Design Bulletproof Web Design
    Signature
    {{ DiscussionBoard.errors[6838875].message }}
  • Profile picture of the author spaniard26
    If you want to learn html and css search for "codecademy" it's totally free and the lessons are quick and fun!
    {{ DiscussionBoard.errors[6839235].message }}
  • Profile picture of the author herrywhite24
    I would like to recommend w3 school for learn web design. It is wonderful web design tutorial for learn web design and many other thing.
    {{ DiscussionBoard.errors[6840591].message }}
    • Profile picture of the author Pixon
      These tips are all basic, easy to do tips that can have your personal or small business site look like you have been doing site design forever.
      1. When designing business sites- use a white or subtle bordered background - It looks more professional.
      2. Do keep a theme throughout the site - a logo and navigation on each page - This way the vistor knows he is still at the same site.
      3. Do use the same font throughout the site - don't use verdana on one page and arial on another.
      4. Keep animation to a minimum - Use it to draw attention to special offers or information.
      5. Do use browser safe colors whenever possible.
      6. Do make your site browser compatible - do not use scripts, applets, DHTML, etc. that are only compatible with one browser.
      7. If you use cutting edge technology, design a second site for those vistors who still have a an older browser.
      8. Do keep your vistors in mind - Design the site for the people who are going to visit, not for yourself You might like bold, bright colors, but a funeral directors site should use subtle colors and hues.
      9. Do use height and width tags for your images - this loads the page faster and also is useful to search engine spiders.
      10. Do add proper navigation on each page - At the very least you should have a home button on each page.
      11. The ideal is both text and graphic "toolbars" on each page so that a vistor can get to any page on your site.
      12. Do design for the "three click" theory - this means that any section of your site should only be 3 clicks away.
      13. Do use a site map for complex sites - this way if your vistor gets lost, they can always go back home or to the site map.
      {{ DiscussionBoard.errors[6848412].message }}
  • Profile picture of the author Diveuk
    heres a great site for beginners

    Phil Burtenshaw
    Attn beginners and newcomers, create your own website by 3.45 this afternoon
    {{ DiscussionBoard.errors[6849397].message }}
  • Profile picture of the author gamerightnow
    So i think you must choose at first w3school,then codecdemy,
    and at last choose any free template and try to clone it,remodel it.
    Signature
    {{ DiscussionBoard.errors[6853184].message }}
  • Profile picture of the author wellm97
    when I started learning some one advised me to learn web design tips from w3school but I do not think its a webdesign learning site. we can learn basic coding from there but will not be able to design and develop a professional web site.
    So I suggest you to join any professional institute where you will practically learn what you want.
    {{ DiscussionBoard.errors[6853473].message }}
  • Profile picture of the author luicykaith
    I would like to recommend w3 school for learn web design. It is wonderful web design tutorial for learn web design and many other thing.
    {{ DiscussionBoard.errors[6884757].message }}
  • Profile picture of the author johnpea
    I'm with gamerightnow - I learned by playing about with free themes...and keeping my eyes open for attractive-looking sites to copy
    {{ DiscussionBoard.errors[6886895].message }}
  • Profile picture of the author chungacreative
    Originally Posted by 007jeevan007 View Post

    hi friends plz give me a tips about web design.how to start learning web design for the begginers.
    Check out this link Become A Blogger | Changing The World One Blog At A Time
    Signature

    Make a commission on your own gas and electric bill. Private message me for more info.

    {{ DiscussionBoard.errors[6886947].message }}
  • Profile picture of the author jyotsna
    for begginers choose keywrods from adword with high global ranking and low competition..
    also do take to chose only 3-4 keywords..
    use these keywrds in the title..
    submit ur website url to top directory with pr above 5...and do blog commenting on sites similar to ur site niche..
    do forum posting as much as u can..
    make your content fresh and unique...above all a blooger need patience and consistence in his work..
    Happy blogging..hope it helps you..
    {{ DiscussionBoard.errors[6887540].message }}
  • Go with w3schools. Apart from this you need to improve your creativity. Because creativity make a good designer. If you want to know more search here(warrior). You get plenty of replies and suggestions.
    Signature
    seo services , website developing services contact subashcseo@gmail.com skype anushasubash
    {{ DiscussionBoard.errors[6903030].message }}
  • Profile picture of the author annahussy
    There are so many criteria that you evaluate your designing ideas. You have to make sure whatever you software used,making the attractive designs regarding logo and graphics.
    {{ DiscussionBoard.errors[6903590].message }}
    • Profile picture of the author sabareesh
      If you're a beginner in web design and you're about to get your website made, there's a lot you have to keep in mind.
      • Do not use multi-colored backgrounds with text that clashes with it- If you are using a dark colored background, use light colored text and visa versa.
      • Do not use dark backgrounds and light text if you have alot of information to convey - Reading light text on a black background strains the eye.
      • Do not use "rainbow text" (this would be having each letter a different color) - Another tough thing to read.
      • Do not use allot of animation - Not only does this create a slower loading site, but if the visitor is going to be staying awhile, it gets annoying.
      • Do not add several pop up ads for each page. They are irritating and will most likely drive the visitor away from your site.
      • Do not put music on your site unless the vistor can turn it off - another annoying feature - I have been known to leave sites that have midis on them - after hearing "Somewhere Over The Rainbow" for the 100th time, I can't take it anymore.
      • Do not put huge photos on your page - create thumbnails for those who would like to view a larger version
      • Do not use a million frames to cut up your page.
      • Do not use obscure fonts - unless the visitor has the bubblegum font installed on his/her computer/ they will only see their default font
      • If you need to use a unique font, create is as a graphic.
      • Do not center align EVERYTHING on the site.

      Regards,
      Sabareesh
      {{ DiscussionBoard.errors[6903845].message }}
  • Profile picture of the author i580n
    Well, one fundamental aspect of web design is being able to read, speak and write the English language.
    {{ DiscussionBoard.errors[6904279].message }}
  • Profile picture of the author ChristianX
    You can take college courses for free a udemy. try youtube aswell!
    {{ DiscussionBoard.errors[6911401].message }}
  • Profile picture of the author bettygo
    There`s a lot of tutorials in Youtube, and try these things;


    These are the things that a web designer should always consider in choosing or doing a great website design.
    1. First page takes it all - most of the bounce rate are caused by chaotic Home page or the first page of your website. I, as a regular visitor, I dont want to spend my time understanding what your design is all about. As long as I can understand it. We`re on the same side.
    2. Left to right, Top to bottom policy - You should always keep in mind that we are taught by our teachers to read from left to right and top to bottom. Same as reading or following a website flow. It should be from left to right and top to bottom.
    3. Keep it short but not to short - Everyone is looking for informative content but make it look interesting and not boring.
    4.Use appropriate colors- I once visit a site. and darn! it gives me a headache looking at its color combination and I promise to myself I will never visit that site again. Every web designer should create a site that is attractive but not too colorful and not too pale.
    5.Keep updated and Check your grammar - It is self-explanatory so no need for further explanations
    {{ DiscussionBoard.errors[6916859].message }}
  • Profile picture of the author mmrumii
    W3schools it the best platform to learn web designing for begginer.
    recently I'm also trying to learn it from there
    I think you should go ahead with it. best of luck.
    {{ DiscussionBoard.errors[6918821].message }}
  • Profile picture of the author rising_sun
    Banned
    Start from HTML ,then learn css
    and at last try to learn php and mysql.
    {{ DiscussionBoard.errors[6922242].message }}
  • Profile picture of the author Evocess
    I highly recommend w3schools.com.
    Go first with the basics.
    Start with HTML & CSS then everything will follow.
    {{ DiscussionBoard.errors[6923683].message }}
  • Profile picture of the author mikespencer1957
    First decide what type of site you want to make or create eg. blog, portfolio or e-commerce or business website

    Secondly you must ensure how you going to develop the website weather you will use CMS or codes..Cms like WordPress and Joomla have plenty of plugins and extensions and they can be installed easily without any coding knowledge.

    Choose your target audience.

    As content plays a main part in engaging the audience and vistors of your website you must take precautions while forming content and one must jot down points to create a map of your website.
    Hope this would help
    {{ DiscussionBoard.errors[6924643].message }}
    • Profile picture of the author oliviacis
      to become a web designer u have to know atleast intermediate levels of following tools.

      Photo shop any version
      coreldraw any version or x3
      flash for animation (basically)

      Dream weaver, html kit (to convert your design into html code)

      Make yourself master of html, javascript, dhtml, xhtml and css also for style
      for learn this goto w3schools.com

      And yes, do concentrate on web programming languages.

      All the best!
      {{ DiscussionBoard.errors[6932768].message }}
  • Profile picture of the author WendyShmYpAss532
    I think that any beginner, who wishes to make it large in the world of web designing, should first of all go through an online tutorial to catch the small tricks of such a job. Without the basic knowledge, it may prove to be difficult to come up with the perfect website for your client.
    {{ DiscussionBoard.errors[6928711].message }}
  • Profile picture of the author cssbros
    Go with w3schools or net tuts plus tutorials.

    They've got everything you need as a starter.

    Goodluck!
    {{ DiscussionBoard.errors[6929038].message }}
  • Profile picture of the author Nexstair
    Go to youtube and go through of some tutorials.
    {{ DiscussionBoard.errors[6929961].message }}
  • Profile picture of the author zukirep
    someone mentioned it earlier but I also second codeacademy for people who are trying to learn basic html and css. The website is built to keep you motivated because of the very manageable lessons, and the badges you earn. Gameification done right imo
    {{ DiscussionBoard.errors[6930334].message }}
  • Profile picture of the author mark healy
    learn from other website professionals and go on a course.Learn wordpress, weebly etc at first and then move onto the coding side.
    Signature

    Build a Real Online Business from scratch today!
    Get Your FREE Webinar Training Here

    {{ DiscussionBoard.errors[6932785].message }}
  • Profile picture of the author PaceSolDallas
    LydnaDotCom is one the best online video tutorials website for the beginners, but it is paid of course, you will have to pay $25/month or something. But they do have good tutorials on graphic designing and web development.
    {{ DiscussionBoard.errors[6932864].message }}
    • Profile picture of the author merlinraj
      1.Precedence (Guiding the Eye)
      2. Spacing
      3. Navigation
      4. Design to Build
      5. Typography
      6. Usability
      7. Alignment
      8. Clarity
      9. Consistency
      {{ DiscussionBoard.errors[6981936].message }}
  • Profile picture of the author needu12
    w3schools is the best place to start!
    {{ DiscussionBoard.errors[6982269].message }}
  • Profile picture of the author edbarnes
    Start learning HTML and Javascript ( I recomment Beginning
    HTML, XHTML, CSS, and JavaScript from Wrox ) after that, You'll find your own way
    {{ DiscussionBoard.errors[6982506].message }}
  • Profile picture of the author taylor8820
    visit w3schools.com, and after you learn a little, start experimenting and create a simple website . and also read source code of other sites to learn more
    {{ DiscussionBoard.errors[6982934].message }}
  • Profile picture of the author betsyanne
    I personally started making web pages with Dreamweaver. But I see that most people on this thread recommend other training classes. I do know that setting up a Template Page on Dreamweaver makes it super-easy to change all the pages at once. I am working on that now.

    I will go to those sites you all recommended and see what they are all about.

    I have a book I like, it is HTML Goodies by Joe Burns, Ph.D. (the website used to match this, but no longer...) and a website, The Site Wizard: thesitewizard.com: Website design, promotion, CGI, PHP, JavaScript scripting, and revenue earning..

    I am re-designing my websites right now, starting with my Nontrad site.

    I can't wait to explore all the great resources I found out about today, here on this thread. I think they will be a great help. Thanks, fellow Warriors!

    And thanks to 007jeevan007 for starting this thread.
    Signature
    Elizabeth Sheppard
    My SEO for Beginners Page
    {{ DiscussionBoard.errors[7300286].message }}
  • Profile picture of the author SoCalMarketing
    lots of "how" advise.. I know you did not ask this but have you considered the "why" as in, why do you want to learn to design websites when you can simply outsource this for next to nothing. I went through the learning curve, took me 4 years since I could not focus on it full time, had to make a living along the way. During that time HTML5, CSS3 and responsive design came on the scene and my skills seemed to become obsolete almost as soon as I was learning. I am glad I know what I know, now I can pick up a $50 theme or template at themeforest or templatemonster and really turn it into something awesome. However, unless you go through the whole process of becoming extraordinary as a web developer (by the way, do you want to code or design, two vastly different things), you probably won't make much money as a mediocre developer. I can post a web design project on any one of 10 different outsourcing sites and get a site done for less than $200 for a decent design. Depending on what part of the world you are in, that may make sense for you. Your profile has no info on where you are from.

    If you are in America, UK, Australia.. you are probably not going to be making a lot of money as a coder.. that skill does not pay much.

    Hence the question that I would invite you to examine.. why do you want to learn design?

    BTW, most recommendations to go to W3schools are for coding, not design. Your original post says "design tips".. W3schools is not for design.
    {{ DiscussionBoard.errors[7306639].message }}
  • Profile picture of the author Istvan Horvath
    The only problem with this thread (and all the posters in it):

    The OP has been created in August and this is the only post of the original poster. Maybe he as banned, maybe he is not serious about the whole topic.

    Yet, everybody is enthusiastically replying to it - as if there was a normal persona asking real questions. Well, there isn't.
    Signature

    {{ DiscussionBoard.errors[7306685].message }}

Trending Topics