What is the Code Behind the App/Site?
Make a Connection:
Coding is a lot like writing a story, each line needs to have a purpose and all lines together make a story. A program will use all the lines of code to create an end product with many different parts.
Show the “story” lines of code behind a simple website like Google landing page or your own school's website. Here are a few ways to introduce students to how html source code drives websites that they might know.
A. Two simple tutorial sites to guide you on how to easily view source code.
- How to view the HTML source code of a web page (simplified site merely showing how to access and view a website's source code from various browsers.
- How to Read Your Website Source Code and Why It's Important (this site is a little more complex as it discusses relevance of the types of data found in code such as meta tags for search/discovery purposes, analytics, backlinks, etc.)
B. Here is a Video Introduction on How to Examine the Source Code for Various Parts of a Website.
C. Below you can see how you can have students find the code that is driving basic elements of their own school site.