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

 我来答
黑科技1718
2022-11-18 · TA获得超过5841个赞
知道小有建树答主
回答量:433
采纳率:97%
帮助的人:80.4万
展开全部

     界面控件设计( )

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

图   头控件

  将其做成一个用户控件 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

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式