*This is not your typical tutorial. I am creating this as a creative for creatives. If you want a full tutorial I would recommend purchasing Visual Quickstart Guide DHTML and CSS by Jason Cranford Teague (Publisher: Peachpit Press). This book is great for beginners. Also, there are many great tutorials online by just searching for them.

One motto I keep saying is, “The more I know, the less I know,” which stands true for most things in life. When setting up my circulum, there are obvious constants that I know I will be implimenting into my teaching.

1. Basic structrure of the page.
2. What a meta tag is and how it works.
3. Using titles and attributes.
4. Tags, naming conventions and appropriate uses.
5. Hierarchy in the page layout.
6. How to implement content correctly.
7. Using images and the different image types.
8. The wrong way to write code.
9. The right way to write code.
10. Using an FTP program.
11. Publishing the finished page online.
12. Checking for browser compatibility issues.
13. Linking and the good / bad aspects of such.
14. Proper design and navigation.
15. Explaining how content is king (over design).
16. How proper design works on the internet.

There are many more to add to this list, although this is a good start. As I progress I will create more posts on this subject, journaling my progress as well as my “students”. I always learn when teaching others, so this will be a great experience. Wish me luck!

Necessary ‘cheat sheets’;

• HTML Cheat Sheet
• CSS Cheat Sheet

The best resource for learning html, css and any other web syntax and knowledge.

• World Wide Web Consortium (w3c.org)

To read part 2, click here: Teaching HTML and CSS [2]

Tags: cheatsheet, content, css, css cheat sheet, design, ftp, html, html cheat sheet, internet, meta, meta tag, syntax, w3c.org, web development, world wide web consortium