History of the Beatles

Beatles



THE BEATLES QUIZ: I teach a History of Beatles class for Rutgers University. The material for this quiz was pulled from that. This project gave me a taste of the potential of more dynamic quizzes as well as my entry into coding. Here are the changes:

Changed the background color to blue body Created a title, centered it, changed to red and made bigger. Added an image linked from my own website and centered it. Created new heading above the quiz and changed color to red. Changed text in quiz to pertinent questions making sure numbers of questions and answers align with each other and added 5 more questions as per the instructions provided. Uploaded file to Inmotion Hosting, the host I use for my own website Smithsonarts.com.

The Beatles Pop Quiz

Solution:

Your response:


Start Over Cheat Mode


Drag and Drop Quiz

Members of Miles Davis' Bands

Drag-n-drop members of various Miles Davis bands from the column into the appropriate band box. Each box can contain only 3 items.

Musicians

  • Ron Carter
  • Philly Joe Jones
  • John Coltrane
  • Herbie Hancock
  • Dave Holland
  • Chick Corea
  • Jack Dejohnette
  • Paul Chambers
  • Tony Williams
  • Kenny Clarke
  • JJ Johnson
  • Sonny Rollins

Early Bands

1st Great Quartet

2nd Great Quartet

    Bitches Brew Band



        THE MLES DAVIS DRAG AND DROP QUIZ:

        This project was developed out of my Jazz History courses. This really was my first taste of coding with CSS and I find it incredibly dynamic and intriguing. It was a challenge but well worth the effort. Drag and drop project change:

        HTML Changes Retitled to “Members of Miles Davis’ Bands.” Changed all choices to names of musicians. Changed drop boxes to names of bands. Cleared out all class=”” code. Added an extra box to the beginning of the boxes. Added 3 more choices of musicians. Verified all numbers in code lined up with correct boxes.
        Javascript Changes Changed this line from true to false: var indicate Destionation ByUseOfArrow = false; // Display arrow to indicate where object will be dropped(false = use rectangle) CSS Changes Changed color to #8d8f86 Changed font to Cambria Changed background color of boxes to #0d9e25 Changed Drag and Drop Container width to 1000 px. Moved 4th box to end of boxes (790px) Shortened container box with draggable choices. (300px) I ended up using Adobe Dreamweaver as I am familiar with the interface. Uploaded to my Inmotion hosting account for my website.