1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Layout & HTML

Discussion in 'HTML & Website Design' started by dhavalprkh, Mar 2, 2014.

  1. #1
    Hi guys,

    I am a core programmer. Now I wanted to learn web designing (Responsive/Non Responsive). I know basics of HTML. What is the best way to learn it from simple layout to HTML ? Is it necessary to learn Photoshop or any other tool, If so, what is the best resources to learn it.

    Thanks in advance !
     
    dhavalprkh, Mar 2, 2014 IP
  2. meetdilip

    meetdilip Active Member

    Messages:
    196
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    55
    #2
    I have seen many people recommending Lynda and w3schools. Give them a try.
     
    meetdilip, Mar 2, 2014 IP
  3. sarahk

    sarahk iTamer Staff

    Messages:
    28,494
    Likes Received:
    4,457
    Best Answers:
    123
    Trophy Points:
    665
    #3
    One of the big challenges with Responsive is deciding what framework you are going to use. As a newbie I'd recommend working with one of the established systems even if there is the risk of "bloat".

    Once you have a framework the rest should fall into place.
     
    sarahk, Mar 2, 2014 IP
  4. dhavalprkh

    dhavalprkh Member

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    31
    #4
    I am planning to create 2 websites, one in PHP and another one in Wordpress. !
     
    dhavalprkh, Mar 2, 2014 IP
  5. sarahk

    sarahk iTamer Staff

    Messages:
    28,494
    Likes Received:
    4,457
    Best Answers:
    123
    Trophy Points:
    665
    #5
    I was meaning for the responsive design, not the backend.
     
    sarahk, Mar 2, 2014 IP
  6. John Michael

    John Michael Member

    Messages:
    154
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    43
    #6
    You need to join online academy for web designing because they will give you there certificate of web designing. If you do not need any certificate then start learning from w3schools.com . w3schools.com is the best way to learn web designing. In this web site demo available with every topic.
     
    John Michael, Mar 2, 2014 IP
  7. sarahk

    sarahk iTamer Staff

    Messages:
    28,494
    Likes Received:
    4,457
    Best Answers:
    123
    Trophy Points:
    665
    #7
    Ignore that - it's a resource to use but not a place to learn

    the best way to learn is by looking at what others have done, how they've structured their designs and their pages and how they've cut their code.

    What makes a good design is a different thing though...
     
    Last edited: Mar 3, 2014
    sarahk, Mar 3, 2014 IP
  8. Jayseanp

    Jayseanp Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #8
    Well then again i agree with sarahk however i would learn it myself via watching youtube clips etc learning how to code html layouts etc so i suggest you learn it will get you more far
     
    Jayseanp, Mar 3, 2014 IP
  9. Mihai101

    Mihai101 Active Member

    Messages:
    79
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    80
    #9
    Just practice with an editor and create all sorts of local webpages, look for examples on the web and use the browser's devtools to see how to accomplish a similar section of a webpage you really like.

    A better reference source than w3schools is mozilla developer network (mdn for short). When you need to search for a html/css element, for example, border-radius, just google border-radius mdn.

    And yes, definelty need to learn how to work with photoshop. It's quit the webdesign standard.
     
    Mihai101, Mar 3, 2014 IP
  10. Imran Shariff

    Imran Shariff Member

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    31
    #10
    If you know HTML and CSS it is always good idea to create fluid layout, at anytime you need to the make the design responsive then just start writing media queries for different screen size. I would suggest Firebug plugin for Chrome or Firefox is the best and a must have tool for every frontend developer.
     
    Imran Shariff, Mar 3, 2014 IP
  11. dhavalprkh

    dhavalprkh Member

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    31
    #11
    Thank you guys for giving me direction.

    It would be really helpful for me if you can guide me regarding the best tool for web design. Photoshop is the best to create layout .. Correct me If I am wrong ? For HTML editing .. I don't have any idea..:confused:
     
    dhavalprkh, Mar 4, 2014 IP
  12. sarahk

    sarahk iTamer Staff

    Messages:
    28,494
    Likes Received:
    4,457
    Best Answers:
    123
    Trophy Points:
    665
    #12
    I use netbeans for the html and topstyle for css. You may want to experiment with LESS though.

    I generally recommend staying far away from dreamweaver.
     
    sarahk, Mar 4, 2014 IP
  13. Mihai101

    Mihai101 Active Member

    Messages:
    79
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    80
    #13
    My favorite editor for htm/css is sublime text.
     
    Last edited: Mar 4, 2014
    Mihai101, Mar 4, 2014 IP
  14. John Michael

    John Michael Member

    Messages:
    154
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    43
    #14
    Dear Sarahk ! There are not only resource . In this website you can easily learn HTML , CSS , PHP, Jquery and Ajax. If you view this website then you will know that I say right thing about this website. There are demo available with every topic clearly. What you need more in learning. HTML and CSS are very easy and simple.
     
    John Michael, Mar 4, 2014 IP
  15. Imran Shariff

    Imran Shariff Member

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    31
    #15
    Dreamweaver and netbeans are very heavy IDE I don't recommend, you can download Sublime Text which cost you very little, if you like purchasing the license, but you can use without it too....
     
    Imran Shariff, Mar 4, 2014 IP