Building the Web

Over the course of eight weeks students discovered how to make the web their own.  Some web builders had prior knowledge of HTML (hypertext markup language) and CSS (cascading stylesheets), the languages of the web, but most were complete novices.

This class was different from most as we worked on one project the entire term.  In the second session we began planning out what our website would look like and what it would be about.  Every website was completely different!


For the first few sessions our sites didn’t look all that interesting, they had pictures and text, but when we were just using HTML all the content ran down the side of the page in a straight line.  Then we learned how to add CSS to style our HTML and things really began to take off.  With CSS we were able to tell content exactly where we wanted it to appear and we were able to even add colour and different fonts.

Because we were working on one large project and every website was unique, there was a lot of self-guided learning taking place for more advanced tasks.   Two students wanted to implement quizzes into their sites, but they both went about doing so in different ways.  The one used an external quiz site to create, then embed, his quizzes while the other coded his quizzes using Javascript.  Another student wanted to give users the ability to change the background colour of his website and used Javascript and buttons to accomplish this.

Apart from learning how to code for the web, we also learned how to use the web responsibly.  During a lesson on how to tell if information found online is true, the students were most interested in knowing how they could be good sources of factual information.  Through all of our sessions we endeavored to use only Creative Commons licensed content.

Creative Commons licensed works allow anyone to use the work without asking permission.  When you see the Creative Commons logo, you know permission has already been given.  We discussed the difference between photos that are Creative Commons licensed and photos that show up when you do a Google image search, which despite common perceptions are usually not free for anyone to use.

It was an amazing term and I am very excited to see what this creative bunch comes up with next.  Their websites can be remixed over to their individual Mozilla Thimble accounts or downloaded as .zip files.

Final Websites

Six Word Holiday Remix

Advertisements

Coming Soon: Maker Party Wellington

MakerBox is happy to announce that the venue for our Maker Party has been secured!  Please join us on September 13th at the Miramar Community Centre as we learn – and teach others – how to move beyond simply consuming the web to understanding and creating it with Mozilla’s Maker Party.

We are proud to be partnering with Mozilla to celebrate teaching and learning the web with Maker Party and we are not alone.  Through thousands of community-run events around the world, Maker Party unites educators, organizations and enthusiastic Internet users of all ages and skill levels.

MakerBox shares Mozilla’s belief that the web is a global public resource that’s integral to modern life: it shapes how we learn, how we connect and how we communicate. But many of us don’t understand its basic mechanics or what it means to be a citizen of the web. That’s why we’re supporting this global effort to teach web literacy through hands-on learning and making with Maker Party.

If you are not in Wellington, we still encourage you to attend a Maker Party event in your community. It’s a great chance to improve your knowledge of how the web works, while getting your hands dirty and having a little fun. Better yet, why not gather a few friends and throw a small event of your own.

We can’t wait to see what you’ll create!

makerparty_attendanevent_illustration2

Join the conversation on Twitter at #MakerPartyWGTN