Web Design Class Day 2

1. What the heck is going on?

2. Web Tools

How do you find out information about a website such as its owner and host?

http://www.whois.net/

Reverse image search engine- find out where image came from and if others exist

http://www.tineye.com/

Wolfram Alpha “knowledge engine”

http://www.wolframalpha.com/tour/examples.html

Enter in a query or click on one of the icons on the main page

“Wayback Machine” Internet archive- see archived versions of webpages

http://archive.org/web/web.php

Page speed checker- see how fast a web page loads
https://developers.google.com/speed/pagespeed/insights

3. Interactive Online Timeline with JavaScript

You will create an interactive timeline that will be posted on your class page

Here is my example:

Click on your name below to get started. You will be filling out your own Google spreadsheet to create this timeline.

The most important pieces of information you must fill out include:

– Start Date- the date of the event (example, 7/9/2013, date must be in this format)

– Headline- briefly say what this event is (example, My birthday)

– Text- short description of what the event is (example, I was born today!)

– Media- link to photo or video you are using

When you are done, let me know, and I will show you how to publish your timeline and get the code to post it on your webpage.

Finn

Ellie

Sharice

Phil

Isidora

Phaidra

Nell

Rebecca

4. ThingLink

You will work with Thinglink to embed content in an image.

Here is an example I created for the Andrews Middle School mural.

To make your own:

Click here

First, click Join Now from the top right. You can choose to log in with Facebook or Twitter or just register for a new, free account with your email address and a password. If you don’t have an email address you can use one of mine.

You are now signed up! Time to find an image and plan your “Thinglink.”

A. Find an image. Suggestions: you and your family and/or friends, a city, a country, a band, a TV show, a movie, a person you admire, a historical figure, etc.

B. Think about other content to link in this photo- videos, other images, websites, audio, text. Keep all of this together and available so you have it ready when you begin to add the content to your image.

C. Once you have done that, click Create on the top right and starting creating your Thinglink.

D. To add content, just click anywhere on your photo once it is uploaded. You can then either add text or a link to another website, an image, an audio file, etc.

E. Let me know when you are done so we can grab the code or link to share on our class page.