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:
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:
An element you would like to incorporate into your next web page.