A Designer’s Intro to HTML and CSS


A Designer’s Intro to HTML and CSS


Class Description

Learn to take more control over your web designs by learning a few core concepts in HTML and CSS. With a handful of HTML tags, and some basic CSS properties, you’ll be able to share styles with web developers, and insure the integrity of your design’s translation to the browser.

And the best part is, you already know the basics! Think of HTML as “content and structure” (think pages, graphic/text boxes, text), and CSS as “style and layout” (think paragraph, character, and object styles). What’s more, we’ll learn to gather CSS properties directly from Adobe Photoshop or Bohemian Sketch, and apply them directly to our own CSS file.

What you’ll learn:
  • What is HTML and CSS, exactly?
  • Basic HTML tags and how to write them
  • Choosing a text editor for HTML and CSS
  • Where can I put my CSS rules?
  • Using graphics with HTML using CSS
  • Gathering CSS properties from Adobe Photoshop and Bohemian Sketch
  • What role does JavaScript plays with HTML and CSS

Software Used: Panic Coda 2017



Awesome. So simple and very informative if you are slightly aware of HTML and CSS but aren't sure about using them to construct a page. If you have been relying on templates to build your site and dabbled with a little code to improve them....this class will take you much further. If you've relied on templates and have been frustrated by the limitations of them then this class will help you being to understand how web pages actually work. If you're wanting to take more control over your pages then this is the class to start with! Can't wait to to take his other classes. Super easy to follow and very informative!


I appreciated Chris' direct approach and simple explanations. I've been developing and teaching website development for 20+ years, and enjoyed his pacing and resources. This was a solid, straight-forward introduction for new designers.

Chelsea Davis

Great course if you don't know much about HTML and CSS. If you know the basics then I'd skip this one and watch "Creating Your First Web Page (with code!)" because that class is more advanced for designers.