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.