A Designer’s Intro to HTML and CSS

 

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

 
 
 
 

Reviews

  • 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.
  • 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.
  • Good stuff. It does crack me up when he says "Make sure I spelled that right". Check out out reipes. :)