Elm City Webmakers had a fun Day 2 at #tech4teens camp in #nhv.

The Elm City Webmakers met as part of the Center for Adaptive Learning #Tech4teens camp. We had participants from all over the globe. Today we decided to open the doorway and peak at the code that makes website happen.

The class began with a review of our expectations of conduct. We will work on a code of conduct with students but I basically paraphrased the IndieWeb Code of Conduct for a middle school audience.

Doorway to the World

We first spent time learning that images on the web are really links to files and work just like a any website address. Students had an entrance challenge of finding their “doorway to the world.”


“Door” by PMillera4 is licensed under CC BY-NC-ND

We spent some time first talking about the difference between literal and figurative language. We shared examples of literal definitions of doorway and then figurative and metaphorical. Diallo, for example share a cool image of an eye because his “eyes are doorways into the world”

flaming eyball
Lateralus, by TOOL –

This lead us into a discussion about how they as students need to remember learning is an embodied experience and they will need to seek ways to get their body involved in remote learning.

Using Openly Licensed Images

Next we talked about image attribution and Creative Commons. We discussed how artist openly share their work and how they may copyright work.

We then learned how to use the Creative Commons search engine and Flickr to download an image. In a teachable moment a student shared an image that an artist had disabled downloading. We reviewed how to use the search engine again but we got a chance to discuss why an artist may or may not want to share their work.

Next we practiced uploading images to Google Docs. Soon everyone will have their own websites but we also want to ensure students have good Google App (I know it it is Suite now but saying Google Suite skills…..no thank you) skills for when they return to school.

After that we returned to our meme making project. Using a wipe board (low tech matters more than ever now that its high tech all the time) I reviewed HTML elements of Headings and Images. We discussed the difference between styling and HTML and why it is important to use headings correctly.

Making Memes

I then gave myself a two minute challenge to publish a Meme. We went back to Google Images for these and searched for blank memes.

Then we got into breakout rooms. Account creation eats time, admin stuff takes away from learning in the face to face and the online classroom. In the classroom, however the students are not as exposed to the stress.

Will be asking mentors for ideas on making account creation easier. It is usually something that only happens once, still you can lose important early engagement. It can also scare students off, so do a few dry runs of account creation before working with students. Need to remember that.

Our campers made some great memes. We will keep posting more below as they get finished up.

https://glimmer-kiwi-sort.glitch.me/

https://inexpensive-azure-existence.glitch.me/

If you would like to learn more about supporting tech-4-teens we always need more mentors, donations, or light to moderate technical support (CPanel installs, OwnCloud or NextCloud, Wikis, WordPress). Visit Concepts for Adaptive Learning for donation and volunteer opportunities.

Leave a Reply

Your email address will not be published. Required fields are marked *