知识大全 ASP.NET项目开发指南:界面设计（2）[1]
Posted 知
篇首语：智者不为愚者谋，勇者不为怯者死。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 ASP.NET项目开发指南:界面设计（2）[1]相关的知识，希望对你有一定的参考价值。
ASP.NET项目开发指南:界面设计（2）[1] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！
界面设计（ ）
【代码说明】上述代码中的关键处虽然都给出了相应的注释 但因为这是第 章 为了便于读者理解 在此还是要对关键的几处代码加以说明 代码第 ~ 行是对样式H 的定义 font family表示字体 font size表示字号 代码第 ~ 行是对BODY的定义 也就是说 在页面的<Body></Body>标签内 如果没有特殊的样式设计 则采用代码第 ~ 行的默认样式设计
说明 样式定义的名称是H 则使用时直接用<H ></ H >即可
头尾控件
为了提高主要代码的重复使用性 在此将用户界面的头和尾做成两个用户控件 分别命名为ST_BannerModule ascx和ST_ButtomModule ascx 头控件如图 所示
图 头控件
ST_BannerModule ascx的HTML代码如程序 所示
程序 ST_BannerModule ascx
<table cellSpacing= cellPadding= width= % border= >
<TR vAlign= top align= left >
<TD width= height= ><FONT face= 宋体 size= ><STRONG>
酒店管理系统</STRONG></FONT></TD>
<TD style= BACKGROUND REPEAT: repeat x width= *
height= >
</TD>
<TD width= height= ><FONT face= 宋体 ></FONT></TD>
<TD style= BACKGROUND REPEAT: repeat x width=
height= >
</TD>
</TR>
</table>
【代码说明】用户界面的头控件放在每个页面的顶端 主要是保持页面的一致性 这里只是一个简单的Table表格 注意代码第 行中表格的宽度设计为 % 这样无论页面如何拉伸 该头控件总能与页面一样宽
尾控件如图 所示
图 尾控件
ST_ButtomModule ascx的HTML代码参见配书光盘
导航条
在用户界面中还有个导航用的控件 如图 所示
图 导航条
ST_ListModule ascx的HTML代码如程序 所示
程序 ST_ListModule ascx
cha138/Article/program/net/201311/15992相关参考
ASP.NET项目开发指南:界面设计（2）[2] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！
知识大全 ASP.NET项目开发指南:界面控件设计（2）[2]
ASP.NET项目开发指南:界面控件设计（2）[2] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！
ASP.NET项目开发指南:界面设计（1） 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！ &nb
ASP.NET项目开发指南:界面控件设计（1） 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！ &
ASP.NET项目开发指南:界面头尾设计 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！ &nbs
ASP.NET项目开发指南:界面预览 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！
ASP.NET项目开发指南:网络书店界面头尾设计 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！
ASP.NET项目开发指南:界面主体框架 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！ &nbs
ASP.NET项目开发指南:普通用户界面 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！ &nbs
ASP.NET项目开发指南:数据表设计 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！