Education New webiste - Learning HTML/CSS

Discussion in 'General' started by xMathiasD, 7 Nov 2010.

  1. xMathiasD

    xMathiasD What's a Dremel?

    Joined:
    15 Mar 2009
    Posts:
    437
    Likes Received:
    17
    Hi Guys!

    i need a new advice about a site.
    im not verry familiar with HTML/CSS yet.. so i would like to create a website - but i really dont know where to start.. should i draw the site on paper and then just begin to code it - or how do you create a new website?

    im looking forward to hear from you guys! :)
     
  2. dancingbear84

    dancingbear84 error 404

    Joined:
    16 Oct 2010
    Posts:
    2,192
    Likes Received:
    73
    I'm interested in this too... I have built a couple of sites using Netobjects fusion, but would like to start building some more dynamic sites. I hear good things about Joomla, had a dabble but didn't get too far.
     
  3. Silver51

    Silver51 I cast flare!

    Joined:
    24 Jul 2006
    Posts:
    2,962
    Likes Received:
    287
    Look for some free CSS templates. Either use these or play about with the code and see what goes where and what happens if you tweak stuff. Notepad is good for this as it won't mess with the code.

    W3CSchools should be of assistance should you get stuck.


    Once you are have a feel for the code, draw out a basic page on paper to get the design set out in your mind. You might even want to mock it up in Photoshop or GIMP as well. As a bonus, you can slice up the draft for usable images to be used in construction.

    Put the site together (fill out your template or code from scratch,) add images, tweak and fettle as you go. HTML and most javascript should work natively on your computer, but PHP will require the use of a PHP enabled webserver. So either a test folder on your current web hosting (easy option,) or set up on via IIS on Windows.
     
  4. Stickeh

    Stickeh Help me , Help you.

    Joined:
    20 Jul 2003
    Posts:
    3,574
    Likes Received:
    89
    I was reading through this the other day about the F layout;
    http://webdesign.tutsplus.com/articles/design-theory/understanding-the-f-layout-in-web-design/

    As for designing, draw it up however you like, paper / photoshop etc, how you get it to web is a little different / harder!

    I have a ton of links for designing sites and its difficult to tell you shortly about CSS div's styles etc.

    One rule; dont use tables.

    I'm a big fan of wordpress and customized themes and most of my sites run this as it is so easy to add new content for non web-literate folk; eg i dont have to update the site for the customer :)
     
  5. Weekly_Estimate

    Weekly_Estimate Gives credit where its due

    Joined:
    1 Feb 2010
    Posts:
    3,359
    Likes Received:
    410
    HTML and CSS

    I'd recommend the Joomla, Wordpress, Route with a custom theme, Much easier, 1000s of addons, widgets, top security... what's their not to like...
     
  6. Chr!s

    Chr!s What's a Dremel?

    Joined:
    21 Apr 2004
    Posts:
    551
    Likes Received:
    9
    This guy knows his stuff. :lol:
     
  7. Stickeh

    Stickeh Help me , Help you.

    Joined:
    20 Jul 2003
    Posts:
    3,574
    Likes Received:
    89
    On the contrary, I just make it up as i go along.
     
  8. Chr!s

    Chr!s What's a Dremel?

    Joined:
    21 Apr 2004
    Posts:
    551
    Likes Received:
    9

    You need a PHP and MySQL. More £££.
     
  9. sparkyboy22

    sparkyboy22 Web Tinkerer

    Joined:
    3 May 2010
    Posts:
    738
    Likes Received:
    35
    Just to clarify, Dont use tables to create your layout.
    If you have data to display using tables is fine.
     
  10. sparkyboy22

    sparkyboy22 Web Tinkerer

    Joined:
    3 May 2010
    Posts:
    738
    Likes Received:
    35
    These are available for free. If you want a test environment get wamp server, this includes, PHP and MySQL.

    For your coding get a text editor that highlights different parts of your code differently.
    Notepad++ is popular, I really like Crimson Editor.


    For your original question though, if you want to design your own from scratch then designing it in photoshop or gimp is the best start.

    Papers the next best as your going to have to get those images into your computer at some point.

    If your just starting out then doing everything from scratch is going to help you learn more than trying to modify an existing template for a package such as Joomla or Wordpress.

    If you need help with code I can dig out the books that I learnt from.
     
  11. xMathiasD

    xMathiasD What's a Dremel?

    Joined:
    15 Mar 2009
    Posts:
    437
    Likes Received:
    17
    Hi Guys! thanks for the response.
    i'll might just take a look at some standard templates and try to build my template from scatch.
    and when im done with the template i could try to implement it into wordpress or another CMS system.

    and whem im done with that i could beging looking at some PHP/Javascript
     
  12. Chr!s

    Chr!s What's a Dremel?

    Joined:
    21 Apr 2004
    Posts:
    551
    Likes Received:
    9
    Yeah on a local testing environment, not on a live site. :wallbash:
     
  13. Silver51

    Silver51 I cast flare!

    Joined:
    24 Jul 2006
    Posts:
    2,962
    Likes Received:
    287
    I'm not sure what the "£££" reference was to, and unless I've read you post wrong, almost all web hosting packages come with either ASP or PHP and an SQL db by default. I don't think it's even possible to get hosting without these options as ASP is part of IIS and the PHP server software is free to install.

    Anyways, PHP is awesomewin and a real timesaver if used properly. Also, 99% of ladies prefer a man who can code PHP as opposed to one who only smells of Old Spice and shouts at mice. It's true.
     
  14. Chr!s

    Chr!s What's a Dremel?

    Joined:
    21 Apr 2004
    Posts:
    551
    Likes Received:
    9
    They don't.

    Majority of UK based web hosting "Starter" packages do not include PHP and MySQL support.
     
  15. Silver51

    Silver51 I cast flare!

    Joined:
    24 Jul 2006
    Posts:
    2,962
    Likes Received:
    287
    Well... that sucks.

    Sorry, I've spent so much time with my own servers I'm probably way out of touch with basic hosting stuff.
     
  16. dancingbear84

    dancingbear84 error 404

    Joined:
    16 Oct 2010
    Posts:
    2,192
    Likes Received:
    73
    Free virtual servers do
     
  17. Weekly_Estimate

    Weekly_Estimate Gives credit where its due

    Joined:
    1 Feb 2010
    Posts:
    3,359
    Likes Received:
    410
    Can pick up free web hosting with both, without ads for free, domain also for free just tagged, ftp access, Don't expect it to be fast though, fine for testing :thumb:
     

Share This Page