HTML and CSS Tutorials
Back when I was Webmaster at Case Western Reserve University, I had the opportunity to cross-train some of our writers in HTML, so that they could post press releases online. As part of that project I created some training guides with homework assignments so they could teach themselves how to build a simple page in a plain text editor as a way of becoming more familiar with the code.
These are not comprehensive guides, but if you are looking to learn more about HTML and CSS they should offer you some tips to get you started. (Hint: you can cheat and get some answers by looking at lesson 2 as you are completing your homework assignment for lesson 1.) In addition to the tutorials I've also included some related tips and tricks to give you additional ideas for your projects.
Basic getting started tutorials
- I’m not going to teach you XHTML/HTML, but you should learn it anyway
- I’m not going to teach you XHTML/HTML: Homework Review
- I’m not going to teach you CSS: Lesson 1
- I’m not going to teach you CSS: Lesson 2
Tips and Tricks
- 5 Tips to ensure your readers can read your HTML e-mail messages
- Afraid of outbound links? Don’t be.
- Converting Word documents to HTML
- CSS Tip: Positioning photos with floats
- Don’t say “click here.” Include your links in context.
- Embedding YouTube Videos the Standards Compliant Way—SFWobject 2.0
- How browsable is your blog? (WordPress and Movable Type tips for enhanced navigation)
- Should you or should you not have links open in a new window/tab?
- Web File Organization and Naming Conventions
Doing things right: standards and related references
- An Introduction to Web Standards
- Making sense of semantic HTML: an introduction for clients and new Web designers
- Using CSS to deliver Web content to different media types (note this article is older, you should do additional research on this as many things have evolved since then including different methods for mobile support.)
- Testing Web sites with multiple browser versions