Enough words, show me action!

That's it for this tutorial on the basics of HTML and CSS. Next we'll apply what we've learned and try to build a site from scratch.

We will be trying to recreate this dummy portfolio site: http://graphics.union.rpi.edu/webworkshop/finished-site

Please download the required files to get started: http://graphics.union.rpi.edu/webworkshop/workshop.zip.

Acknowledgement

Some organization ideas and code examples in the HTML portion of the tutorial borrowed from WDSF: http://www.webdesignfromscratch.com/

• 0: Introduction
• 1: Pages are made of HTML
• 2: What software do you need to make HTML pages?
• 3: HTML tags
• 4: Standalone tags
• 5: Tags have attributes
• 6: Other common HTML tags
• 7: A closer look: <h1>...</h1> (headings)
• 8: A closer look: <p>...</p> (paragraphs)

• 9: A closer look: <div>...</div>
• 10: Introducing HTML lists
• 11: Unordered lists: <ul>...</ul>
• 12: Ordered lists: <ol>...</ol>
• 13: Definition lists: <dl>...</dl>
• 14: Nesting lists
• 15: Enough already, let's make a page!
• 16: Saving HTML pages
• 17: Special case: index.html
• 18: What about links?
• 19: The anchor tag: <a>...</a>

• 20: CSS: Give your page some style
• 21: Applying rules to specific tags
• 22: Id: another selector
• 23: Apply styles on hover: the pseudo-class selector
• 24: Apply styles to elements within elements
• 25: Multiple rules per style
• 26: Linking a stylesheet to an HTML page
• 27: Enough words, show me action!