How To Build and Design A Website

HTML, CSS, Web Design, and Web Hosting


There are apps (like Dreamweaver and GoLive) and services (like Weebly and Squarespace) that allow novices to create beautiful web sites using a point-and-click WYSIWYG (What You See Is What You Get) editor, much like a word processor.

However, we won’t be using anything like that in this guide because those apps actually more cumbersome than typing out code (once you learn how to code). What’s more, building a website is more than just a technical challenge. You need to have a basic understanding (and appreciation) of good design even if you plan to have someone build a web site for you.


The HTML Guide is divided into five sections. Feel free to read the guide in sequential order or jump a head to the pages that interest.

NOTE: You don’t need to memorize all of this information in this guide in order to build a website. You can simply refer to this guide as needed. Nobody builds an awesome, complex website on their first attempt. So be patient with yourself and don’t be afraid to experiment and make mistakes.


This section covers some computer terminology you might need to know.

The “Hypertext Markup Language” is the code that is used to format a web page.

“Cascading Style Sheets” are a set of rules used to style the appearance of HTML elements.

Javascript is used to make webpages interactive, like moving elements around, or changing other attributes.

Web Design
HTML and CSS are nuts and bolts used to build a web site. But the rules of web design are more subjective in nature.

Web Hosting
This section explains how you can put your web site on the Internet for others to see.

Things You’ll Need

Close Window