Please review this Tutorial

Hello Everyone,

I have written a tutorial of CSS. Please see the tutorial in this location:

http://www.allaboutwebsite.com/css/chapters.htm

Tell me your suggestions like what should I add to make it look more good. Please PM me your suggestions.

Thank You

 

I'd suggest you fix your validation first

 

No offense, but the site itself looks awful. I wouldn't feel comfortable learning CSS from a site that looks like the developer didn't know how to use CSS themselves.

Besides that, your tutorial is adequate for a noob. I would include examples of the styles after each code snippet, so the user can see how they are applied.

 

You should validate yur page, and tihs tutorial is just for noobs.

 

I suggest finding a nice template on the web. And just move your content on it. Maybe much better.

 

While the content is good enough, you may need a little bit spice for the template. Not bells and whistles just make it fresh, simple and professional.

Also a suggestion, there's plenty of really good learning materials of CSS out there which are free, I'd not try to sell a product in such a narrow and competitive market. Think again.

 

Like everyone I also suggest you to change your web design. Talking about the tutorial, it's pretty simple, same stuff you can finde in w3cshcool. My suggestion would be that you need to write more complex tutorial that way it would be usefull for more people.

 

Alright, constructive criticism here.
One, do not get a template off of the web. You are positioning yourself as a someone who knows CSS, your site is the ideal place to show proficiency. Being for beginners is fine (who do you think buys books? experienced people will figure it out for themselves or search the web). Here's some detailed suggestions.

1) Use a doctype. That's basic, lots of things will not work as expected without one.
2) Fix the CSS error (validate it and it will point directly to the error). Fix the 5 HTML errors listed from the HTML validator. HTML validator > http://validator.w3.org/ CSS >http://jigsaw.w3.org/css-validator/
3) Ditch the heavy color scheme. The homepage at allaboutwebsite.com is much cleaner and looks more professional. Try to follow it with the page you have laid out.
4) Tighten up the flow for the page. I would start with using a bgcolor (pick one color, the blue bg used in the page would do nicely). Wrap the page with a fixed width and white bg then center it to the page. Lower the header, nav menu to the page content. All of that should be in a container. Lose most of the colors for the content.
4a) Get a graphic header for the page. Or at the least increase the font size and use some padding or text-indent.
5) The paragraphs have too much space and the headers lack anything to make them stand out. Headers in the page should be a little bigger.
6) Setup a style definition for the code sections. There's a CODE tag just for this reason.
7) Add a lot more content to the chapter. It's more like a page than a chapter. Since you picked links, might want to at least touch on link specificity.
8) Add demos with more examples.
9) Keep at it.
10) Learn to use a P tag. Stop with the BRs.
11) Ditch the table for the navigation menu. Use a list. Each link as a list-item is the preferred way to handle it.

 

it is showing 404 error.

 

Hello Everyone,

Please see this link to review tht tutorial:

http://www.css.allaboutwebsite.com/chapters.htm

Now please tell me your suggestions.

Thank You

 

aww. my eyes got struck by the colors! can't take a look longer that 10 secs.