Friday, May 25, 2012

Create Metro style application using Javascript


- Click New Project... in Visual Studio 11 Express Beta

- Select Javascript Windows Metro Style template, for Navigation Application, enter name and location, and click OK.


- The default code will be generated for you.


- Run to see what it look, press F5 to build, deploy, and launch the app.


Now we can try to modify something on the Welcome page.
-  Expand html folder our project name, HelloJSMetro, double click to open homePage.html. You can see, it's the html code of or welcome page.


- Modify something:

        <section aria-label="Main content" role="main">
            <p><h2><a href="http://dev-microsoft.blogspot.com/">Dev-Microsoft.blogspot.com</a></h2></p>
        </section>



- It's simple html code, click the link to open my blog ("http://dev-microsoft.blogspot.com/") in Metro IE.



No comments:

Post a Comment