网站设计
2013-06-10 13:41
162 查看
如何使用网站页面的设计变得简单而高效一直都是开发人员需要考虑的重要课程,在ASP和ASP.NET早期版本的使用年代,二者很难得到兼顾,一直到出现了母版页机制和导航空间,这样的局面才得到很大的改变。母版页可以为应用程序中的页面创建统一的布局,实现了页面代码的重复使用。而导航控件使编程人员对站点导航的管理变得非常简单。几乎不用编写多少代码。大大加快开发网站的速度。
下面我们了解一下母版页,母版页是ASP.Net提供的一种重用技术,使用母版页可以为应用程序的页面创建一致的布局。单个母版页可以为应用程序中的所有页定义所需的外观和标准行为。
1.母版页和内容页
母版页是具有扩展名.master的ASP.net文件,它具有可以包括静态文本,HTML元素和服务器控件的预定义布局。母版页由特殊的@Master指定识别,该指令替换了用于普通.aspx页的@page指令。该指令的声明如下:
@master指令有如下属性:
CodeFile:指定包含分布类的单独文件的名称,该分布类具有事件处理程序和特定于母版页的其他的代码。
Debug:指定是否使用调试符号来编译母版页,如果要使用调试符号进行编译,则为true,否则为False.
Inherits:指定供页继承的代码隐藏类。它可以是从MasterPage类派生的任何类。
Language:指定在对页中的所有内联呈现(<%%>和<%=%>)和代码声明块进行编译时使用的语言。值可以表示.NET Framework支持的任何语言,包括VB(Visual Basic)、c# 和 JScript.
AutoEventWireup:指是否可以使用语法Page且不使用任何显式挂钩或事件签名,为特定的生命周期阶段定义的事件处理程序。如果启用了事件自动连接,则为True;否则为False ,默认为 True。
基本的@Master的属性介绍完毕,那么我们开始解释一下该语句的含义:
以上代码声明了一个@Master指令,设计语言为“c#”,设置CodeFile属性为隐藏代码文件的名称,设置Inherits属性指定类名。@除了@Master指令外,母版页还包括页的所有的顶级HTML元素。如
html,heae,form等。母版页还包括了一个或多个ContentPlaceHolder控件。ContentPlacerHolder控件称为占位符控件,这些占位符控件定义可特换内容出现的区域。
可替换内容是在内容页定中定义的。所谓内容页就是绑定到特定母版页的ASP.NET,通过创建各个内容页来定义母版页的占位符控件的内容。从而实现页面的的内容的设计。
2.母版页的运行机制
1.用户通过键入内容页的URL来请求某页。
2.获取该页后,读取@Page指令,如果该指令引用一个母版页,则也读取该母版页,如果这是第一个请求这两个页,则两个页都要进行编译。
3.包括更新内容的母版页合并到内容页的控件中。
4.各个Content控件的内容合并到母版页中相应的ContentPlaceHolder控件中。
5.浏览器中呈现得到的合并页。
3.母版页的创建
1.启动Visual Studio 2010 创建一个ASP.NET的WEB应用程序。
2.点击“文件”—“新建”——“网站”命令。
3.打开“新建网站”的对话框,我们点击“已安装模板”栏中的“visualc#”,点击“创建空网站”,文件名称为“20110611”点击确定。
4.在应用程序中创建一个Images的文件夹,其中包含的背景图片文件"head.jpg"
5.在弹出的“添加新项”对话框中选择“已安装模板”下的“Visual c#”模板,并在模板文件类表中选择“母版页”然后在“名称”文本框输入该文件名称“MasterPage.master”点击“添加”按钮。
6.在资源管理器中右键点击添加css的文件夹(用于设置网站的样式)文件名称为style,然后右键单击style文件夹,创建一个sytle.css样式表,点击“添加”按钮。
7.编辑网站的样式表(style.css)
下面我们了解一下母版页,母版页是ASP.Net提供的一种重用技术,使用母版页可以为应用程序的页面创建一致的布局。单个母版页可以为应用程序中的所有页定义所需的外观和标准行为。
1.母版页和内容页
母版页是具有扩展名.master的ASP.net文件,它具有可以包括静态文本,HTML元素和服务器控件的预定义布局。母版页由特殊的@Master指定识别,该指令替换了用于普通.aspx页的@page指令。该指令的声明如下:
@master指令有如下属性:
CodeFile:指定包含分布类的单独文件的名称,该分布类具有事件处理程序和特定于母版页的其他的代码。
Debug:指定是否使用调试符号来编译母版页,如果要使用调试符号进行编译,则为true,否则为False.
Inherits:指定供页继承的代码隐藏类。它可以是从MasterPage类派生的任何类。
Language:指定在对页中的所有内联呈现(<%%>和<%=%>)和代码声明块进行编译时使用的语言。值可以表示.NET Framework支持的任何语言,包括VB(Visual Basic)、c# 和 JScript.
AutoEventWireup:指是否可以使用语法Page且不使用任何显式挂钩或事件签名,为特定的生命周期阶段定义的事件处理程序。如果启用了事件自动连接,则为True;否则为False ,默认为 True。
基本的@Master的属性介绍完毕,那么我们开始解释一下该语句的含义:
以上代码声明了一个@Master指令,设计语言为“c#”,设置CodeFile属性为隐藏代码文件的名称,设置Inherits属性指定类名。@除了@Master指令外,母版页还包括页的所有的顶级HTML元素。如
html,heae,form等。母版页还包括了一个或多个ContentPlaceHolder控件。ContentPlacerHolder控件称为占位符控件,这些占位符控件定义可特换内容出现的区域。
可替换内容是在内容页定中定义的。所谓内容页就是绑定到特定母版页的ASP.NET,通过创建各个内容页来定义母版页的占位符控件的内容。从而实现页面的的内容的设计。
2.母版页的运行机制
1.用户通过键入内容页的URL来请求某页。
2.获取该页后,读取@Page指令,如果该指令引用一个母版页,则也读取该母版页,如果这是第一个请求这两个页,则两个页都要进行编译。
3.包括更新内容的母版页合并到内容页的控件中。
4.各个Content控件的内容合并到母版页中相应的ContentPlaceHolder控件中。
5.浏览器中呈现得到的合并页。
3.母版页的创建
1.启动Visual Studio 2010 创建一个ASP.NET的WEB应用程序。
2.点击“文件”—“新建”——“网站”命令。
3.打开“新建网站”的对话框,我们点击“已安装模板”栏中的“visualc#”,点击“创建空网站”,文件名称为“20110611”点击确定。
4.在应用程序中创建一个Images的文件夹,其中包含的背景图片文件"head.jpg"
5.在弹出的“添加新项”对话框中选择“已安装模板”下的“Visual c#”模板,并在模板文件类表中选择“母版页”然后在“名称”文本框输入该文件名称“MasterPage.master”点击“添加”按钮。
6.在资源管理器中右键点击添加css的文件夹(用于设置网站的样式)文件名称为style,然后右键单击style文件夹,创建一个sytle.css样式表,点击“添加”按钮。
7.编辑网站的样式表(style.css)
相关文章推荐
- 视觉灵感:30个漂亮的的网站设计
- 高并发高流量的大型网站架构设计
- 网站app原型设计工具:axure,Mockups,墨刀
- 设计英文网站要注意的问题
- 网站架构优化与设计模式
- 社交网站邀请注册的设计体验
- 30个优秀的网站导航菜单设计案例
- 网站设计之合理架构css
- 使用ASP.NET从零开始制作设计网站之十三
- 40种网站设计常用技巧
- 网站性能设计之Cache动态使用:ZT
- 比较实用的网站设计时常用的代码
- 40种网站设计常用技巧
- 常去设计网站
- 网站可用性设计中不可忽视的30个原则
- 优化网站设计(二十六):设计“智能”的事件处理程序
- 网站logo设计标准大小
- 网站设计布局中常犯的错误
- 【特别推荐】12套精致的网站和移动应用界面设计素材