Web Design Election Fun #webdesign #busedu

So, after the debates last night, I felt compelled to create an "Election 2016" activity for my Web Design kiddos. I figured I'd share it with you.

I believe it is important that students learn to think critically, especially in web design. So, for this activity, I had them copy a folder (this folder if you'd like to use the activity) with images and an html file inside.

I provided a screenshot inside and they were to try to make the html file match the screenshot. The html file was riddled with errors. And, the images were not all "ready" to be used, so they had to resize some of them, remove backgrounds and "know" to change them to PNG files for transparency, etc.). The heading image, for example, was way too big. And, they had to look at the image below it and use it as a reference to know how big to resize it to be. Lots of thinking! Finding all of the coding errors first was also important... looking for misspelled words, missing quotation marks, missing file extensions, etc., and having to review the contents of the folder were all good skills to help them to be better coders.

This was completed at the end of Unit G if you have used my new Web Design curriculum resource.

Fun stuff! And most of them got it done in a class period (not all... a good chunk were pretty close though!).