界面设计（）
【代码说明】上述代码中的关键处虽然都给出了相应的注释但因为这是第章为了便于读者理解在此还是要对关键的几处代码加以说明代码第~行是对样式H的定义fontfamily表示字体fontsize表示字号代码第~行是对BODY的定义也就是说在页面的<Body></Body>标签内如果没有特殊的样式设计则采用代码第~行的默认样式设计
说明样式定义的名称是H则使用时直接用<H></ H>即可
头尾控件
为了提高主要代码的重复使用性在此将用户界面的头和尾做成两个用户控件分别命名为ST_BannerModuleascx和ST_ButtomModuleascx头控件如图所示
图 头控件
ST_BannerModuleascx的HTML代码如程序所示
程序 ST_BannerModuleascx
<table cellSpacing= cellPadding= width=% border=>
<TR vAlign=top align=left>
<TD width= height=><FONT face=宋体 size=><STRONG>
酒店管理系统</STRONG></FONT></TD>
<TD style=BACKGROUNDREPEAT: repeatx width=*
height=>
</TD>
<TD width= height=><FONT face=宋体></FONT></TD>
<TD style=BACKGROUNDREPEAT: repeatx width=
height=>
</TD>
</TR>
</table>
【代码说明】用户界面的头控件放在每个页面的顶端主要是保持页面的一致性这里只是一个简单的Table表格注意代码第行中表格的宽度设计为%这样无论页面如何拉伸该头控件总能与页面一样宽
尾控件如图所示
图 尾控件
ST_ButtomModuleascx的HTML代码参见配书光盘
导航条
在用户界面中还有个导航用的控件如图所示
图 导航条
ST_ListModuleascx的HTML代码如程序所示
程序 ST_ListModuleascx
[] []
![ASP.NET项目开发指南:界面设计（2）[1]](/UploadFiles/0.jpg)