@Justinhed What the video was first demonstrating was prototyping or wireframing. The purpose of wireframing is to develop a basic to advance design of the look and feel of a website. Once a wireframe is approved, then you can progress to creating a full website.
There are several tools you can use for wireframing.
- Photoshop or GIMP (OpenSource version of Photoshop)
- The Pencil Project
- PowerPoint StoryBoard.
- Old fashioned Pencil and paper
10 Free Wireframe Tools for Shoestring Budget Entrepreneurs
The 18 best wireframe tools
10 Free Wireframing Tools for Designers