【文章內(nèi)容簡(jiǎn)介】 分析的得到的現(xiàn)行業(yè)務(wù)處理流程，在用戶反復(fù)研究后，首先確定目標(biāo)系統(tǒng)的業(yè)務(wù)流程，其處理流程如圖 。 圖 NBA信息系統(tǒng)主頁(yè)總體設(shè)計(jì)圖 二、 結(jié)構(gòu)設(shè)計(jì) 圖 依據(jù)需求分析階段得到的數(shù)據(jù)流圖，由此給出 NBA 信息 管理系統(tǒng)的 結(jié)構(gòu) 設(shè)計(jì) 圖如圖 所示。 輪換圖片 賽區(qū)展示 各個(gè)賽區(qū)的球隊(duì)展示 最新上傳圖片 詳 細(xì) 地 址 導(dǎo) 航 條 鏈接各子頁(yè) 網(wǎng)底 首 頁(yè) 長(zhǎng)春瑄瑄情商樂(lè)園畢業(yè)設(shè)計(jì)專用紙 網(wǎng)址 9 圖 NBA信息 管理系統(tǒng) 結(jié)構(gòu)設(shè)計(jì) 圖 首 頁(yè) 賽程 球隊(duì) 比分 新聞 圖片 評(píng)論 CBA NBA 網(wǎng)站導(dǎo)航 長(zhǎng)春瑄瑄情商樂(lè)園畢業(yè)設(shè)計(jì)專用紙 網(wǎng)址 10 第四章 詳細(xì)設(shè)計(jì) 一、 靜態(tài)頁(yè)制作 靜態(tài)圖 （圖 ） 及靜態(tài) HTML 代碼如下 。 圖 靜態(tài)圖 CSS 代碼如下 ： @charset utf8。 body { fontfamily: Arial, Helvetica, sansserif。 fontsize: 14px。 textalign: center。 長(zhǎng)春瑄瑄情商樂(lè)園畢業(yè)設(shè)計(jì)專用紙 網(wǎng)址 11 margin: 0px。 padding: 0px。 } container { width: 962px。 } hadder { height: 67px。 } logo { backgroundimage: url(../images/)。 float: left。 width: 176px。 height: 67px。 } navagation { backgroundimage: url(../images/)。 backgroundrepeat: repeaty。 float: right。 height: 60px。 width: 783px。 margintop: 4px。 } navagation ul { margin: 0px。 padding: 0px。 liststyletype: none。 fontfamily: 宋體 。 fontsize: 36px。 fontweight: bold。 color: FFFFFF。 } navagation li { float: left。 display: block。 長(zhǎng)春瑄瑄情商樂(lè)園畢業(yè)設(shè)計(jì)專用紙 網(wǎng)址 12 marginleft: 32px。 lineheight: 。 } .url:link { color: FFFFFF。 textdecoration: none。 } .url:visited { color: FFFFFF。 } .url:hover { backgroundcolor: 663333。 color: FFFFFF。 } banner { backgroundimage: url(../images/)。 height: 121px。 } .clear { clear: both。 } left { float: left。 height: 830px。 width: 306px。 margintop: 5px。 } left1 { backgroundimage: url(../images/)。 backgroundrepeat: repeaty。 height: 421px。 } left11 { height: 376px。 width: 304px。 長(zhǎng)春瑄瑄情商樂(lè)園畢業(yè)設(shè)計(jì)專用紙 網(wǎng)址 13 } left12 { height: 40px。 margintop: 3px。 fontfamily: Arial, Helvetica, sansserif。 fontsize: 30px。 fontweight: bolder。 color: CCCCCC。 } .left21 { backgroundimage: url(../images/)。 height: 77px。 margintop: 5px。 float: left。 width: 306px。 } .left22 { backgroundimage: url(../images/)。 height: 44px。 width: 181px。 margintop: 16px。 marginleft: 30px。 fontfamily: Arial, Helvetica, sansserif。 fontsize: 24px。 fontweight: bold。 color: 00FF00。 lineheight: 。 } right { float: right。 height: 845px。 width: 647px。 margintop: 3px。 } .right1 { 長(zhǎng)春瑄瑄情商樂(lè)園畢業(yè)設(shè)計(jì)專用紙 網(wǎng)址 14 backgroundimage: url(../images/)。 height: 126px。 margintop: 3px。 } .rigt11 { float: left。 height: 50px。 width: 160px。 textalign: right。 fontfamily: Arial, Helvetica, sansserif。 fontsize: 28px。 fontweight: bold。 color: CCCCCC。 lineheight: 。 } .right12 { float: right。 height: 126px。 width: 480px。 } .right12 ul { margin: 0px。 padding: 0px。 liststyletype: none。 } .right12 li { display: block。 float: left。 marginleft: 35px。 margintop: 40px。 height: 62px。 width: 62px。 } right2 { backgroundimage: url(../images/)。 長(zhǎng)春瑄瑄情商樂(lè)園畢業(yè)設(shè)計(jì)專用紙 網(wǎng)址 15 height: 63px。 margintop: 3px。 width: 648px。 } right21 { height: 48px。 width: 149px。 backgroundimage: url(../images/)。 fontfamily: Arial, Helvetica, sansserif。 fontsize: 24px。 lineheight: 2em。 fontweight: bold。 color: 666666。 } footer { backgroundimage: url(../images/)。 backgroundrepeat: repeaty。 height: 100px。 fontfamily: Arial, Helvetica, sansserif。 fontsize: 14px。 lineheight: 。 color: FFFFFF。 } DIV代碼如下 ： !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head meta equiv=ContentType content=text/html。 charset=utf8 / title無(wú)標(biāo)題文檔 /title link href=css/ rel=stylesheet type=text/css / /head body center 長(zhǎng)春瑄瑄情商樂(lè)園畢業(yè)設(shè)計(jì)專用紙 網(wǎng)址 16 div id=container div id=hadder div id=logo /div!end hadderleft div id=navagation ul lia href= class=url賽程 /a/li lia href= class=url球隊(duì) /a/li lia href= class=url比分/a/li lia href= class=url新聞 /a/li lia href= class=url圖片/a/li lia href= class=url評(píng)論 /a/li lia href= class=urlCBA/a/li /ul!end ul /div!end navagation /div!end hadder div id=banner/div!end banner div class=clear/div div id=middle div id=left div id=left1 div id=left11img src=images/ //div div id=left12夢(mèng)從這里開(kāi)始 /div /div!end left1 div class=clear/div div id=left2 div class=left21 div class=left22賽程 /div!end left22 長(zhǎng)春瑄瑄情商樂(lè)園畢業(yè)設(shè)計(jì)專用紙 網(wǎng)址 17 /div!end left21 div class=left21 div class=left22比分關(guān)注 /div!end left22 /div!end left21 div class=left21 div class=left22新聞 /div!end left22 /div!end left21 div class=left21 div class=left22圖片 /div!end left22 /div!end left21 div class=left21 div class=left22評(píng)論 /div!end left22 /div!end left21 /div!end left2 /div!end left div id= right div class=right1 div class=rigt11西南區(qū) /div!end right11 div class=rig