Intro Actvities

Welcome to the shiny new computing portion of L&T! Hope you like HTML (and if not, that you like learning new skills). Hypertext Markup Language (HTML) is used to create websites, and is quite easy to learn. Through these activities, you'll learn enough to make your own website and create a network of sites in your classroom.

Make sure you register for a JSBin account using your bard email address.

Then try clicking on the button on the top right of the screen, where it says "Edit in JS Bin"! It should look like this:

Once you click on it, you can edit code on the left side of the screen, and view the output on the right side. If you want to save your changes, select File and then Clone. This will create a new copy that you can change and save. Try changing the HTML code on the left side, and see what happens.

There will be a light blue box covering the top of the screen the first time you use jsbin. You can close out of this, and you'll have more space to look at the code and output.

In Google Chrome, you can right-click on the page and select "view page source" to see the code behind any website. A great example for trying this out is A Vernacular Web by Olia Lialina. How do the links work? What makes the title larger than the paragraphs below it? On the second page, how does she make the gifs and images show up?

Check out this page on HTML tags for some explanation of the syntax used in HTML.

Activities

If you're getting stuck, check out these additional resources:

W3 Schools - They have lots of information about additional tags we haven't addressed here.
Code Academy - A great resource for learning HTML, CSS, python, ruby, and lots of other programming languages.
HTML Dog - Useful intermediate lessons.

For some more Web 1.0 websites, check out this list of 23 Web Sites that haven't changed since the 90's.

Linking Language and Thinking with Code

Activities