+ Post New Thread
Results 1 to 10 of 10
Web Development Thread, Web Development in Coding and Web Development; I can't seem to get into the coding side of it! I've heard a lot of good things about CSS ...
  1. #1
    dannyjay's Avatar
    Join Date
    Jan 2009
    Location
    Worksop, Nottinghamshire
    Posts
    86
    Thank Post
    14
    Thanked 1 Time in 1 Post
    Rep Power
    0

    Web Development

    I can't seem to get into the coding side of it!

    I've heard a lot of good things about CSS but I can't get my head around how it works.

    I'm dyslexic, and shite with numbers which doesn't help but has anybody got an idiots guide to help me get into the coding side of things!

    I can design fine, as I'm not bad at photoshop - but when something goes wrong in the code I'm F.U.B.A.R!

  2. #2

    Join Date
    Apr 2007
    Location
    Corby, Northants
    Posts
    48
    Thank Post
    8
    Thanked 9 Times in 8 Posts
    Rep Power
    17
    Hi

    Here's a good tutorial, which takes you through creating a small demo site. LINK. What I liked about it was the way you started with a design, created an HTML page, broke the page up into div's, or logical sections, and then introduced CSS to style style the page.

    Other than that, W3Schools is pretty good, and for troubleshooting code, their reference guides are really useful - LINK

    Maria

  3. Thanks to MPorter from:

    dannyjay (9th February 2009)

  4. #3

    Join Date
    Oct 2008
    Location
    Gosport
    Posts
    64
    Thank Post
    1
    Thanked 18 Times in 13 Posts
    Rep Power
    16
    Also, if you're going to do anything with layout and css you can run into some odd behaviour in some browsers which may be confusing at first. I strongly recommend starting out with a standards compliant browser such as Firefox for all your page previewing. If you do use Firefox then you can install the Firebug addon which allows you to inspect elements on a page and see what style rules apply to them (along with a whole heap of other potentially useful stuff once you start doing more advanced things). This may help you understand what's going on ... especially as you can change attributes in the firebug bar and see what effect it has on the page very directly.

    Hello
    :-Dave

  5. Thanks to lightinthedark from:

    dannyjay (9th February 2009)

  6. #4

    matt40k's Avatar
    Join Date
    Jun 2008
    Location
    Ipswich
    Posts
    4,445
    Thank Post
    369
    Thanked 650 Times in 531 Posts
    Rep Power
    160
    Quote Originally Posted by dannyjay View Post
    I can't seem to get into the coding side of it!

    I've heard a lot of good things about CSS but I can't get my head around how it works.

    I'm dyslexic, and shite with numbers which doesn't help but has anybody got an idiots guide to help me get into the coding side of things!

    I can design fine, as I'm not bad at photoshop - but when something goes wrong in the code I'm F.U.B.A.R!
    I suck at Photoshop, can do XHTML\CSS blah... trade lol

  7. Thanks to matt40k from:

    dannyjay (9th February 2009)

  8. #5

    Join Date
    Aug 2005
    Location
    London
    Posts
    3,157
    Thank Post
    116
    Thanked 529 Times in 452 Posts
    Blog Entries
    2
    Rep Power
    124
    Take a look at the W3Schools site on CSS.

    This allows you to make very quick changes to sample code to see what happens and gives lots of easy (I hope!) to follow examples to get you started.

    The other thing that might be worth playing with if you're using Windows is Microsoft Visual Web Developer Express (free!) which also tries to make CSS easy to do.

    Stick with it because it really is worthwhile!
    Last edited by srochford; 6th February 2009 at 03:38 PM.

  9. Thanks to srochford from:

    dannyjay (9th February 2009)

  10. #6

    Join Date
    Jan 2007
    Location
    Lowestoft, Suffolk
    Posts
    84
    Thank Post
    6
    Thanked 4 Times in 4 Posts
    Rep Power
    16
    Perhaps video podcasts would help you?

    iTunes search podcasts for The Art of Code. They start at the very beginning with a blank html page and add a stylesheet to style some of the page. He goes on to discuss margins and padding and a lot more.

  11. Thanks to PaulBM from:

    dannyjay (9th February 2009)

  12. #7

    Join Date
    Apr 2006
    Location
    UK
    Posts
    939
    Thank Post
    39
    Thanked 70 Times in 54 Posts
    Rep Power
    30
    My only suggestion would be to steer away from using 'software' to learn css, try and stick to something like notepad, notepad+ or Editplus that highlight the syntax to give you a helping hand.

  13. Thanks to danIT from:

    dannyjay (9th February 2009)

  14. #8
    dannyjay's Avatar
    Join Date
    Jan 2009
    Location
    Worksop, Nottinghamshire
    Posts
    86
    Thank Post
    14
    Thanked 1 Time in 1 Post
    Rep Power
    0
    Quote Originally Posted by MPorter View Post
    Hi

    Here's a good tutorial, which takes you through creating a small demo site. LINK. What I liked about it was the way you started with a design, created an HTML page, broke the page up into div's, or logical sections, and then introduced CSS to style style the page.

    Other than that, W3Schools is pretty good, and for troubleshooting code, their reference guides are really useful - LINK

    Maria
    Thank you I'll give that a shot!

    Quote Originally Posted by lightinthedark View Post
    Also, if you're going to do anything with layout and css you can run into some odd behaviour in some browsers which may be confusing at first. I strongly recommend starting out with a standards compliant browser such as Firefox for all your page previewing. If you do use Firefox then you can install the Firebug addon which allows you to inspect elements on a page and see what style rules apply to them (along with a whole heap of other potentially useful stuff once you start doing more advanced things). This may help you understand what's going on ... especially as you can change attributes in the firebug bar and see what effect it has on the page very directly.

    Hello
    :-Dave
    I use firefox anyway, so thats a plus! I think its going to take awhile for me to get my head around it! Haha. Sounds abit like DW too!

    Quote Originally Posted by matt40k View Post
    I suck at Photoshop, can do XHTML\CSS blah... trade lol
    Sure Lol, start a business?

    Quote Originally Posted by srochford View Post
    Take a look at the W3Schools site on CSS.

    This allows you to make very quick changes to sample code to see what happens and gives lots of easy (I hope!) to follow examples to get you started.

    The other thing that might be worth playing with if you're using Windows is Microsoft Visual Web Developer Express (free!) which also tries to make CSS easy to do.

    Stick with it because it really is worthwhile!
    That looks awesome thank you Scroch, that w3schools seems to pop up a lot - seems really helpful too!

    Downloaded VWD and going to try that soon! I'm in shock MS released something for free!!

    Quote Originally Posted by PaulBM View Post
    Perhaps video podcasts would help you?

    iTunes search podcasts for The Art of Code. They start at the very beginning with a blank html page and add a stylesheet to style some of the page. He goes on to discuss margins and padding and a lot more.
    Never thought about that! I'll have a look tonight!

    Quote Originally Posted by danIT View Post
    My only suggestion would be to steer away from using 'software' to learn css, try and stick to something like notepad, notepad+ or Editplus that highlight the syntax to give you a helping hand.
    Ahh, so stay away from DW then?

  15. #9

    Join Date
    Apr 2006
    Location
    UK
    Posts
    939
    Thank Post
    39
    Thanked 70 Times in 54 Posts
    Rep Power
    30
    When ever you use software like DW they have there own way of doing particular things and aren't really standards compliant. (Not that everything you do will be as not all browsers are standards compliant lol)

    It just makes it a bit harder to learn thats all.

  16. #10
    gibbo_ap's Avatar
    Join Date
    Nov 2007
    Location
    Staffs, UK
    Posts
    937
    Thank Post
    233
    Thanked 81 Times in 64 Posts
    Rep Power
    37
    think it would be a gr8 idea to make a sticky with a load of useful links in the web dev area. i have and have lots so many great links!

SHARE:
+ Post New Thread

Similar Threads

  1. Website development
    By Dusty_Jacket in forum General Chat
    Replies: 6
    Last Post: 7th July 2008, 10:30 AM
  2. Winsuite development
    By laserblazer in forum Network and Classroom Management
    Replies: 5
    Last Post: 3rd July 2008, 09:41 PM
  3. The best direction for web development?
    By FN-GM in forum Web Development
    Replies: 12
    Last Post: 29th March 2008, 05:50 PM
  4. How much development work?
    By SteveB_NI in forum General Chat
    Replies: 7
    Last Post: 16th November 2007, 10:10 AM
  5. Development Plan
    By Wibbles in forum School ICT Policies
    Replies: 4
    Last Post: 23rd May 2007, 08:59 AM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •