Web Design
Designing an HTML page with Javascript.
For the HTML and Javascript project we were tasked with learning the basics of web programming by reviewing, deconstructing, and modifying code written by an expert. We had to customize the code in this HTML and Javascript quiz with your own questions, responses, and look-and-feel (e.g., font size and color, page heading). For my quiz I chose the topic of the Wonders of the World.
HTML AND JAVASCRIPT QUIZ
For this project we were asked to deconstruct and modify a script for a drag-n-drop assessment. The idea was for students to drag concepts into relevant boxes. If they drop a concept into the correct box, it turns green, otherwise it turns red. We had to examine the code in the CSS file and modify it to provide a different look and feel to the application (e.g., change the colors, fonts). We also had to modify the Javascript and HTML code in the HTML file to provide different content for the assessment - different concepts and boxes on a topic of our choice. I decided to have two content boxes with the various wonders". I also embeded a custom made cursor to match the color scheme of the rest of the page. I made the cursor from a vector image using Inkscape.
HTML AND JAVA SCRIPT - DRAG AND DROP ACTIVITY
For this project I designed an interactive drag and drop activity. I chose wonders of the world. I hope you have fun dragging and dropping.
For this project we were asked to deconstruct and modify a script for a drag-n-drop assessment. The idea was for students to drag concepts into relevant boxes. If they drop a concept into the correct box, it turns green, otherwise it turns red. We had to examine the code in the CSS file and modify it to provide a different look and feel to the application (e.g., change the colors, fonts). We also had to modify the Javascript and HTML code in the HTML file to provide different content for the assessment - different concepts and boxes on a topic of our choice. I decided to have two content boxes with the various wonders". I also embeded a custom made cursor to match the color scheme of the rest of the page. I made the cursor from a vector image using Inkscape.