1) To create a silverlight project, the following environment should be provided.
- Visual stuio 2008 (Right now is beta 2)
- Microsoft Silverlight Tools Alpha Refresh for Visual Studio (July 2007)
- Silverlight runtime.
You can download them from http://silverlight.net/GetStarted/
2) Create a silmple silverlight project
Open visual studio ->File->new->Project->Silverlight project.
In the silverlight project, there are 4 files we should take care.
1. TestPage.html. This file is the panel of the silverlight page. that's to say, silverlight page will be embedded in it. You can see the code below in TestPage.html
<body>
<div id="SilverlightControlHost" class="silverlightHost" >
<script type="text/javascript">
createSilverlight();
</script>
</div>
</body>
There is a javascript function createSilverlight(); which is used to create a silverlight page and call it. The implementation of this function is located in Silverlight.js and TestPage.html.js. See the following code in TestPage.html.
<script type="text/javascript" src="Silverlight.js"></script>
<script type="text/javascript" src="TestPage.html.js"></script>
2.TestPage.html.js. createSilverlight function is located here.
3.Silverlight.js. The implementation of silverlight page. User doesn't need to take care of it. It has been implementaed by system.
4.Page.xaml. This is the canvas user can draw anything he/she wants.