This class is an introduction to web development with HTML and CSS. No background is presupposed. I will send PMs via UReddit with updates and links to the material will be posted to this subreddit.
Please note that this is not a technical rundown of HTML tags and CSS rules, nor is it a series of code examples followed by explanations as neither of those expositions is conducive to learning. The purpose of the material written for this class is to communicate the motivations, principles, and mechanics underlying the design and use of HTML and CSS in developing a website. It is aimed at absolute beginners with the goal of teaching general skills that can be applied to novel tasks rather than explaining "how to do X" for any particular X.
First, we will introduce the concept of how to begin composing a website and see the motivations for the design of HTML and CSS.
Here we will briefly introduce HTML, tags, block versus inline elements, lists, links, and so on.
In this lecture we will introduce CSS and how it integrates with HTML in order to begin to learn how to style HTML elements.
- Advanced CSS
We introduce slightly more advanced CSS and its uses in positioning HTML elements using the
- An Example
Finally, we will synthesize the ways of thinking introduced thus far and return to the analysis we made in the first lecture, but this time adding basic code.
I created the website which you are currently viewing.