GRA2131C Week 04 - HTML

Hello ,

It was little bit challenging but finally finished :)
See you in class :)



All canvases are to be 800 pixels wide x 600 pixels high.

Label the HTML the same as the beginning of each part of the assignment and post the HTML to your blog.



1-canvas_gra_01.html =

 Create a single line that runs from the upper l.h. corner of your canvas to the lower r.h. corner of your canvas.







2-canvas_gra_02.html =

 Create a single line that runs in a downward angle from the uppermost l.h. corner of your canvas to the exact middle of the bottom edge of your canvas and then continues upward to the uppermost r.h. corner of your canvas.

3-canvas_gra_03.html =

 Create a single 30 pixel wide line colored #6633cc with end caps that starts 50 pixels from the l.h. edge of your canvas and ends 50 pixels from the r.h. edge of your canvas and is perfectly centered horizontally on your canvas.

4-canvas_gra_04.html =

 Create a single 5 pixel wide line colored R 255, G 102, B 51 that forms a triangle starting at a point 75 pixels from the l.h. edge of your canvas and 50 pixels from the top edge of your canvas, then continues to a point 50 pixels above the bottom edge of your canvas and is perfectly centered horizontally, then continues to a point 75 pixels from the r.h. edge and 50 pixels from the top edge of your canvas, and ends at the starting point. Make the 5 pixel line the color #33ff99 and fill the triangle with the color R 255, G 255, B 50.

5-canvas_gra_05.html =

 Create a square that is 400 pixels wide that starts at a point 50 pixels from the l.h. edge and 50 pixels from the top edge. Create a 5 pixel border that is any color blue you desire with a fill that is any color orange you desire. Create a second square that is 400 pixels wide that ENDS at a point 50 pixels from the r.h. edge and 50 pixels from the bottom edge. Create a 10 pixel border that is any color green you desire and fill it with any color red you desire.





6-canvas_gra_06.html =

 Create a rectangle that is 600 pixels wide and 400 pixels high that starts at a point 50 pixels from the l.h. edge and 50 pixels from the top edge. Create a 10 pixel wide border that is any color yellow that you wish. Create a gradient fill inside the rectangle that starts as the color #ff3300 and ends as the color #6600ff.



Publish the code to your blog.