Here is a tutorial on developing a website in html.
This tutorial is for beginners in html.
Part 1:
I recommend watching it in HD.
Feel free to leave feedback.
Re: Html website tutorial
Posted: Sun Feb 06, 2011 9:35 am
by DStudios
Here's part 2:
Re: Html website tutorial
Posted: Sun Feb 06, 2011 12:18 pm
by DStudios
Part 3:
Re: Html website tutorial
Posted: Fri Feb 11, 2011 10:08 pm
by DStudios
I will be recording another video soon.
Re: Html website tutorial
Posted: Sat Feb 12, 2011 8:36 am
by DStudios
I just recorded it, but now I have to re-record.
Re: Html website tutorial
Posted: Sat Feb 12, 2011 9:22 am
by k1net1k
Hey its good that you are making tutorials a couple of things i would add. (keeping in mind these are beginner tutorials) these comments of mine may be better for a 2nd tutorial series, or for slighly more advance newbies.
Keep content and style seperate. eg use <body> and then style the bgcolor with a css stylesheet. if you decide later that you didnt like your color you will have to go and change it on 5 pages or whatever. its also better from an accessibility standpoint (some people turn off styling, or have screen readers etc)
for menu's use <ul> you can style up the menu's with css, and you can even apply images and rollover effects using css. it keeps the html cleaner by not having style code in the html file. (eg makes it easier to debug later too because you are only dealing with semantic html, and then stlye in a seperate file, and its easy to switch css on/off) so many errors i see aren't anything wrong with HTML but with associated code trying to do fancy stuff.
add alt="Enter site" or whatever description to images too. not just for accessibility users, but tools like dreamweaver/frontpage will often prompt for these fields when inserting an image, and people dont understand what they are for.
not to mention that the pages will also validate on w3c
these things will help people to learn the correct way, instead of forming bad habits early on. you could explain both of these methods, and why one is better than the other.
Re: Html website tutorial
Posted: Sat Feb 12, 2011 11:36 pm
by DStudios
k1net1k wrote:Hey its good that you are making tutorials a couple of things i would add. (keeping in mind these are beginner tutorials) these comments of mine may be better for a 2nd tutorial series, or for slighly more advance newbies.
Keep content and style seperate. eg use <body> and then style the bgcolor with a css stylesheet. if you decide later that you didnt like your color you will have to go and change it on 5 pages or whatever. its also better from an accessibility standpoint (some people turn off styling, or have screen readers etc)
for menu's use <ul> you can style up the menu's with css, and you can even apply images and rollover effects using css. it keeps the html cleaner by not having style code in the html file. (eg makes it easier to debug later too because you are only dealing with semantic html, and then stlye in a seperate file, and its easy to switch css on/off) so many errors i see aren't anything wrong with HTML but with associated code trying to do fancy stuff.
add alt="Enter site" or whatever description to images too. not just for accessibility users, but tools like dreamweaver/frontpage will often prompt for these fields when inserting an image, and people dont understand what they are for.
not to mention that the pages will also validate on w3c
these things will help people to learn the correct way, instead of forming bad habits early on. you could explain both of these methods, and why one is better than the other.
a couple of things i would add. (keeping in mind these are beginner tutorials) these comments of mine may be better for a 2nd tutorial series, or for slighly more advance newbies.