ASP.NET项目开发指南:界面控件设计(1)
界面控件设计( )
在用户界面的每个页面上方都会有一组超链接 如图 所示
图 头控件
将其做成一个用户控件 ST_khead ascx(头控件) 其HTML代码如程序 所示
程序 ST_khead ascx
<table width= height= border= align= center
cellpadding= cellspacing=
bgcolor= #cc >
<tr bgcolor= #ffffff >
<td width= height= valign= top >
<table width= border= align= center cellpadding=
cellspacing= bgcolor= #cc >
<tr><td width= height= align= center >
<table width= border= cellspacing= cellpadding= >
<tr>
<td width= ><div align= center ><font
color= #ff >|</font></div>
</td>
<td width= ><a href= ST_main aspx ><font
color= #ffffff >首页</font></a></td>
<td width= ><font color= #ff >|</font></td>
<td width= ><a href= ST_knewslist aspx ><font
color= # ffff >公司新闻</font></a></td>
<td width= ><font color= #ff >|</font></td>
<td width= ><a href= ST_kprolist aspx
target= _self ><font color= #ffffff >公司产品</font></a></td>
<td width= ><font color= #ff >|</font></td>
<td width= ><a href= ST_userorderlist aspx
target= _self ><font color= #ffffff >用户中心</font></a></td>
<td width= ><font color= #ff >|</font></td>
</tr>
</table>
</td></tr>
</table>
</td></tr>
</table>
【代码说明】关键代码为第 ~ 行 其中包含了 个超链接<a>标签 每个标签都有一个href 表示用户单击此超链接后的导航目的地 代码第 ~ 行是通过Table表格完成这样一个布局 感兴趣的读者也可以尝试Div格式的布局
如图 所示的两个版块在很多页面上都会出现 因为图 (b)所示的版块是用户在图 (a)中通过验证后才出现的 所以将其做成一个控件 如图 所示
图 验证模块
返回目录 ASP NET项目开发指南
编辑推荐
ASP NET MVC 框架揭秘
ASP NET开发宝典
lishixinzhi/Article/program/net/201311/15942