How Websites are Made

Click to expand

For my explanatory diagram, I chose a topic near and dear to me — web development. Recently I’ve had a number of friends ask me to explain how websites are made, so I decided to use this project as a way to explore how I might explain websites—and how they can be accessed on the Internet—are created.

My explanatory diagram walks through an extremely simplified and non-technical explanation of a website’s basic structure: HTML, CSS, and JavaScript. As well as, what the typical web surfer sees and how those coded files get uploaded so that they’re accessible.

Overall, I found the diagram portion of our class to be the most challenging since it often required the most creativity and free-handed drawing. Although, I now have much deeper appreciation for the illustrated explanatory graphics I see in publications.