Assignment: Drawing Shapes with HTML5
This assignment provides you with hands-on practice with images and drawing shapes using HTML5. You will be able to experience how these tasks are accomplished in HTML5. If you have experience with a previous HTML language, you will note and appreciate the improvements made in HTML5.
Tasks:
Complete the following tasks:
Part A
In this part, you will create two separate files.
• Create an HTML file using the naming convention M2_A2_Lastname_Firstname_SVG1.html. Complete the following tasks using this file:
o In this HTML file, incorporate the following graphic:
https://upload.wikimedia.org/wikipedia/commons/0/02/Sample.svg
o Allow the graphic to scale with the web page.
• Create an HTML file using the naming convention M2_A2_Lastname_Firstname_SVG2.html. Complete the following task using this HTML file.
• Using scalable vector graphics (SVG) elements, display red, white, and blue squares.
Part B
• Create an HTML file using the naming convention M2_A2_Lastname_Firstname_Shapes.html that draws a circle, an ellipse, a square, a diamond, and a rectangle.
Part C
• Create an HTML file using the naming convention M2_A2_Lastname_Firstname_Gradients.html that fills various squares and rectangles with linear and radial gradients.
Part D
In this part, complete the following tasks:
• Using Argosy University online library resources, the Internet, or other multiple sources, research the Web Graphics Library (WebGL).
• On the basis of your research, describe the following in a 2- to 3-page Microsoft Word document:
o An element you would like to incorporate into your next web page.
o The reasons or justifications for selecting that element.