第3章节网页集成开发环境.ppt

网页集成开发环境 本章重点 网页的创建与运行 编写ASPX程序代码 协助输入代码 实现网站中页面之间的导航 在站点中使用主题 实现网站成员管理 学习目标 在讲述如何实现网页的创建与运行、编写ASPX程序代码的基础上，希望通过通俗的讲解，使读者能够熟练掌握这些基本内容和操作技巧，为自己进行网站开发奠定良好的基础 3.1 网页的创建与编辑 ASP.NET2.0的发布给WEB应用程序开发者带来了巨大的机遇，它提供了大量的可视化控件，极大地方便了Web应用程序的开发。Visual Studio2005集成开发环境可用于实现复杂的Web应用，下面介绍如何创建一个基本的Web页面。 3.1.1 创建Web页面 创建页面的步骤： 1、新建Web站点 2、通过站点管理添加新的Web页面 3、选择需要的模板（Web窗体） 4、添加网页内容，添加服务器运行代码（动态网页） 5、调试运行网页 3.1.2 实现控件的添加与编程 方法：切换到设计视图，然后从工具箱中将需要的控件拖放到视图页面中。 控件位置: 相对位置（流布局）：控件布局困难，但会因内容而自己变换位置，不会出现盖住别的控件的情况。 绝对位置（网格布局） ：控件可在其页面上任意拖放布局，但生成页面有可能某些控件会被其他控件盖住。  3.2 编写ASPX代码 ASPX代码属于HTML语法，HTML是标记式语法，每个标记都有开始和结束标记，而且采用缩进式。 Visual Studio2005集成开发环境提供了便利的功能协助编辑HTML语法文件，可显示缩进、选择标记等辅助功能。 3.2.1 显示光标所在标记的层次 快速定位要编辑的网页对象 1、选择标记 2、选择标记内容 3.2.2 在代码视图中编辑HTML 工具-?选项-?HTML设计器 起始页的位置： 1、源视图 2、设计视图 创建控件时自动显示智能标记。 3.2.3 实现HTML元素间的导航 对于一些内容较多，设计较复杂的页面，如何查看和定位其中的内容就变得十分重要。通过文档大纲和标签导航器可以实现网页中各个HTML元素的导航。 3.2.4 使用样式表 样式表简单来说就是一组用来控制网页元素外观的属性。 创建样式表的方法： 1、直接书写代码 2、可视化的编程环境添加 3.3 协助输入代码 使用Intellisense功能编辑网页：用户可以保留上下文，查找所需的信息，直接向代码中插入语言元素，甚至可以使用Intellisense功能完成输入工作。 利用Snippet功能编辑网页：帮助用户输入各种代码的语法。 3.4 实现网站中页面之间的导航 网站是由许许多多的页面组成的，网站中页面之间的导航（即页面之间的相互链接），特别是当前网页结构发生变化，如增加新的页面、删除旧的页面时，网站的管理将面临巨大的挑战 ASP.NET2.0提供了很好的网站中页面导航的解决方案，通过XML格式的站点地图文件（Web.sitemap）集中定义了整个网站的层次结构，而且这种层次结构与真正的页面存储物理结构无关，易于实现网站中的页面管理与导航。 3.4.1 创建站点地图文件 站点地图文件（Web.sitemap）是一个XML结构的文件。 ?xml version=1.0 encoding=utf-8 ? siteMap xmlns=/AspNet/SiteMap-File-1.0 siteMapNode url= title= description= siteMapNode url= title= description= / siteMapNode url= title= description= / /siteMapNode /siteMap title：这个属性经常由导航控件用于显示URL的标题。 url ：显示这个结点描述的页面的 URL。 description ：指定关于这个页面的描述。你能使用这个描述来显示提示内容。 案例 ?xml version=1.0 encoding=utf-8 ? siteMap siteMapNode title=Home description=Home url=~/home.aspx siteMapNode title=Products description=Our products url=~/Products.aspx siteMapNode title=Hardware description=Hardware we offer url=~/Hardware.aspx / siteMapNode title=Software