Html website tutorial

DStudios · Post by **DStudios** » Sat Feb 05, 2011 11:59 pm

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.

DStudios · Post by **DStudios** » Sun Feb 06, 2011 9:35 am

Here's part 2:

DStudios · Post by **DStudios** » Sun Feb 06, 2011 12:18 pm

Part 3:

DStudios · Post by **DStudios** » Fri Feb 11, 2011 10:08 pm

I will be recording another video soon.

DStudios · Post by **DStudios** » Sat Feb 12, 2011 8:36 am

I just recorded it, but now I have to re-record.

k1net1k · Post by **k1net1k** » Sat Feb 12, 2011 9:22 am

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.

DStudios · Post by **DStudios** » Sat Feb 12, 2011 11:36 pm

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.

thanks for the reply.

Elysian Shadows

Html website tutorial

Html website tutorial

Re: Html website tutorial

Re: Html website tutorial

Re: Html website tutorial

Re: Html website tutorial

Re: Html website tutorial

Re: Html website tutorial