Quickstart to Web Design

August 18, 2016

In this tutorial, you will learn the basics of web design. By the end, you will have built a very simple website. This tutorial will be simple, concise, and feature the minimal amount of code and terminology needed to build a website.

A website is composed up two basic technologies, frequently mistaken as programming language: HTML & CSS. HTML is known as a markup language meaning it does not involve logic, and is simply meant for formatting text and displaying digital media such as images, and video. CSS is known as a stylesheet language, which is used to describe the style and design of the content that HTML provides such as background color, font-size, size of images, color of text, etc.

Table of Contents

  1. Setup the Dev Environment
  2. Coding with HTML
  3. Styling with CSS
  4. Finishing HTML
  5. Finishing CSS
  6. References

1. Setup the Dev Environment

Before you start building a website, you will need two tools: a web browser to test with (preferably Chrome or Firefox) and a code editor. Download, install, and open either Chrome or Firefox and one of the text editors.

Code Editors (Mac):

  1. Sublime Text
  2. Atom
  3. Komodo Edit

Code Editors (Windows):

  1. Sublime Text
  2. NotePad++


2. Coding

Read More