Everything Is a “Web Page”
Let’s Start With the Internet
#When Was the Internet Invented?
#
1969 or 1989?
1969!
Before this time, the term

By the 1960s, computers were room-sized, institutional electronic machines–used by governments (the military), businesses, and universities. They were used to solve complex math problems and sort data, but were still very slow and didn’t communicate with one another.

A catalyst in the formation of the internet was the Cold War. The threat of nuclear conflict spurred the US Defense Department to consider decentralized and distributed networks—to disseminate orders and information in the event of an attack (and ultimately, for retaliation).

It was necessary to have a strategic system that could withstand a first attack and then be able to return the favor in kind.
The problem was that we didn’t have a survivable communications system, and so Soviet missiles aimed at US missiles would take out the entire [system] that was highly centralized.
Well, then, let’s not make it centralized. Let’s spread it out so that we can have other paths to get around the damage.

By 1969, computer nodes connected the Stanford Research Institute, UCLA, UCSB and the University of Utah—developed by the Defense Department’s
Over the following decade, ARPANET would grow to include other cities in the US. It had its first expansion outside the States in 1973, with connections to the UK and Norway. Slowly, similar commercial and academic networks were developing alongside, each with their own communication protocols.

In 1974, Robert Kahn and Vinton Cerf (two ARPA scientists) developed the

What About the Web?
#When Was the Web Invented?
#
1969 or 1989?
1989!

Tim Berners-Lee, a British academic and scientist, invented the
Their proposal had four components:
-
A text file format to represent the documents: the
HyperText Markup Language (HTML) -
The rules for exchanging these documents: the
HyperText Transfer Protocol (HTTP) -
A program to display (and edit) these documents: the first
web browser (called WorldWideWeb) -
Software that gives access to the documents: the
server



By 1991, the first web page was up and running and the web began to take off.


The 1990s then saw more-affordable home computers bring internet access to many more people—escaping the government (military), business, and university settings it had been siloed in before. Early web browsers like Mosaic and Netscape (1993) helped evolve what was possible online—adding color, images, and interactivity.
And the web exploded from there.





The dream behind the Web is of a common information space in which we communicate by sharing information.
Its universality is essential: the fact that a hypertext link can point to anything, be it personal, local or global, be it draft or highly polished.
So What Are Web Pages?
#Obviously,
Ultimately, a web page is a just text file on a computer. It is written in a special format, the aforementioned HTML, which structures the content of the document and also links it to other resources—other web pages, images, computers, really almost anything. Think of the web as
These all started as simple, hand-typed documents. Then as the power of computers grew, and the languages of the web evolved alongside—web pages expanded almost inconceivably in complexity and capabilities.




It all starts with text, and thus, with type.
An Ever-Present Visual Medium
#If you’re looking at a glowing, 16:9 rectangle somewhere (and it isn’t just playing video), nowadays it is very likely a web page—built with the exact same HTML, CSS, and JS–web technologies—that are behind this page, and every other.
In its openness, connectedness, and ubiquity, the web has come to dominate over other forms of technology. Its advantages in compatibility, cost, scale, and inertia are continuing to snowball, and the advance of these web technologies shows no sign of slowing down. It is the water that we are swimming in, both as humans and as designers.
And in that latter role, we’ll need to learn how to swim. Our path into
Most people make the mistake of thinking design is what it looks like. People think it’s this veneer—that the designers are handed this box and told, “Make it look good!”
That’s not what we think design is. It’s not just what it looks like and feels like. Design is how it works.
These Days, Apps Are Often Web Pages Too
#
All these desktop “apps” are built in Electron—and so are really just web pages inside a slim, platform-native wrapper. (Essentially, a single-website browser!)
The core application only has to be written once, instead of rewritten for each platform. And why design it all again? (Designers are expensive!) Why hire Windows and Mac devs when you can just hire web devs? …then why hire iOS or Android devs, either? (Developers are even more expensive!) So many companies take approach, for cross-platform development.

The app is really just a
It’s Increasingly Just JS, Behind the Scenes
#JavaScript began as a client-side (on your computer), front-end language running in the browser. But now with runtime environments like Node.js, Deno, and Bun, JS has moved to server-side (on the remote computer) functionality previously dominated by scripting languages like ASP, Perl, PHP, and Ruby.
This means that JavaScript doesn’t just run
This “JavaScript everywhere” movement means that the tendrils of the web can encompass many non-web-page uses. Maybe it is in an app, maybe a headless data API, maybe a hardware integration, maybe it is even something entirely
Even Things That Aren’t Web Pages Are Web-Page-Like
#In the coming year we are going to dive properly into HTML, CSS, and JS–the
Let’s try to also think of these—more conceptually and semantically—as
With this understanding, the same model exists in nearly all software. (For example,
Our Lens
#Learning good, effective design in any medium necessitates knowing it thoroughly and completely, and we’re going strive to do that by truly understanding the web. It is fundamentally a medium of text, and thus a medium of typography—and this semester we will use that as our lens.
In your careers, the software, languages, and platforms might be different, and to some extent, are ever-changing–but the design ideas and considerations are analogous and universal. To understand design for the web is to understand interactive design. And in our lives today, to understand interactive design is to understand all design.
All I know is that if you are a fish, it is hard to describe water, much less to ask if water is necessary, ethical, and structured the way it ought to be.
A hat-tip to friend-of-the-program Tuan on this lecture.