Slides and materials were adapted from Girl Develop It's Intro to HTML/CSS curriculum. The updated curriculum is hosted at https://lilybarrett.github.io/gdi-featured-html-css-intro/#/.
This is a 2-part, 2-hour course.
Want to learn how to build your own website? Already have your own site and want to have more control over it? Interested in learning to program but want to start small? If you answered yes to any of the questions above, this course is for you!
This beginner course will guide you through the basics of HTML and CSS. By the end of the class, you will have developed a first version of your own website.
No previous experience is required.
- A free CodePen account
Introduction to HTML. What is it? Why does it matter? You will go through the basic history of HTML, including how it interacts with the browser and why that matters. Then you will discuss the layout of an HTML page, including html, body, head and nesting. Finally, you will go through many of the basic HTML elements. Students will begin to make a personal portfolio page with HTML elements and no styling.
Introduction to CSS. Colors? Styles? What? It's all true. And you thought we are going to make you live your life in black and white. You will go through most of the css styles, including font changes, layout, size, and color. You will show how to connect them to html selectors. The CSS file will be an external file. Students will add CSS styling to their portfolio.
This is a shortened version of the Girl Develop It Core HTML/CSS curriculum. It was developed through the contributions of Pamela Fox, Alexis Goldstein, Erin M. Kidwell, Izzy Johnston, and Jen Myers, and modified by Sylvia Pellicore.