HTML (Hypertext Markup Language) is a markup language used to create and organize the content of a website. CSS (Cascading Style Sheets) is a language used for design and layout. Together, these languages form the foundation of what one needs to know to create websites that are useful and well-designed.
By the end of this workshop, participants will:
- Familiarize themselves with the anatomy of a webpage and how the Internet works.
- Understand the basics of the HTML and CSS markup languages.
- Use HTML, CSS, and a text editor to build a small website.
Introduction
Opening Activity
Basic Template for HTML
Tags and Elements
Paragraphs and Headings
Links
Images
Conventions
Challenge: Create an Institute Website
CSS Basics
Integrating CSS and HTML
Rule Sets
Filtering
Classes and IDs
Useful properties
Challenge: Styling Your Institute Website with CSS
Troubleshooting
Workshop Summary
Making your Website Public
Resources
Session Leader for DHRI South Bend (May 2019): Amy Cavender
Based on previous work by Kristen Hackett, Patrick Sweeney, and Patrick Smyth
Digital Research Institute (DRI) Curriculum by Graduate Center Digital Initiatives is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License. Based on a work at https://github.com/DHRI-Curriculum. When sharing this material or derivative works, preserve this paragraph, changing only the title of the derivative work, or provide comparable attribution.