Cultural Studies

Intro

What is culture?

Cultural institutions

CSS Recap

JavaScript and interactions

Outro

Cultural Studies

Welcome!


Intro


Plan for the day:



What is culture?


Culture is the set of visible and invisible relations between individuals of a similar group, as expressed through possessions, actions, location, speech, etc. in order to create and sustain shared meaning.


aka telling a collective story with beliefs, practices and objects.


The difference between cultures is not hierarchical.


cultural studies is a field that studies cultural production and consumption in order to study the systems of power within a given group of people.


Culture is made up of more or less tangible objects, and every cultural object is:


Cultural institutions


Museums as cultural institutions.

Japan first encountered Western museum institutions when it participated in Europe's World's Fairs in the 1860s. The British Museum was described by one of their delegates as a 'hakubutsukan', a 'house of extensive things' – this would eventually become accepted as the equivalent word for 'museum' in Japan and China.

Why do we put seemingly disparate objects in a special building?


Museums preserve, research and communicate arts and culture.

By providing access to original works, by providing context to these works, and possibly duplicates of those works.


Everyday life as a cultural institution:


CSS Recap


Cascading Style Sheets are lists of rules on how to format an HTML document

<div class="container">
<p> a great digital museum is 
<a href="https://archive.org">the internet archive</a>
</p>
</div>

classes allow us to target specific HTML elements.

flexbox allows us to do elaborate layouts when fitting boxes within boxes.


JavaScript and interactions


the third component of the Web is JavaScript, and it adds interactivity


Variables allow us to save data and then re-use it later.

For example, we can save the value "detailed" in the variable viewMode:

let viewMode = "detailed"

Notice that we use double-quotes to specify a text value. If we want to store a number value:

let zoomLevel = 3

And we can even store whole HTML elements!

let containerElement = document.getElementById("container")

Functions describes a series of actions that should be taken at once. They can have inputs (arguments) and outputs (returns).

As a rule of thumb, anything that has a () is a function (like the getElementById above, with the argument "container").

function greetUser(username) {
    let fullGreeting = "Hello, " + username + "!"
    console.log(fullGreeting)
}

greetUser("Sam")


Exercise:

Make a button which toggles the visibility of some content on your HTML page (it could be an image, or some text).


Outro

Culture is a shared reality that link people together. It is embodied in tangible and intangible objects, which can be analyzed through how they are made, how they are presented, and how they are used.

Homework: