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
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):
- Sublime Text
- Atom
- Komodo Edit
Code Editors (Windows):
- Sublime Text
- NotePad++