在asp.net 4建立HTML5模板

時間  2020-04-23
標籤 asp.net asp 建立 html5 html 模板 欄目 ASP 简体版
原文   原文鏈接

本文在簡單不過了，就是爲你的Visual Studio2010建立一個項目模板，一個HTML5的項目模板。誰叫HTML5時代來了，Visual Studio 2010又沒提供此模板呢？那咱們就動手作一個吧！javascript

先寫一個HTML5的基本模板，index.html代碼以下：css

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="viewport" content="; initial-scale=1.0" />
<!-- !CSS -->
<link href="css/html5reset.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<!-- !Modernizr - All other JS at bottom
&lt;script src="js/modernizr-1.5.min.js"></script> --&gt;
<!-- Grab Microsoft's or Google's CDN'd jQuery. fall back to local if necessary -->
<!-- &lt;script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script> --&gt;
<!-- &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> --&gt;
<script> !window.jQuery && document.write('<script src="js/jquery-1.4.2.min.js"><\/script>')</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>html

爲Visual Studio 2010建立一個項目模板。當我作到第3步，怎麼也找不到 Export Template這個菜單項。通過一番摸索，原來Visual Studio 2010還須要安裝一個插件纔會有這個菜單項，下載地址爲：Export Template Wizard。安裝完成後按照下面步驟配置。html5

一、啓動 Visual Studio 2010。java

二、在「文件」菜單中，依次選擇「新建」和「項目」。將打開「新建項目」對話框。在 Visual Basic 或 Visual C# 中選擇「WEB應用程序」，而後將其命名爲「HTML5Template」。單擊「肯定」。jquery

三、在這個項目中添加下面這些文件。ajax

兩個分別放置js和css的文件夾：css、js chrome

    HTML5基本模板頁：index.htmlapi

    jQuery：jquery-1.4.2.min.js
    Modernizr ：modernizr-1.5.min.js
    HTML5 樣式文件：html5reset.cssasp.net

一個空的css文件：style.css

項目結構以下圖：

clip_image002

四、在「文件」菜單中選擇「所有保存」來保存項目。

下面我將在上面4個步驟的基礎上建立一HTML5頁的模板項和一個建立HTML5網站的模板項。

建立HTML5頁的模板項

一、File -&gt;Export Template：

clip_image004

第二步：選擇item Template，選擇index.html文件，點擊next。

clip_image006

第三步：這裏能夠什麼都不選，直接next。

clip_image008

第四步：填寫一些Template的基本信息，點next。

clip_image010

第五步：點擊完成。

clip_image012

第六步：在添加新建項中查看到模板：

clip_image014

建立建立一HTML5網站的模板項

回到保存過的那個vs項目。和建立HTML5頁的模板項相似。

不過在第二步選擇project Template,以下圖：

clip_image016

填寫一些Template的基本信息，點擊下一步：

clip_image018

點擊完成：

clip_image020

當咱們選擇file-new-project的時候，能夠找到此項目模板：

clip_image022

點擊OK，生成的項目代碼結構以下，和咱們建立時候是同樣的

clip_image024

接下來，你就可使用Visual Studio 2010編寫HTML5的應用程序了。

總結：本文很是簡單，爲你Visual Studio 2010搭建了使用HTML5的環境。

武漢asp.net

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程