Insert a Silverlight-based application into a page

Microsoft Silverlight is a cross-browser, cross-platform plug-in for delivering rich interactive applications for the web. You can use programs such as Microsoft Expression Blend 2 or Microsoft Expression Encoder to create a Silverlight 1.0–based application for the web.

A Silverlight 1.0–based application typically consists of a silverlight.js file, a XAML file, a web page that references the Silverlight plug-in, and a JavaScript file that supports the web page. You can use Microsoft Expression Web to either edit the web page that was generated by your Silverlight-authoring program or insert the Silverlight 1.0–based application into a web page. When you insert a Silverlight 1.0–based application into a web page, Expression Web creates an inline frame to contain the web page that was generated by your Silverlight-authoring program.

For more information, see Getting Started with Silverlight and Silverlight QuickStarts online.

To insert a Silverlight-based application into a page

  1. Open your website, and then open a web page from that website.

  2. On the Insert menu, point to Media, and click Silverlight.

  3. In the Insert Silverlight 1.0 dialog box, click Select Folder.

  4. In the Select Silverlight Folder dialog box, select the folder that contains the web page, XAML file, and JavaScript file that were generated by your Silverlight authoring program, and then click Open.

  5. If the folder that you selected in the previous step contains more than one web page, in the Insert Silverlight 1.0 dialog box that appears, select the homepage of your Silverlight application, and click Select.

    Important

    The folder that Expression Web adds to your website contains the imported assets for your Silverlight-based application. You can move and rename the imported folder, but you should not move or rename the contents of the imported folder. Otherwise, the Silverlight-based application may not work.

See also

Concepts

Inline frames