Simple Development Workflow

Objectives: ‘Very’ High level view of HTML and CSS

Review a ‘Simple Development Workflow’ where we:

Quick Review

Terminal: Application to manage files

HTML: Hyper Text Markup Language

CSS: Cascading Stylesheets

Code snippets

terminal commands

basic html page

<!DOCTYPE html>

  <title>Page Title</title>
    .loud {
      color: red;


  <h1 class='loud'>This is a Heading</h1>
  <p>This is a paragraph.</p>


Linking the CSS file

in the wild

w3schools sample in browser

Example Template

Further Reading

Next Tutorial