使用ASP.NET从零开始制作设计网站之十一

最新推荐文章于 2012-03-18 16:19:00 发布

蒋会全

最新推荐文章于 2012-03-18 16:19:00 发布

阅读量3.3k

点赞数 1

文章标签： asp.net dreamweaver server c# 语言工具

本文链接：https://blog.csdn.net/jianghuiquan/article/details/6498252

版权

使用ASP .NET 从零开始制作设计网站之十一

（蒋惠全　楚东明）

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

第十个任务：从index.html转为index.aspx
　　　　之前我们已用Dreamweaver工具做好了静态的首页面Index.html，这节课教大家怎样将index.html转变为ASP.NET页面:index.aspx。
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

　　1、添加一个新ASP.NET页面
　　在“解决方案资源管理器”中鼠标右键站点名称，在弹出的菜单中选择“添加新项”，在弹出的窗口中选择“模板类型”为“Web窗体”，名称改为“index.aspx”,语言选择为“C#”（以后我们创建的所有ASP.NET页面不做特殊说明的全部为C#语言），如下图：

好了，到此空的index.aspx页面已经建立好了，下面我们将之前做好的index.htm页面中的内容复制到index.aspx中。
　　2、将index.html页面中的内容复制到index.aspx中
　　（1）、打开index.aspx页面，进入到代码（源）视图，将<title></title>中的“无标题页”改为“中原市国土资源局门户网站”。
　　（2）、打开index.html页面，进入到代码（源）视图，将<head></head>中从<style...>到</style>的所有代码拷贝到index.aspx的<head></head>中（<title></title>下面）。
　　（3）、将index.html页面中的所有<form..>和</form>标记都去掉（防止与Index.aspx页面中的form标记冲突），把index.aspx页面中的<form id="form1" runat="server">改为<form id="frmIndex" runat="server">
　　（4）、将index.html页面中"网址导航"栏目中的下拉框全部删除掉，因为现在这些下拉框是html控件不被我们的VS2005工具所识别，再有就是这里的下拉框只是作为页面布局使用，完全可以删除，最后我们要做成服务器端下拉框控件。
　　（5）、将index.html页面中<body>至</body>中的所有内容拷贝到index.aspx页面中<body></body>中的<div></div>内。
具体拷贝位置如下图所示：

备注：如果出现index.aspx在VS2005中无法切换到“设计”视图，请将“网址导航”栏目中的下拉框全部删除，或者检查页面中是否有标签冲突或编写错误。
以上的操作都做完后，全部保存一下，然后可以将index.html删除掉了。到此index.aspx页面基本框架已经构建好了。