Posted in 1.1 Creating, 1.2 Using, 2.1 Creating, 3.1 Creating, 3.2 Using, 3.5 Ethics

WebQuest: Logos

This WebQuest follows the model developed by Bernie Dodge and Tom March. It is used to explore the design process in developing logos. The quest guides students through gathering information, brainstorming, refining, and delivery.

For the HTML portion of the program, I opted to use a home-grown template. I had issues with some of the other pages I made from pre-made templates. When working with a template, there is a lot of time spent getting familiar with the code and how it works. Sometimes it takes you a while to figure out the template isn’t going to work for what you wanted it for. So to spare myself all that time and energy, I wrote the code myself. I am happy with the results. The site is flexible, has responsive elements, and looks good.

Take a look…

Advertisements
Posted in 1.1 Creating, 1.2 Using, 2.1 Creating, 3.1 Creating, 3.2 Using, 3.5 Ethics

Tour the SHS Wood Shop

This EDTECH 502 assignment expanded on the HTML/CSS skills learned so far in the course. The main requirement is to be a multi-paged website that uses consistent navigation and styles. I chose to use Bootstrap again, like I did last week with the Wood Types M-Learning Activity. This week though I did run into coding issues with the templates. When working with templates, this is a common problem to come across. I opted early on to make a fresh start which corrected the problem but I still wasted a lot of time troubleshooting. I overcame the coding issues and was able to focus o the virtual field trip around the wood shop. Going in the order the students are introduced to the machinery, the virtual field trip visits most machines in the shop. There is plenty of room for growth down the road when I want to add machines.

Check it out…

Posted in 1.1 Creating, 1.2 Using, 2.1 Creating, 3.5 Ethics

Concept/ Image Map

Using my Graphic Arts syllabus, I created a concept map that lays out the highlights of the course. I created this image in Photoshop and used Dreamweaver to create the image map. I envision the page being used on day 1 to give students a chance to explore what to expect.

I found this an interesting assignment. Having been in web development for so long, I feel like an image map is so 2002 and haven’t really thought about them since then. What was interesting was applying this very easy technique in creating a valuable learning tool that doesn’t feel like 2002. Go image maps!

Posted in 1.1 Creating, 1.2 Using, 1.5 Ethics, 2.1 Creating, 2.5 Ethics, 3.5 Ethics, 3.6 Diversity of Learners, 4.5 Ethics

Scavenger Hunt

For this EDTECH 502 assignment, we created an online scavenger hunt for information on copyright and fair use. The concepts of copyright and fair use is huge for teachers as we are always looking for free/cheap stuff. More often than not, we are all guilty of hitting the web for an image to do a quick job. This unit had us exploring what is ok to use, what isn’t, and how to give credit.

I will definitly be using this artifact in my graphics and video game design courses. Currently a lot of what we use falls under the fair use rules but there is also a lot that do not and we do wrong. I appreciate learning about this topic and I believe my students will too.

Posted in 1.1 Creating, 1.2 Using, 1.5 Ethics, 2.1 Creating, 2.5 Ethics, 3.5 Ethics, 3.6 Diversity of Learners, 4.5 Ethics

Web Accessibility

For this EDTECH502 assignment, we were tasked with researching and creating a web page about web accessibility. This is an area of web development that I am passionate about. While I have compassion and understanding for those with disabilities, my passion is more on the development side. Having worked for years with some of the top web developers in the area, I was frequently surprised at how NON-compliant the code would be. It is often easier and quicker to cut corners and skip accessibility guidelines but in my opinion, that just makes your code sloppy and unprofessional.

The assignment was pretty straightforward. For the HTML portion of the lesson, we worked on links, both external and internal as well as the CSS styling of links. Of course I put just a smidgin extra in and built a CSS nav.. but it was truly just a smidgin.

You can check out my web accessibility page here.