Learn to code HTML 5 with CSS 3. These videos are supplemental to classroom instruction and hands-on practice. While you can learn to code from them, they do not show the full power of HTML 5 & CSS 3. These videos use Aptana to develop the webpages, however you could also code in Eclipse using the Web Tools plugins and your screen would look the same. Also see http://gw.mvctc.com/Goodall/HTML/
This video covers workspace, projects, and shortcut keys. Aptana Studio is a free software for coding web pages. It is very similar to Eclipse if you have experience with Eclipse.
This episode introduces a basic structure for web sites. Not every website is identical in structure or nature, but this gives you the basics of beginning to plan the structure of your web site.
In this video, you will learn to add headings, lists, and horizontal rules (lines) to a web page. It's still not pretty, as we're working on structure.
This video briefly covers color theory, then using inline and internal style commands to change color. It introduces the structure of inline and embedded selectors, including sibling and parent-child arrangements.
**To create an EXTERNAL stylesheet for your entire site, take all the codes inside your <style> tags, and paste them into a new text file, with the suffix of .css instead of .html. Do not include the <style></style> tags. Connect the stylesheet to your webpage using a <link> tag. That's it.. one file controls your entire website!**
Learn about how each item on your page is a building block, and how those blocks can be adjusted and positioned to style your page. Video includes inserting images and a simple 2 column layout design.