Web Projects
To create these quizzes, I used HTML, Java Script, and CSS.
I created a multiple-choice trivia quiz about my home state of Texas. Until this project was assigned, I have been very familiar with creating and editing quizzes on the Canvas platform. While that method is certianly more user-friendly, it was enlightening to see how HTML and Java Script worked together to produce a similar quiz without using a learning management system. The class professor kindly gave us a quiz template which we then copied and customized. That method made it much easier to identify the specific elements of code we needed to focus on. In the HTML code, I changed the background color to be close to a yellow rose and added an image from the web of the Texas flag for visual interest. In the Java Script, I edited the first five questions and added five more. I also added two more correct answer captions with cowboy flair.
I made the drag n drop quiz a sorting activity based on musical instrument family groups. This activity could be useful to someone teaching elementary music education. The most challenging part of this process was learning how to use CSS. In theory, creating a set of formatting and design rules for a web page sounds easy. However, I found that learning the names for the parts of the page in CSS code I wanted to change was very time consuming. Formatting CSS is still not my favorite thing to do, but through this project I at least learned how.
For this drag n drop assignment, I modified the template code so that there would be four instruments in each column. So, I first replaced the names in the existing list code and then made sure the “box” numbers matched the correct column below. In the CSS file, I changed the font and color palete.