Hi guys. I'm just wondering what the best way to learn how to code a website is?

 

I have a book called HTML&CSS by Jon Duckett, but I am finding it hard to do when I come across a problem.

 

2 I have so far come across is that I have tried to put a image on my site, but it didn't work, the other is that the tables didn't work as they should, and so far have no way of solving these.

 

So how do I learn HTML and CSS, and how do I learn in properly?

 

Thanks

Ditch the books, head to w3schools.com or codecademy.com and learn online for free, step by step. Also, forget tables, they're so 2005.

Just found codeacademy, thanks to this site, and ive done a bit so far. 25% the way through!

 

Tables are not needed at all? or very rarely? I thought they were used to set out the look of the site?

Tables can and should be used for tabular data but nothing else. In the history of web design tables have been misused a lot for layout purposes for all sorts of content. The corect way to position and align elements is to use CSS.

Well, I read that book too, I think it is easy to understand about HTML/CSS but just after you already have basic knowledge about them. Like another told you, just go to online ( maybe treehouse.com or Tutplus ) to watch and learn about the HTML/CSS first, and when you have basic knowledge, you can read the book to know more detail about tag and element description ( look like why should I use this one, not that one in HTML...etc, the same for css ). Don't worry, HTML is most easy in web development, just try to learn HTML first, then CSS.

 

Have fun

 

p/s: When you learn HTML/CSS, open the editor and type the code, just do not stay in your chair, in front of your screen and say "oh yeah, now I get it". Practice more and more, I mean, and you will get better.

Edited November 5, 201312 yr by nguyenhce

Hi there

This free workshop with doBranch is really great! Learn the basics of HTML in one hour: http://www.dobranch.com/free/make-a-website-in-1h

They also offer a more intensive four week Web Fundamentals course, there is one taking place in London next week but you can also do it online:

http://www.dobranch.com/courses/22

http://www.dobranch.com/apprenticeships/web-app-apprenticeship

Hope this is helpful

Annie

We always recommend w3schools.com the tutorial there are fantastic!

 

HTML5: http://w3schools.com/html/html5_intro.asp

CSS3: http://w3schools.com/css/css3_intro.asp

Thanks alot, i will have a look into these ways. That course does look good, however not sure if i would be able to get online at a certain time everyday to do the course

W3schools is the best site to learn any computer language..

w3schools is the best thing to learn HTML because it is free and it gives examples of each and every thing that it contains.

w3schools.com is the best teacher for you to learn HTML.

I hope the posts above recommending W3 Schools are a joke! They are most certainly NOT the best place to learn web development - far from it and I'd recommend you stay away from them. don't believe me? read this http://www.w3fools.com/

 

I'm self taught and learnt from a variety of online sources, both free and paid. In my experience the paid resources are generally a higher standard, I saw making a relatively small monthly payment a very worthy investment to land me my dream job. little over a year ago I was building a horrible non-responsive website for a cafe charging them less than £400- Hell i'd never even heard of responsive design! Today solely I'm responsible for developing the front end for Norway's equivalent of the 02 Arena. I put the advancement down to choosing a very good learning resource rather than trying to cheap it using fragmented tutorials dotted about the web without a clear direction / goal in mind.

 

I pay the very steep price of $50 per month for http://teamtreehouse.com but that's simply a drop in the ocean seen as the skills gained helped me landed me my dream job. I continue to pay the $50 because the return on investment I feel makes it incredibly worthwhile.

 

Just me 2p

Tables can and should be used for tabular data but nothing else. In the history of web design tables have been misused a lot for layout purposes for all sorts of content. The corect way to position and align elements is to use CSS.

 

I cannot like more than once but damn, so many people put tables in the bin when they are as relevant today as back in the late 90's! Table data is still loved by search engines and is the right use for tables. CSS table-cell etc does not carry the weight that a traditional table with correct th / td use does.

I can give it a like

 

CSS tables are useful in instances where you would like content to be aligned vertically - the vertical align property doesn't work on a div unless you change it's display property to table cell, and it's parent to table.

 

I agree with what you wrote - table use has been demonized so much that many believe table use alltogether to be bad, which is nonsense. Like you said, they are to be used for tabular data, and allows the search engines to see the data as this.

CSS tables are useful in instances where you would like content to be aligned vertically - the vertical align property doesn't work on a div unless you change it's display property to table cell, and it's parent to table.

 

And that's the irony of css tables as they arn't tables; we want it to look like a table but not be a table.

Indeed, the problem is though, they are required if you want dynamic content centering. If you have a parent container and child content and you do not know the height of either, the only way to vertically center the child is by the use of CSS tables. - * Without jQuery trickery.

 

This fiddle demonstrates what I'm talking about: http://jsfiddle.net/rbrtsmith/MwZxk/

 

In a project where you want data to appear like tabular data then it would be a bit silly to use the display table to achieve this - if it visually looks like a table then chances are it IS a table and should be created as a html table and not hacked into one via CSS.

 

I use the technique used in the fiddle above in responsive sliders, where I want the text of each slide to be vertically centered but the slider being responsive means the height will change relative to screen width and the text can be any height down to how many characters the client inputs themselves - both totally unpredictable making the use of display table, in this instance to be well justified.

Edited December 22, 201312 yr by rbrtsmith

W3cschool is the best way to learn HTML and CSS.

W3School is NOT the best place to learn HTML CSS or anything for that matter. It's not even a good resource in fact.

W3School is NOT the best place to learn HTML CSS or anything for that matter. It's not even a good resource in fact.

How you can say that w3school is not the good option?

I used this site and have good experience....

This should explain it to you: http://www.w3fools.com/

 

You will find a lot of experienced developers will also agree that W3Schools is a poor resource for beginners to learn from. - I can also see on your profile there on the left your experience is stated as nothing, doesn't that slightly contradict your statement?

Edited January 4, 201412 yr by rbrtsmith

I signed up to treehouse on a 2 month free trial just out of interest. Their approach to teach simply html css and php is easy and fun. I would definitely recommend treehouse if you are a complete novice.

This should explain it to you: http://www.w3fools.com/

 

You will find a lot of experienced developers will also agree that W3Schools is a poor resource for beginners to learn from. - I can also see on your profile there on the left your experience is stated as nothing, doesn't that slightly contradict your statement?

My friends are also learning from this site and they have good start. They are learning it without any help.

I highly recommend W3Schools. Also watch youtube tutorials on HTML. Visual tutorial is better than plain text.

Did the last two posters actually open the link I posed in my comment above?

 

W3Schools is hurting our industry, please stop promoting it's use as a learning tool when there are far better resources available.

 

There's a good reason that there is a very popular chrome plugin exists to automatically remove W3schools from Google search results

Find some ebooks, i am always comfortable using ebooks for my references

Thank you so much for the sharing this information, People are very helpful from your post thanks again and good work, Go Ahead

Did the last two posters actually open the link I posed in my comment above?

 

W3Schools is hurting our industry, please stop promoting it's use as a learning tool when there are far better resources available.

 

There's a good reason that there is a very popular chrome plugin exists to automatically remove W3schools from Google search results

 

Well, I am using W3schools now and I'd read your link about W3Schools, too bad heh. The problem is I can't affordable to learn from treehouse.com, so can you recommend another sources? well, I mean, free sources

I found the way I learnt html / css was by making something you want to make rather than following lots of guides on how to make a css drop down nav if you don't want to actually use one. Once you understand the basic rules of each, I suggest just getting stuck in. When I get stuck (as I often do) I use a search engine to find someone who has had the same issue and how they went about fixing it. Also dig into other sites source code to see how things are done, don't nick it but be inspired. Whatever you do make sure you actually understand what the code is doing - many designers fall into the framework trap when they end up becoming unstuck because something breaks and they don't know how to fix it.

 

As to the slamming of W3Schools - never tried any of their tutorials but I do find myself using their reference when I can't remember a tag.

https://developer.mozilla.org/en-US/ is a very good place to start. A million times better than W3 Schools and free!

 

http://www.css-tricks.com is also a great free resource.

 

It looks a bit overwhelming when you first visit but you can see the little nav on the left hand side titled Web Platform, that's where you want to begin.

Edited February 16, 201412 yr by rbrtsmith

Thanks Smith, by the way, I am searching a book or resources guide how to design mobile apps. Do u know any sources or books? thank you so much

I don't I'm afraid, We usually just make responsive web based apps that work very nicely on the mobile. Haven't made a native app before so can't suggest you a book on that sorry.

 

Personally I think web based is a good way to go especially if the budget is somewhat limited. For native apps they have to be coded both for Android and Ios + whatever platform you wish to support, this rises costs considerably. Obviously you have more limitations going web based - functions that require specific use of hardware like the camera etc.

 

If you are going to go the web app route then it would be good to learn a js MVC framework like Angular or Backbone.

Open w3schools.com, this is an online learning website. You must start-up from here by doing practicals if you face any problem just read the solution from the same site and resolve it. 2nd Google is here just put your all queries and while your practice you can research over there for help.

For the beginner w3schools.com is the best way to learn.

Set yourself a project, something to build and pour your enthusiasm into. When you are enthusiastic and passionate about something, that is when you will be meticulous and take care over what you are doing as opposed to just getting something done because you want to learn html.

 

Good luck!

The Missing Manual series was a fantastic resource when I started taking it from a hobby to a business. Don't know about anyone else, but I've always found it easier to learn from a book.

W3School website is very helpful any language.

and i am using this site.

I don't wanna seem like a Troll by keeping on bashing W3 Schools, but seriously guys, compared to some of the resources listed on this thread W3 Schools is pretty abysmal. Yes it can be handy for a quick reference, but as a learning tool it's far too out of date and poorly written. As a free resource check out Mozilla Dev Network. I promise you its a far better resource and W3 approved unlike W3 schools, which the W3 is very quick to disassociate itself with. Link: https://developer.mozilla.org/en-US/

 

If you are not convinced that w3schools is a poor place to learn from have a read of this http://webdesign.about.com/b/2011/04/06/i-had-no-idea.htm

Edited March 5, 201412 yr by rbrtsmith

What is the best way for a child to learn to count to 10?

 

The answer is practice.

 

The issue is not learning html the issues is where to go to learn and put into practice the skills you want to learn, my advice is youtube, w3 schools, code academy and forums like this one.

 

The trick is to implement advice and not give up, if something goes wrong, find the answer and if you cannot find the answer try something else.

Edited March 5, 201412 yr by Fuzzy Logic

does anyone know any good reads for PHP5?

Start with some interaction tutorial sites like codecademy, it helps understand all concept of HTML and there is many useful exercises.