HTML and CSS Reference
eXerCISe 10-1. CreatING the VISUaL StUDIO prOJeCt
start visual studio 2012. In the start Page, click the new Project link.
In the new project dialog box, select the “AsP.nET MvC4 Web Application” template.
Enter the project name Chapter 10 and select a location for this project as shown in
Figure 10-1 .
Figure 10-1. Creating the Chapter 9 project
In the next dialog box, select the Basic template and make sure the Razor view
engine is selected. Click the OK button and the project will be created.
Right-click the Controller folder in the solution Explorer and select the
Add ➤ Controller links. Enter the name HomeController and select the Empty MvC
Controller template. Click the Add button to create the controller.
Right-click the view folder and select the Add ➤ new Folder links. Enter the name
Right-click the new Home folder and select the Add ➤ view links. In the Add view
dialog box, enter the name Index , make sure the Razor view engine is selected,
unselect all the check boxes, and click the Add button.
The canvas element is appropriately named as it provides an area that you can use to draw on. When you
create a canvas element you define its size using the height and width attribute. You can specify other attributes
through markup or CSS to specify the margin, padding, and border. These attributes affect where the element
is positioned within the page. However you cannot modify any of the content within the element. The canvas
element itself simply defines a blank area on which you can create your masterpiece.