Shulou(Shulou.com)06/02 Report--

This article mainly introduces "how to create template items for HTML5 pages". In daily operation, I believe many people have doubts about how to create template items for HTML5 pages. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful for you to answer the questions of "how to create template items for HTML5 pages". Next, please follow the editor to study!

First, write a basic template for HTML5. The index.html code is as follows:

! window.jQuery & & [xss_clean] ('')

Follow the How to: Create Item Templates article on msdn to create a project template for Visual Studio 2010. When I got to step 3, I couldn't find the menu item Export Template. After some exploration, it turns out that Visual Studio 2010 needs to install another plug-in to have this menu item, which can be downloaded from: Export Template Wizard. Follow these steps to configure after the installation is complete.

1. Start Visual Studio 2010.

2. On the File menu, select New and then Project. The New Project dialog box opens. Select WEB Application in Visual Basic or Visual C # and name it HTML5Template. Click OK.

3. Add the following files to the project.

Two folders for js and css: css and js

HTML5 basic template page: index.html

JQuery:jquery-1.4.2.min.js

Modernizr: modernizr-1.5.min.js

HTML5 style files: html5reset.css

An empty css file: style.css

The project structure is shown in the following figure:

4. Choose Save all from the File menu to save the project.

Next I will create a template item for a HTML5 page and a template item for creating a HTML5 site based on the above four steps.

Create a template item for a HTML5 page

1. File-> Export Template:

Step 2: select item Template, select the index.html file, and click next.

Step 3: you can choose nothing here and next directly.

Step 4: fill in some basic information about Template and click next.

Step 5: click finish.

Step 6: view the template in adding a new project:

Create a template item to create a HTML5 website

Go back to the saved vs project. Similar to a template item that creates a HTML5 page.

However, select project Template in the second step, as shown below:

Fill in some basic information about Template and click next:

Click finish:

When we select file-new-project, we can find this project template:

Click OK, and the generated project code structure is as follows, the same as when we created it.

Next, you can write HTML5 applications in Visual Studio 2010.

At this point, the study on "how to create a template item for a HTML5 page" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.