實(shí)驗(yàn)室網(wǎng)站改進(jìn)方案

1、2014.9.16OUC信息安全實(shí)驗(yàn)室 風(fēng)格和設(shè)計(jì)改進(jìn)建議網(wǎng)站類(lèi)型定位設(shè)計(jì)原則適用性： 系統(tǒng)切合用戶(hù)需求？穩(wěn)定性： 確保網(wǎng)站可靠運(yùn)行 安全性： 靜態(tài)網(wǎng)站比較安全易用性： 界面友好導(dǎo)航便捷？風(fēng)格理念旗幟鮮明旗幟鮮明： LOGO、網(wǎng)站名稱(chēng)、主題 ，準(zhǔn)確，易辨。內(nèi)容明晰內(nèi)容明晰： 分類(lèi)清楚、重點(diǎn)突出、簡(jiǎn)明扼要、查詢(xún)流暢。和諧流暢和諧流暢： 視覺(jué)上簡(jiǎn)潔大氣，有較強(qiáng)的視覺(jué)沖擊力，色彩過(guò)渡平穩(wěn)和諧，突出重點(diǎn)。富有創(chuàng)意富有創(chuàng)意： 運(yùn)用新技術(shù)，特色鮮活，擴(kuò)大影響力，體現(xiàn)實(shí)驗(yàn)室形象，展現(xiàn)內(nèi)涵特質(zhì)。國(guó)內(nèi)高校同類(lèi)網(wǎng)站分析國(guó)外著名同類(lèi)網(wǎng)站分析國(guó)外大學(xué)同類(lèi)網(wǎng)站分析國(guó)家重點(diǎn)同類(lèi)網(wǎng)站分析現(xiàn)有網(wǎng)站瀏覽器兼容性、分辨率、網(wǎng)頁(yè)打

2、開(kāi)慢 解決方案 田英姿 瀏覽器兼容性 目前，對(duì)CSS 3和HTML 5支持最好的是Safari，Chrome次之，F(xiàn)irefox 3.6和Opera 10.5旗鼓相當(dāng)，IE家族最差。 來(lái)自百度流量研究院的數(shù)據(jù)瀏覽器兼容性解決方案： 保證在IE、Chrome、Firefox下沒(méi)有問(wèn)題，在其他瀏覽器下沒(méi)有太大的問(wèn)題。 經(jīng)測(cè)試現(xiàn)有的網(wǎng)站在IE、 Chrome、Firefox、Opera、搜狗下頁(yè)面排版顯示沒(méi)有問(wèn)題。 如果需要更換新模版需在不同瀏覽器下先測(cè)試，篩選符合要求的模版，然后再修改。不同屏幕分辨率解決方案： 經(jīng)測(cè)試在1440 x900至1024x768分辨率下頁(yè)面排版顯示沒(méi)有問(wèn)題，在800 x

3、600下橫向排版出現(xiàn)問(wèn)題。 微調(diào)css文件里的代碼，應(yīng)該可以使頁(yè)面接近正常。網(wǎng)頁(yè)打開(kāi)慢解決方案： 現(xiàn)象：第一次打開(kāi)時(shí)很慢 原因： 1、圖片過(guò)大（主要） 2、同學(xué)使用的網(wǎng)頁(yè)需要加載文件（待定） 解決辦法：把圖片改小，去掉沒(méi)有必要的加載、可以用HTML5離線(xiàn)存儲(chǔ)功能。內(nèi)容方面：內(nèi)容方面：1、很多實(shí)驗(yàn)室成員沒(méi)有個(gè)人主頁(yè)任務(wù)：a統(tǒng)計(jì)所有人員，是否漏掉（安排人員） b制定已畢業(yè)人員符合切身實(shí)際的資料表（安排人員） c發(fā)送回收已畢業(yè)人員資料表（安排人員）2、科研論文新加連接摘要頁(yè)面任務(wù)：a整理論文摘要3、劉老師建議：內(nèi)容豐富，經(jīng)常更新4、安全競(jìng)賽、Bule-whale加介紹頁(yè)鏈接任務(wù)：a介紹頁(yè)內(nèi)容 b給出

4、這兩個(gè)的整改方案1.畢業(yè)生信息表：畢業(yè)生信息表： 需要增刪的內(nèi)容？林老師意見(jiàn)：把團(tuán)隊(duì)成員放到首頁(yè)后面 如無(wú)外聘專(zhuān)家，則去掉 曲老師更換圖片解決方法：解決方法： 科研論文加鏈接，新開(kāi)頁(yè)面顯示摘要2.科研論文與科研項(xiàng)目相對(duì)于其他導(dǎo)航欄欄目縱向深度小科研論文與科研項(xiàng)目相對(duì)于其他導(dǎo)航欄欄目縱向深度小 問(wèn)題： 倒序排列、編號(hào)、固定數(shù)目條目分頁(yè) ，新增條目需重新分頁(yè)，更改所有頁(yè)面。解決方法：解決方法：1、不采用編號(hào)。改用標(biāo)志替代2、JS數(shù)組或者Json文件，實(shí)現(xiàn)自動(dòng)分頁(yè) 3、林老師建議做個(gè)小程序每次寫(xiě)入自動(dòng)生成分頁(yè)。3.劉老師建議：內(nèi)容豐富，經(jīng)常更新劉老師建議：內(nèi)容豐富，經(jīng)常更新a 加上開(kāi)設(shè)課程信息及講義

5、、課件的下載，同學(xué)們上課的講解課件或討論時(shí)的課件（首頁(yè)加模塊，還是加在導(dǎo)航欄？首頁(yè)加模塊林老師建議不超過(guò)4個(gè)，以簡(jiǎn)潔為主）b 可以加上信息安全的經(jīng)典文章，最新安全資訊和漏洞學(xué)習(xí)等內(nèi)容（加在哪里？）4.安全競(jìng)賽、安全競(jìng)賽、BlueWhale：與網(wǎng)頁(yè)風(fēng)格突兀解決方法：解決方法： 加入介紹頁(yè)，在介紹頁(yè)中加入鏈接。5、瀏覽器縮放問(wèn)題、瀏覽器縮放問(wèn)題縮至30%放至170%解決方法：調(diào)整css寬高的設(shè)置任務(wù)匯總?cè)蝿?wù)匯總負(fù)責(zé)人負(fù)責(zé)人科研論文摘要整理統(tǒng)計(jì)人員，修改表格、發(fā)送、回收資料表安全競(jìng)賽、bule-whale介紹頁(yè)內(nèi)容安全競(jìng)賽、bule-whale整改模板、效果、不兼容及顯示布局等的調(diào)整，內(nèi)容完善劉老師和林老師的一些建議：劉老師和林老師的一些建議：1、網(wǎng)站配色問(wèn)題：（不建議采用計(jì)算機(jī)主流的藍(lán)色加淺灰，可采用深紅+白色或者整體灰色調(diào)，請(qǐng)教白姐）2、扁平化網(wǎng)站風(fēng)格，能用圖片盡量不用文字表述3、其他問(wèn)題a