Results 1 to 3 of 3
Thread: My HTML Quiz
Jul 26, 2012, 06:38 #1
- Join Date
- May 2012
- Norway :)
- 0 Post(s)
- 0 Thread(s)
My HTML Quiz
I have made a html/css learning quiz. I have published 15 of my tasks and would really like some feedback on it?
I would specially like feedback on usability and ways to improve my quiz!
You can find it here: http://www.webgrid.com/HTML_CSS_Quiz.aspx
Jul 26, 2012, 07:30 #2
- Join Date
- Mar 2009
- Melbourne, AU
- 448 Post(s)
- 8 Thread(s)
Hi Olav. These things are fun, but I do think you could design this a little better. For a start, some of the English needs some refining, but aside from that, I was a little confused at first how things were meant to work. It would be good to have an introduction to explain how the site works and what the options are. I didn't realize at first that there was a menu of options at the top, for example. They just look like a bunch of logos.
Also, make sure the questions/tasks are clear. For example, it wasnt clear what this one was asking me to do:
Adding Content for your webpage
Only content in the <body> tags are displayed in your web browser. After the </head> add <body> tags with Inner text.
At first, when I typed and answer and submitted it, nothing much happened. I finally realized that a message had appeared above, but it's not obvious. You need to think of a way to make the response more obvious. And nothing was happening in the box to the right, either, which was a bit confusing.
I hope these points help make this a better tool. Good luck with it.
Jul 26, 2012, 09:33 #3
I agree with everything Ralph said. Plus, I think the result of submitting incorrect answers needs to be significantly improved. For question 2, I entered:
<html> <head> <title>Title</whatHappensIfIGetThisWrong> </head> </html>
Parsing error: 'Start tag was not found' (line: 3 position: 15)
For question 4, I entered:
<html> <head> <title>My webpage</title> </head> <body> <h3>Heading</h3> <p>Paragaph. </body> </html>
This was my notification:
The usage of p in this task requires an inner text between the tags.
The question for image width and height attributes considers this correct:
width="64px" height="64px""First make it work. Then make it better."