asp.net

位置:IT落伍者 >> asp.net >> 浏览文章

ASP.NET项目开发指南:界面控件设计(1)


发布日期:2022年02月20日
 
ASP.NET项目开发指南:界面控件设计(1)

界面控件设计(

在用户界面的每个页面上方都会有一组超链接如图所示

头控件

将其做成一个用户控件ST_kheadascx(头控件)其HTML代码如程序所示

程序 ST_kheadascx

<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_mainaspx><font

color=#ffffff>首页</font></a></td>

<td width=><font color=#ff>|</font></td>

<td width=><a href=ST_knewslistaspx><font

color=#ffff>公司新闻</font></a></td>

<td width=><font color=#ff>|</font></td>

<td width=><a href=ST_kprolistaspx

target=_self><font color=#ffffff>公司产品</font></a></td>

<td width=><font color=#ff>|</font></td>

<td width=><a href=ST_userorderlistaspx

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)中通过验证后才出现的所以将其做成一个控件如图所示

验证模块

返回目录ASPNET项目开发指南

编辑推荐

ASPNET MVC 框架揭秘

ASPNET开发宝典

ASP NET开发培训视频教程

上一篇:ASP.NET项目开发指南:数据层类(2)[1]

下一篇:ASP.NET项目开发指南:界面控件设计(2)[1]