Creating a Google Docs Form Quiz with Images

Google Docs is a great tool for many different applications. Within Google Docs you can text-based documents, presentations, spreadsheets, and forms. The form option allows user to easily create a quiz and then view the results. But there is a drawback: no photos. Here is how to change the code to allow for photos without ruining the integrity of the quiz (i.e. the form will still function correctly).

Things you will need for this tutorial:
-a Google account

How long this tutorial should take: this depends on your knowledge of html code and the length of your quiz. The first time I did it (I know very little html), I made a 40-question quiz, each question with an image and it took an hour. Hope that helps.

Step One: Create the Google Form Quiz


Go to http://docs.google.com. (To use Google Docs, you will need a google account. If you do not have one, click here. ) On the top left of the page select "New" then select "Form".



You now have a google form. Bravo. BOLD Do these next few steps attentively. Going back to fix mistakes after this step means starting over. Fill out the form (add a title and questions) then click "Save" in the upper right hand corner.

Now click the link at the bottom following this text "You can view the published form here:"
View the live form/quiz. Double check your quiz. Seriously. Going back to fix simple wording mistakes here is not fun!


Step Two: Obtaining the Code


After you have checked the quiz, go to "View" in your menu bar and select "View Source."


This will bring up a window of the html code. Select all of it and copy it. Paste it into a plain text editor or whatever you usually use to write code.


Step Three: Editing the Code


I'm supposing at this point that you have already selected you images and named them appropriately. If you don't know how to do this, see here. In your Google Docs html code, find the two lines of text that say something like this:

Between these two lines, insert your html image codes. When you have done this to all the questions that need images save the doc and open a preview.

Step Four: Upload the Site


How to upload to websites is also material for a different tutorial. If you don't know how to do this, click here.

Step Five: Check Quiz


Once your quiz has been uploaded, try taking it yourself. To view the results go to Google Docs and select your form from the list (it will be the same title as your quiz). If your results show, congrats, you've completed the task.



If not, sorry. If you don't want your results to be included in the data, simple delete the row containing your answers.



If you need to change any thing click on the form bar in the top menu and then "Edit form." However, please note that after doing this, you'll need to start over (unless you understand html).


Conclusion


Google Docs forms are a great way to skip a bunch of complex html code and have easy access to the data collected from the quiz (+ it's FREE). Hopefully, with the added bonus of images, your google form will fulfill all your quiz-making needs.

Further Info


View/take my "Questionnaire about Paper, Hotdogs, and Chili" here. If you need more info, I'm sorry. Like I said, I'm a novice. Try googling it. Because I am a novice, this information may not be correct or complete, sorry. Use this tutorial at your own risk of time.

Good luck!