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

Posted

篇首语:少年意气强不羁,虎胁插翼白日飞。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 ASP.NET项目开发指南:界面控件设计(1)相关的知识,希望对你有一定的参考价值。

ASP.NET项目开发指南:界面控件设计(1)  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

     界面控件设计( )

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

图   头控件

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

cha138/Article/program/net/201311/15942

相关参考

知识大全 ASP.NET项目开发指南:界面控件设计(2)[2]

ASP.NET项目开发指南:界面控件设计(2)[2]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

知识大全 ASP.NET项目开发指南:界面设计(1)

ASP.NET项目开发指南:界面设计(1)  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &nb

知识大全 ASP.NET项目开发指南:界面设计(2)[1]

ASP.NET项目开发指南:界面设计(2)[1]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 ASP.NET项目开发指南:界面头尾设计

ASP.NET项目开发指南:界面头尾设计  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &nbs

知识大全 ASP.NET项目开发指南:界面设计(2)[2]

ASP.NET项目开发指南:界面设计(2)[2]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 ASP.NET项目开发指南:网络书店界面头尾设计

ASP.NET项目开发指南:网络书店界面头尾设计  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 ASP.NET项目开发指南:界面预览

ASP.NET项目开发指南:界面预览  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!   

知识大全 ASP.NET项目开发指南:界面主体框架

ASP.NET项目开发指南:界面主体框架  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &nbs

知识大全 ASP.NET项目开发指南:普通用户界面

ASP.NET项目开发指南:普通用户界面  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &nbs

知识大全 ASP.NET项目开发指南:用户控件级输出缓存

ASP.NET项目开发指南:用户控件级输出缓存  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &