These are the slides and practice files for the Triangle Techgirlz HTML/CSS workshop. They were developed by Sylvia Richardson, based on the official Girl Develop It Core HTML/CSS curriculum.
This is a one-day, four-hour workshop. Each of the slides and practice files are customizable according to the needs of a given class or audience.
This workshop covers
- The basics of HTML, including tags
- The layout of a simple HTML page
- The differences between HTML and CSS
- How to use CSS to customize page styles
You can change theme colors by changing the theme css to any of the following options:
<link rel="stylesheet" href="css/theme/gdidefault.css" id="theme">
<link rel="stylesheet" href="css/theme/gdilight.css" id="theme">
<link rel="stylesheet" href="css/theme/gdisunny.css" id="theme">
<link rel="stylesheet" href="css/theme/gdicool.css" id="theme">You can change the text editor theme by changing the highlight.js css to the following options:
<link rel="stylesheet" href="lib/css/dark.css">
<link rel="stylesheet" href="lib/css/light.css">You can change transition by changing the reveal transition property in Reveal.initialize
Reveal.initialize({
transition: 'default', // default/cube/page/concave/zoom/linear/none
});