熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET項目開發指南:界面設計(2)[1]

2013-11-13 12:28:58  來源: .NET編程 

    界面設計(

  【代碼說明】上述代碼中的關鍵處雖然都給出了相應的注釋但因為這是第為了便於讀者理解在此還是要對關鍵的幾處代碼加以說明代碼第~行是對樣式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=>&nbsp;

            </TD>

            <TD width= height=><FONT face=宋體></FONT></TD>

            <TD style=BACKGROUNDREPEAT: repeatx width=

                height=>&nbsp;

            </TD>

        </TR>

    </table>

  【代碼說明】用戶界面的頭控件放在每個頁面的頂端主要是保持頁面的一致性這裡只是一個簡單的Table表格注意代碼第行中表格的寬度設計為%這樣無論頁面如何拉伸該頭控件總能與頁面一樣寬

  尾控件如圖所示

  尾控件

  ST_ButtomModuleascx的HTML代碼參見配書光盤

  導航條

  在用戶界面中還有個導航用的控件如圖所示

  導航條

  ST_ListModuleascx的HTML代碼如程序所示

  程序  ST_ListModuleascx

[]  []  


From:http://tw.wingwit.com/Article/program/net/201311/15992.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.