Help With Web Designing

Discussion in 'HTML & Website Design' started by moneysharma, Oct 25, 2012.

  1. #1
    Hello all

    i need your advice as i m in a big tension. i know HTML, CSS. but the sites i create does not work very well in every browser. for example a website design(link can't give due to the rules of this forum :( i created ,when run on my mobile, its positioning isn't the same as in my browser. i tried very much but it does not worked.

    please suggest me any good book(1st preference) or a website(2nd preference)by which i can develop more UNDERSTANDING in web desigining.
    i am very passionate for designing but these hurdles demotivate me so i want to develop more understanding,please help. :(

    Thankyou

     
    moneysharma, Oct 25, 2012 IP
  2. aslamdoctor

    aslamdoctor Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You should check these Tutorials, It includes everything

    net[.]tutsplus[.]com/sessions/web-design-from-scratch/

    Also the site is a Must to check daily. They posts lots of New stuff.
    Let me know if this is helpful.
     
    aslamdoctor, Oct 25, 2012 IP
  3. scottlpool2003

    scottlpool2003 Well-Known Member

    Messages:
    1,708
    Likes Received:
    49
    Best Answers:
    9
    Trophy Points:
    150
    #3
    There's many things you can do to make your websites work across multiple browsers. Firstly making sure that your doctype is declared correctly. See here: http://www.w3schools.com/tags/tag_doctype.asp

    Secondly you should make sure you're CSS is coded properly e.g. use % instead of px for your main wrapper. Alternatively you could set the max-width to 1000px. See here for usage: http://www.w3schools.com/cssref/pr_dim_max-width.asp

    Lastly, to make your website work across multiple browsers and platforms in one single-handed coding style, use a CSS framework. I've said a few times that Foundation works fantastically well. The only issue I had with it was that it wasn't very 'image friendly'. By image friendly, I mean that it doesn't crop images it just makes them smaller. This is bad because you are coding for mobile and tablet devices, huge images would be a strain on the devices data. You'll find Foundation CSS here: http://foundation.zurb.com/ Test it out, make the window smaller on the Foundation website and stretch it or make it smaller and notice how the content fits all of those different resolutions.

    Essentially you really need to learn CSS properly, W3 schools are great to get started with, but Google is great too! Lots of different articles, tutorials, examples on coding in compatibility.

    Good luck!
     
    scottlpool2003, Oct 25, 2012 IP
  4. moneysharma

    moneysharma Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    thanks aslam bro for replying.

    this is a very basic stuff bro. i need advance technique. btw thanks for telling me :)
     
    moneysharma, Oct 25, 2012 IP
  5. moneysharma

    moneysharma Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I think you got me. this is what i need to be focused on(the CSS part). As i want to code full website myself i am avoiding using any framework. very useful reply. Thankyou Scottpool2003 :)
     
    moneysharma, Oct 25, 2012 IP
  6. 1809

    1809 Greenhorn

    Messages:
    31
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    16
  7. Lanouvelle

    Lanouvelle Well-Known Member

    Messages:
    188
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    128
    #7
    I kind of like Lynda tutorials. They have several courses on web design. Maybe you could check them out and see if there is a course that covers all the subjects you are interested in. I know they have a membership fee but I think it may be a site to look at if you are really hungry to learn.
     
    Lanouvelle, Oct 25, 2012 IP
  8. srirambyrapaneni

    srirambyrapaneni Active Member

    Messages:
    81
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    61
    #8
    go to webdesign.org,u can find lot of resources
     
    srirambyrapaneni, Oct 31, 2012 IP
  9. Overy1970

    Overy1970 Greenhorn

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #9
    Go to w3schools. com
    here you can find many tutorial about web designing
     
    Overy1970, Oct 31, 2012 IP
  10. g r hasib

    g r hasib Peon

    Messages:
    93
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    I seem to be that your need to advance css or html.
    you can know any website ,book or tutorial.
     
    g r hasib, Nov 3, 2012 IP