【正文】 alert(用戶名或密碼太長(zhǎng)，請(qǐng)重新輸入！)。用以實(shí)現(xiàn)上述功能的代碼如下：script language=javascriptfunction jimmy(){var j = (a)。 強(qiáng)大的功能還能夠?qū)崿F(xiàn)對(duì)網(wǎng)站的各方面控制。 六、對(duì)瀏覽者和瀏覽器更具親和力 我們都知道網(wǎng)站做出來(lái)是給瀏覽者使用的，對(duì)瀏覽者和瀏覽器更具親和力，CSS在這方面更具優(yōu)勢(shì)。而使用CSS的制作方法，將所有頁(yè)面，或所有區(qū)域統(tǒng)一用CSS文件控制，就避免了不同區(qū)域或不同頁(yè)面體現(xiàn)出的效果偏差。根據(jù)區(qū)域內(nèi)容標(biāo)記，到CSS里找到相應(yīng)的ID，使得修改頁(yè)面的時(shí)候更加方便，也不會(huì)破壞頁(yè)面其他部分的布局樣式。 二、降低流量費(fèi)用 頁(yè)面體積變小，瀏覽速度變快，這就使得對(duì)于某些控制主機(jī)流量的網(wǎng)站來(lái)說(shuō)是最大的優(yōu)勢(shì)了。相對(duì)于表格嵌套的方式，CSS將頁(yè)面獨(dú)立成更多的區(qū)域，在打開(kāi)頁(yè)面的時(shí)候，逐層加載。首先，軍事類網(wǎng)站展示的內(nèi)容必須多樣化，所以我在網(wǎng)站中加入了國(guó)內(nèi)及國(guó)外最新新聞版塊，此外我在我的網(wǎng)站中展示了一些精心挑選的軍事商品方便軍事迷們挑選。注冊(cè)頁(yè)面采用的是棕色的背景，類似于樺木樹(shù)皮的質(zhì)感花紋，帶給瀏覽者視覺(jué)的享受，注冊(cè)頁(yè)面字體是墨綠色二號(hào)楷體，可以很好地與背景顏色區(qū)分開(kāi)來(lái)，一目了然。一般來(lái)說(shuō)網(wǎng)頁(yè)的顏色由兩到三種顏色構(gòu)成，我的網(wǎng)站大體使用米黃色過(guò)渡色來(lái)作為背景色，簡(jiǎn)約而不單調(diào)，有一種泛黃的書(shū)頁(yè)的質(zhì)感。軍迷大本營(yíng)板塊給廣大軍迷提供一些高品質(zhì)的軍事商品供他們選購(gòu)。再下面是軍迷大本營(yíng)板塊，展示了一些從網(wǎng)上收集來(lái)的軍迷商品信息，可以點(diǎn)擊圖片直接跳轉(zhuǎn)到購(gòu)買頁(yè)面。右方是幾個(gè)醒目的標(biāo)題，是關(guān)于最近的軍事熱點(diǎn)問(wèn)題及評(píng)論員文章。環(huán)球視野和軍迷論壇。 FrontPage由于良好的易用性，被認(rèn)為是優(yōu)秀的網(wǎng)頁(yè)初學(xué)者的工具，它的優(yōu)點(diǎn)是集成了編輯、代碼、預(yù)覽三種模式于一身，與Microsoft Office各軟件無(wú)縫連接并且具有良好的表格控制能力并且它繼承了Microsoft Office產(chǎn)品系列的良好的易用性。. . . . .遼 東 學(xué) 院 結(jié) 課 論 文Web程序設(shè)計(jì)報(bào)告學(xué) 生 姓 名： 學(xué) 院： 信息工程學(xué)院 專 業(yè)： 信息管理與信息系統(tǒng) 班 級(jí)： 學(xué) 號(hào)： 指 導(dǎo) 教 師： 賈英群 完 成 日 期： 2016年12月13日 遼 東 學(xué) 院Eastern Liaoning University 目 錄（一）網(wǎng)站設(shè)計(jì)與實(shí)施流程、頁(yè)面布局與視覺(jué)設(shè)計(jì) 3（二）網(wǎng)站需求分析及原型設(shè)計(jì) 3（三）表現(xiàn)標(biāo)準(zhǔn)：頁(yè)面樣式的可視化設(shè)計(jì)（Css3） 3（四）結(jié)合JavaScript實(shí)施會(huì)員登錄頁(yè)面的分析與設(shè)計(jì) 4（五）結(jié)合JavaScript實(shí)施會(huì)員注冊(cè)頁(yè)面的分析與設(shè)計(jì) 4（六）頁(yè)面固定菜單的分析與設(shè)計(jì) 5（七）頁(yè)面下拉菜單的分析與設(shè)計(jì) 5（八）頁(yè)面樹(shù)形下拉菜單的分析與設(shè)計(jì) 5（九）頁(yè)面固定廣告的分析與設(shè)計(jì) 5（十）頁(yè)面移動(dòng)廣告的分析與設(shè)計(jì) 6（十一）頁(yè)面漂浮廣告的分析與設(shè)計(jì) 6（十二）頁(yè)面文本編輯器的分析與設(shè)計(jì) 6網(wǎng)站設(shè)計(jì)情況評(píng)分表 7答辯情況評(píng)分表 8（一） 網(wǎng)站設(shè)計(jì)與實(shí)施流程、頁(yè)面布局與視覺(jué)設(shè)計(jì)本學(xué)期我們學(xué)習(xí)了web程序設(shè)計(jì)這門課程，分別學(xué)習(xí)了通過(guò)網(wǎng)站需求分析來(lái)進(jìn)行網(wǎng)站設(shè)計(jì)，設(shè)計(jì)并實(shí)現(xiàn)會(huì)員注冊(cè)登陸界面，頁(yè)面固定菜單和下拉菜單及樹(shù)形下拉菜單的實(shí)現(xiàn)和頁(yè)面文本編輯器的分析與設(shè)計(jì)，最后學(xué)習(xí)了頁(yè)面固定廣告，漂浮廣告和移動(dòng)廣告的插入等知識(shí)，我們學(xué)習(xí)web程序設(shè)計(jì)這門課程所使用的軟件主要是Microsoft frontpage。這是微軟公司推出的一款網(wǎng)頁(yè)設(shè)計(jì)、制作、發(fā)布、管理的軟件。：因?yàn)楸救藢?duì)軍事比較感興趣，所以這次我做了一個(gè)軍事類的新聞網(wǎng)站，網(wǎng)站名字叫做《遼東軍事》，首先最上方分為四個(gè)板塊：軍事快報(bào)、中國(guó)軍情。下方左邊是滾動(dòng)式地展示重大軍事新聞圖片。下方是一些圖片文章，以圖片的形式來(lái)給讀者他們感興趣的信息。：網(wǎng)站有多方面的內(nèi)容，有國(guó)內(nèi)和國(guó)外最新的軍事動(dòng)態(tài)，有軍迷論壇給讀者發(fā)表自己的感想，你也可以創(chuàng)建一個(gè)話題大家一起討論。此外可以點(diǎn)擊登錄和注冊(cè)按鈕來(lái)注冊(cè)登錄網(wǎng)站會(huì)員。四大板塊采用紅色背景，比較醒目，而且紅色是代表革命，是代表中國(guó)的顏色，使大家一眼便明白這是一個(gè)軍事相關(guān)的網(wǎng)站。（二）需求分析、原型設(shè)計(jì) 本次我參考的網(wǎng)站是我最喜歡的鐵血軍事網(wǎng)，它的整個(gè)頁(yè)面比較簡(jiǎn)潔，大體上以紅色和白色為主色調(diào)，通過(guò)對(duì)鐵血軍事網(wǎng)的認(rèn)真解讀幫助我完成了我的網(wǎng)站的需求分析及原型設(shè)計(jì)。它的原型設(shè)計(jì)如下：（三）表現(xiàn)標(biāo)準(zhǔn)：頁(yè)面樣式的可視化設(shè)計(jì)（Css3）網(wǎng)頁(yè)的可視化效果設(shè)計(jì)，主要是借助CSS3樣式的強(qiáng)大功能，可以用來(lái)制作多彩的文字鏈接，利用相關(guān)的樣式來(lái)豐富網(wǎng)頁(yè)的視覺(jué)效果因?yàn)镃SS能夠靈活定制網(wǎng)頁(yè)元素的風(fēng)格，還能夠迅速更新網(wǎng)站的風(fēng)格，組合不同風(fēng)格的網(wǎng)頁(yè)，除了有很好的表現(xiàn)形式外，CSS還有很多的表現(xiàn)作用，比如：一、使頁(yè)面載入得更快 由于將大部分頁(yè)面代碼寫在了CSS當(dāng)中，使得頁(yè)面體積容量變得更小。而不像表格嵌套那樣將整個(gè)頁(yè)面圈在一個(gè)大表格里，使得加載速度很慢。 三、修改設(shè)計(jì)時(shí)更有效率 由于使用了CSS制作方法，在修改頁(yè)面的時(shí)候更加容易省時(shí)。 四、保持視覺(jué)的一致性 CSS最重要的優(yōu)勢(shì)之一：保持視覺(jué)的一致性；以往表格嵌套的制作方法，會(huì)使得頁(yè)面與頁(yè)面，或者區(qū)域與區(qū)域之間的顯示效果會(huì)有偏差。 五、更好地被搜索引擎收錄 由于將大部分的CSS和內(nèi)容樣式寫入了CSS文件中，這就使得網(wǎng)頁(yè)中正文部分更為突出明顯，便于被搜索引擎采集收錄。由于CSS富含豐富的樣式，使頁(yè)面更加靈活性，它可以根據(jù)不同的瀏覽器，而達(dá)到顯示效果的統(tǒng)一和不變形。（四）結(jié)合JavaScript實(shí)施會(huì)員登錄頁(yè)面的分析與設(shè)計(jì) 登錄頁(yè)面有用戶名和密碼兩個(gè)文本輸入框，下方有登錄和重置按鈕，當(dāng)用戶輸入正確的用戶名和密碼后，點(diǎn)擊登錄按鈕，頁(yè)面會(huì)彈出一個(gè)提醒的對(duì)話框，提示您的用戶名和密碼，點(diǎn)擊確定后完成登錄，如果漏填用戶名和密碼則會(huì)提示你用戶名和密碼不能為空。//用戶名var k = (b)。=。()。}else if(==||==){alert(用戶名或密碼不能為空!)。 =。return false。}}function ruby(){var j = (a)。if(5){=用戶名太長(zhǎng)，請(qǐng)輸入五位以內(nèi)的用戶名。}else{=OK。}function haha(){var k = (b)。if(5){=密碼太長(zhǎng)。}else{=OK。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。amp。/font/span/pp font size=6　　　　amp。amp。amp。amp。amp。amp。amp。 input type=submit name=Submit value=登錄 onClick=return jimmy()。然后是密碼和確認(rèn)密碼，如果兩次輸入的密碼不一致的話會(huì)提示你兩次輸入的密碼必須一致，然后是性別的單選框，下面是職業(yè)和工資的下拉單選框，然后是身份證號(hào)的輸入框，因?yàn)槊總€(gè)人的愛(ài)好肯定不只一個(gè)，所以下方還設(shè)置了愛(ài)好的復(fù)選框，注冊(cè)者可以選擇多個(gè)愛(ài)好，此外下方還有名為其他的多行文本輸入框用來(lái)收集記錄注冊(cè)者的其他信息，點(diǎn)擊提交即可完成注冊(cè)。 s=。 } function aa2(t) { var p1,p2。 p1=。 if(p1!=p2) alert(兩次密碼必須相同)。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。我的固定菜單分為軍事大全、中國(guó)軍情、今日頭條、軍迷大本營(yíng)和聯(lián)系我們六個(gè)一級(jí)菜單，單擊后會(huì)向下彈出二級(jí)菜單，同時(shí)一級(jí)菜單的顏色有黑色變成綠色，再次點(diǎn)擊一級(jí)菜單欄目后會(huì)收起下拉的二級(jí)欄目。 charset=gb2312 /style//對(duì)表體進(jìn)行css格式的設(shè)置*,body,ul,li,h1,h2 {margin: 0。liststyle: none。 paddingtop: 20px。 margin: auto。 color: FFF。 padding: 5px 0 3px 10px。 margintop: 1px。}//對(duì)menu h2進(jìn)行css格式的設(shè)置menu h2 { cursor: pointer。 fontsize: 12px。 border: E7E7E7 1px solid。 backgroundcolor: F4F4F4。 height: 100px。 bordertop: none。}//對(duì)menu ul li進(jìn)行css格式的設(shè)置menu ul li { padding: 5px 0 3px 10px。}/stylescript language=JavaScript!//function ShowMenu(obj, noid) {//建立一個(gè)函數(shù)var block = (noid)。//定義一個(gè)n變量，并給它賦值if ( == 4) {//當(dāng)noid的長(zhǎng)度為4時(shí)var ul = ((0, 3)).getElementsByTagName(ul)。//定義ul,h2變量，并給它賦值for (var i = 0。 i++) {//i的條件語(yǔ)句h2[i].innerHTML = h2[i].(+, )。//顯示綠色 } = 。 i 。 } } } else { var span = (menu).getElementsByTagName(span)。//定義span,h1變量 for (var i = 0。 i++) { h1[i].innerHTML = h1[i].(+, )。//無(wú)色 } = 79FF79。 i 。 } } } if ( == no) { = 。 } else { = no。//顏色為無(wú)色 } } ///script/headbodydiv id=menu style=width: 16px。NO0339。NO239。NO339。NO439。NO539。NO639。NO739。 width: 107px。 zindex: 2。 top: 76px。2139。2239。2339。 width: 107px。 zindex: 3。 top: 71px id=layer3//定義一個(gè)層span id=NO3 class=no h2 onClick=javascript:ShowMenu(this,39。)font size=4軍事快報(bào)/font/h2 h2 onClick=javascript:ShowMenu(this,39。)font size=4軍迷論壇/font/h2 h2 onClick=javascript:ShowMenu(this,39。)font size=4環(huán)球視野/font/h2/span//當(dāng)發(fā)生點(diǎn)擊按鈕事件時(shí)，出現(xiàn)該菜單下的二級(jí)菜單　/divdiv style=position: absolute。 height: 100px。 l