時間：2023-06-15 17:05:26
引言：易發表網憑借豐富的文秘實踐，為您精心挑選了九篇普通網站設計范例。如需獲取更多原創內容，可隨時聯系我們的客服老師。
本文從光纖系統的構成、保護方式的選取、光纖網絡的構建以及設備的選擇等幾個方面綜合論述了SDH光纖在蒲石河抽水蓄能電站通信網絡的應用。該組網方案對同類抽水蓄能電站光纖通信系統的設計具有一定的借鑒價值。
【關鍵詞】SDH 抽水蓄能電站 光纖環網
1 概述
蒲石河抽水蓄能電站位于遼寧省寬甸滿族自治縣境內，是東北電網建設的第一座大型純抽水蓄能電站，總裝機容量為1200MW，安裝4臺單機容量為300MW的可逆式水泵水輪發電機組。承擔東北電網和遼寧省網的調峰、填谷、調頻和事故備用任務。
蒲石河抽水蓄能電站廠內光纖通信系統通過設置廠內光纖通信環網來傳輸電站內各個光纖通信站之間的通信信息，需傳輸的信息內容包括：（1）語音信息：廠內的生產調度電話、行政管理、電力系統調度電話等。（2）數據信息：電站計算機監控信息、火災報警信息、綜合數據網信息。（3）圖像信息：工業電視信息。
2 廠內光纖通信系統的組網方案
2.1 系統構成
（1）光纜型式：ADSS。
（2）傳輸制式：SDH（SDH等級為STM-1）。
（3）傳輸速率：155.52Mbit/s。
（4）冗余方式：1+1，熱備份。
（5）調制方式：PCM。
2.2 保護方式
本工程光纜線路系統具備保護倒換功能，選用的SDH自愈環結構為：2纖單向通道保護環。該結構環網由2根光纖組成，其中一根用于傳輸業務信號，稱主用光纖，另一根用于保護，稱備用光纖?；驹聿捎?+1的保護方式， 1+1保護方式的保護系統和工作系統在發送端兩路信號是永久相連的，接收端則從收到的兩路信號中擇優選取。優點：雙發選收，實現簡單，倒換速度快，因不使用自動保護倒換（APS）協議，倒換時間一般小于30 ms。
2.3 組網方案
蒲石河電站廠內光纖通信網包括8個光纖通信站和站址之間的光纜線路，8個光纖通信站的地點分別為交通洞口中控樓、地下廠房、500kV開關站、66kV施工變電所、下水庫大壩集控樓、下水庫進/出水口、上水庫進/出水口、王家街生活區。光纖設備的配置和連接如圖1所示。
蒲石河抽水蓄能電站廠內光纖通信網8個光纖通信站內的光纖通信設備皆采用SDH155系列設備，雙光接口配置，光接口類型為L-1.1，8個光纖通信站內共11套光傳輸設備，皆配置相應數量的2M接口的電支路，并分別配置2個10M/100M以太網接口，各站皆配置相應數量的智能PCM設備，每個智能PCM設備內部包含所有時隙的全交叉矩陣，可與同類型設備聯合組網。各通信站設備數量為交通洞口中控樓配置3套一體化光端機，3套智能PCM設備，1套綜合配線系統，500kV開關站配置2套一體化光端機，1套智能PCM設備，1套綜合配線系統，其余6個通信站皆各配置1套一體化光端機，1套智能PCM設備，1套綜合配線系統。本廠內光纖通信網設置1套網絡管理系統，1條公務聯絡信道。
2.4 廠內光纜線路
蒲石河電站廠內光纖通信網8個光纖通信站之間的光纜線路，站址之間的光纜線路路由分別為交通洞口中控樓至地下廠房，地下廠房至500kV開關站， 500kV開關站至66kV施工變電所， 66kV施工變電所至下水庫大壩集控樓，下水庫大壩集控樓至交通洞口中控樓，交通洞口中控樓至下水庫進/出水口， 500kV開關站至上水庫進/出水口，交通洞口中控樓至王家街生活區，線路總長約為15km。除交通洞口中控樓至下水庫進/出水口段是直埋式光纜線路外，其余各段皆為架空敷設或沿電纜架敷設ADSS光纜或阻燃防鼠光纜線路。
本系統光纜芯數由計算機監控系統、廠用保護、狀態監測、消防火警、通風、通信、視頻、局域網、綜合數據網、電力系統通信和預留光纖組成。結合本系統特點，采用ITU-T簡易的G.652光纖，工作波長為1310nm，有利于提高系統傳輸質量、降低光纜成本。
3 主要設備的選擇
3.1 一體化光端機
本工程采用中興通訊股份有限公司生產的ZXMP S200與ZXMP S330光端機設備進行通信網絡的組建。利用ZXMP系列設備具備交叉能力強、可以在一個子架內實現多方向光信號優勢，在一套ZXMP系列設備實現多個邏輯網元，邏輯網元可以是ADM、TM、REG類型，實現大容量業務上下，便于各類業務管理。利用ZXMP系列設備強大的升級能力，本工程建設155M速率自愈環，通過更換光板，就可以平滑升級為622Mbit/s速率自愈環。
3.2 智能PCM設備
本工程選用的智能PCM設備的型號為：BX10。該系統以大容量交叉連接矩陣為核心，集成了數字/模擬接入、復用、交叉連接、傳輸功能于同一平臺。BX10采用了標準化結構框架，開放式智能總線，結構簡單，功能強大。BX10將SDH傳輸與PCM接入于一體，通過基于PCM技術的綜合業務接入平臺提供話音， 數據及交叉連接（DXC1/0）等業務，將所接入的業務通過復用及交叉等處理后直接進入SDH光口。
4 結語
蒲石河抽水蓄能電站廠內光纖通信環網為電站廠內的生產調度及行政電話和電力系統調度電話信息的傳輸提供了可靠的傳輸通道。本設計方案組網合理、技術成熟、操作方案，竣工驗收投產后設備運行穩定，對同類抽水蓄能電站光纖通信系統的設計具有一定的借鑒價值。
參考文獻
[1]韋樂平.光同步數字傳輸網[M].北京：人民郵電出版社，1996.
[2]DL/T 5404-2007.電力系統同步數字系列（SDH）光纜通信工程設計技術規定[M]. 北京：中國電力出版社，2008.
作者簡介
羅微（1982-），女，現為中水東北勘測設計研究有限責任公司工程師。主要研究方向為水電站通信專業設計。
一、我國普通高校門戶網站總體概況
目前，我國普通高校大部分采用的是比較先進的網絡技術PHP結合DIV+CSS布局研發而成的學校類大型網站，根據學校的發展理念及辦學宗旨設置網站的主色調，建立圖文結合、前臺簡潔大方、后臺功能強大、操作簡便的大型門戶網站。網站各個欄目分類明確、細致，主要內容涉及學校行政工作、黨建工作、教學工作、學校簡介、招生宣傳、教學科研成果等。
二、我國普通高校門戶網站建設中普遍存在的問題
1.信息更新不及時
我國普通高校門戶網站中普遍存在信息更新不及時的問題，導致了上網查看的部分信息與實際信息不符等現象。更新不及時的信息包括：學校熱點新聞、招生信息、辦公信息等。學校的熱點新聞體現學校整體辦學的活力；招生信息尤為重要，如果招生信息與事實不符會遭到學生質疑；辦公信息是對外建立合作的接口，學校想要長足發展對外聯系必不可少。所以這些信息不及時更新將會導致門戶網站逐漸失去用戶群體。
2.用戶群體的體驗性
一個優秀的高校門戶網站必須給用戶群體更好的體驗。有些高校門戶網站為追求整體效果，設定過于復雜化的鏈接以及過多的圖片或廣告，導致瀏覽者失去了瀏覽的興趣，進而導致學校生源流失。
3.網站運行的安全性
確保學校網站的安全性，才能夠長期為師生提供優質、穩定的服務信息，也是學校和諧發展的必要條件。當前各高校網站存在的安全隱患主要有計算機的系統漏洞、計算機病毒的傳播、外來系統的攻擊、內部用戶的攻擊以及垃圾郵件和不良信息的傳播等。這些安全隱患對學校網站安全構成了嚴重的威脅，也對網站運行造成了不利的影響。
三、我國普通高校門戶網站存在問題的解決方法
1.提升網站更新的即時性
（1）學校領導的高度重視是網站運行的保障。高校門戶網站建設以來，領導的高度重視是不可或缺的，學校領導針對學校網站的更新能提出關鍵性的意見及建議，可以說是學校網站內容的總規劃師。
（2）各個部門的積極配合是高校門戶網站能夠順利運行的基礎，如果沒有每個部門的大力協助，網站管理員是無法管理網站的。
（3）全體師生的大力參與是網站運行的動力。全體師生的參與也是極為重要的。他們在瀏覽網頁中發現的問題或者有什么新的提議都應及時進行反饋。針對反饋意見，進一步完善網站相關問題，可將學校網站做得更好。
2.需求用戶的體驗性提升
（1）優化網站圖片，減輕網站運轉負荷。高校門戶網站如果圖片過多、過大則會導致網站運轉負荷增加，加載緩慢，影響用戶體驗。那么我們必須對網頁上的圖片進行優化。
（2）優化CSS代碼。CSS疊層樣式表的問世，可以使網站變得美觀、整潔。它一改普通表格布局的死板、單一，提高了加載效率與用戶體驗。在編輯CSS時要對某些重復、沒必要的代碼進行精簡，從而帶來良好的訪問效果。
（3）頁面布局的優化。高校門戶網站在頁面布局上應該做到主題分明、分類合理、美觀大氣，讓訪問者可以很快找到自己所需要的信息。
3.高校門戶網站運行的安全保障措施
各高校信息中心應配備完整的網絡安全設備，加強網絡安全監管，建立全校統一的身份認證系統，做好網站登錄認證工作；對網站做經常性備份，如服務器出現問題導致網站文件損壞等狀況，可以及時上傳備份文件；過濾網絡不良信息，防止有害信息危害用戶身心健康；建立學校網站安全的管理制度，完善的制度可為學校網站安全性的提供優質保障。
隨著互聯網時代的飛速發展，高校門戶網站在學校的地位與日俱增，成為學校信息傳播的載體，是高校師生以及社會人士獲取校內信息的重要途徑，也是高校信息化建設中必不可少的環節。
參考文獻：
關鍵詞:電子商務網站設計
一、電子商務網站系統分析與設計
電子商務網站既要處理企業對企業之間、企業同消費者之間大量復雜而零散的數據和信息,又要保證數據和信息傳輸的安全性,因此與普通的網站相比在數據處理和傳輸方面要求更高,流程也更加復雜。因此,我們必須要使系統滿足以下原則:
(1)系統的可靠性:系統的數據對企業是至關重要的,在任何情況下保證數據的完整性、正確性和可恢復性是網站設計的前提;
(2)系統的安全性:網絡給我們帶來便利的同時也帶給我們更多的煩惱,黑客和病毒的侵襲隨時會對系統產生致命的破壞,因此網站設計時必須采取足夠的措施,保證系統的安全;
(3)系統的經濟性與可擴展性:高性價比是一個網站的重要指標,設計網站時要處理好系統的整體優化與重復建設的矛盾,保證系統的可擴展性。隨著信息量的增加和應用功能的擴充,系統的軟硬件也必須逐步擴展,要確保系統對升級換代的適應能力;
(4)系統的開放性:電子商務網站只是企業整個商務體系中的一部分,它可能是企業的第一個系統,但決不應該是最后的一個。因此,它必須設計成支持開放性、符合相關技術標準的系統,使其能與原有系統協調工作,并與將來新建系統相互兼容;個性化是目前電子商務軟件開發的焦點。雅虎讓用戶自己設定個人首頁。亞馬遜網站可以向購買同一本書的客戶推薦別人同時還購買了其它什么樣的書籍。戴爾網站使用成熟的分析軟件,通過不同渠道收集的數據來預測客戶行為和偏好。一家網上銷售自行車的網站使用相應的軟件給相似的用戶來提供建議,推薦符合個人口味的自行車。研究表明,具有個性化服務的網站比沒有此項功能的網站可以更有效地增加銷售額。目前對商家來說最大的挑戰是如何決定個性化的內容。滿足了上面的這些原則,就要具體來設計它了,對于網頁的設計我想大家應該是比較熟悉了,但是電子商務網站設計起來可不是那么的簡單,我們現在來看看它的設計步驟和設計原則:
(1)確定網站的主題和風格:這個幾乎是所有在制作網站前都必須要做的事情。網站主頁的風格是瀏覽者對整個網站的普遍的感覺,是主頁的版式、色調及圖文組合的高度抽象。而網站的創意則是在設計之前對內容的選擇和表現形式運用的思考,力求個性的發揮,可以反映出制作者的水平。
(2)網站功能模塊的規劃:一個網站設計得成功與否,很大程度上決定于設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在制作網頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網頁才能有個性、有特色,具有吸引力。
(3)制作軟件的選取:現在用的比較多的就是網頁三劍客了,這套軟件用起來還是非常的方便的,分別是Dreamweaver、Flash和Fire-works,當然他們的版本都是8.0的,制作的過程可能還會用到其他的一些輔助軟件,如Photoshop等。
二、電子商務網站設計中需要注意的問題
1、交易的信用問題。當前,從事電子商務的網站很多,淘寶、易趣等等。各個電子商務交易平臺均有自己的信用體制,無非就是:中介模式、網站模式、擔保模式和委托模式。以淘寶和易趣為例,如果使用現金通過郵局匯款或者使用銀行轉帳的方式進行交易,因為交易都是先款后貨,所以極有可能商品到手后感覺與網站上描述的多少有區別,更多的時被騙的感覺。這也是電子商務步履蹣跚發展緩慢的主要原因之一。如何更好的確保交易雙方滿意交易逐漸成為人們關注的問題。以淘寶和易趣為例,淘寶網可以使用支付寶進行交易,易趣可以使用安付通交易。交易時,貨款先支付在支付寶或安付通,收貨滿意后才從支付寶或安付通付錢給賣家,不必跑郵局、銀行匯款以及網上在線支付,方便簡單,極大程度上提高了交易雙方的信用問題,應該可以保證雙方的交易。但是,假如你買30元的物品,郵資15元,貨到后發現破損或者其它問題不滿意,以致退換,郵資又15,恐怕加起所有的錢可以在本地買到新的商品了,不是一手錢一手貨就沒有了交易的感覺。其實,除了使用類似支付寶、安付通等來提高交易雙方的信用問題以外,仍然需要交易雙方都能保持一個平和、寬容的心態來對待交易。
2、交易的安全問題。短信陷阱、短信詐騙、假銀行、后門程序、黑客木馬、注入漏洞等不良影響的出現,嚴重影響了交易的安全性。在淘寶、易趣網站上經過很簡單的查詢,你會發現有很多的商品(新)比現在的商場或網上報價低幾成,其的網站也煞有其事,查詢ip地址所在地:福建泉州居多。這不得不使人聯想到短信詐騙和網上詐騙的案件。如果使用郵局匯款怕早晚石沉大海,而假銀行的出現、黑客木馬也使得銀行轉帳極有可能落得雙手空空。而電子商務網站的目的只有一個,就是盈利、盈利還是盈利,只要完成交易就可從中“漁利”,往往忽視了對賣買雙方信息真實性的核實。雖然,支付寶和安付通在極大程度上能夠提高交易雙方的信用,提高交易的安全性,但針對交易雙方提供的信息的真實性以及交易的滿意程度還缺乏一整套科學、規范、成熟的監管機制,因此而產生的經濟糾紛可想而知會多么漫長。
三、網站風格和創意設計
網站的整體風格及其創意設計是人們最希望掌握,也是最難以掌握的。其難點在于沒有一個固定的模式可以參照和模仿。如果要設計和普通網站有區別的站點,則必須要研究網站的整體風格及其創意設計。風格(Style)是抽象的,是指站點的整體形象給瀏覽者的綜合感受;風格是獨特的,是一個站點不同于其他網站的地方,或者色彩、或者技術、或者交互性;風格是有人性的,通過網站的外表、內容、文字和交流,可以概括一個網站的個性,情緒。設計網站的整體風格可以采用下列做法:將你的標志Logo盡可能出現在每個頁面上;突出你的標準色彩;突出你的標準字體;使用明朗上口的宣傳標語;創建一個站點的特有的符號或圖標等。創意(Idea)是網站生存的關鍵,作為網站設計人員,一定要有好的創意來源。創意是傳達信息的一種特別方式,它是思考的結果,也是現有要素的重新組合。比如,IP電話、在線書店、電子社區、在線拍賣等。
參考文獻:
[1]陸永禎、孫云龍.用ASP和SQL Server 2000實現網站管理[J].鞍山鋼鐵學院學報,2002,25(3):197-199.
目前，多數出版企業已開通網站，有些編輯或出版人還開通了博客、微博、QQ等平臺與讀者交互，但就官網的交互情況來分析，效果并不理想。主要問題有：第一，網站設計粗糙，更新不及時，幾乎沒有交互功能。部分出版企業開通了官網，但由于投入的人力、資金等有限，網頁設計不精美，顏色搭配不當，資訊時效性不強，用戶反饋信息特別不便。由于這種網站毫無吸引力，所以瀏覽者數量稀少。這類網站在宣傳企業形象、凝聚市場人氣、采集讀者意見、增進雙方關系等方面都無法實現基本功能，且常常給讀者留下負面印象，普通讀者如非迫不得已一般不會再次登錄該網站。第二，導航系統存在缺陷，讀者無法檢索到符合需要和感興趣的信息。從用戶心理角度分析，讀者登錄出版企業網站是為查找營銷信息，或反饋遇到的問題，因此，讀者希望能在較短時間獲得完整準確的信息，且不愿承擔太多記憶負擔。目前部分出版企業網站的導航系統沒有凸顯出易辨識和易操作的特征，不能實現交互流程的精簡化，讀者感到摸清網頁布局和使用規則異常困難，出現操作失誤難以恢復，因此，讀者難以對網站產生好感或向他人推薦。第三，基本功能健全，但缺乏風格與特色，不易在同類網站中脫穎而出，且在人機交互方面沒有優勢。由于上述原因，這類網站在電子商務網站中僅處于“平庸”等級，無法有效捕捉讀者的注意力。從資源利用效率角度分析，網站的建立和維護需要大量資源，如果效果平平，市場反應不佳，則這些投入將無法收回。因此，理性的決策者在決定開發網站前，必須充分考慮讀者的體驗訴求，盡力通過獨特的網頁風格、生動形象的展示、符合認知習慣的體驗，提升讀者的滿意度。當然，這種方案的前提是有充分調研和讀者結構分析作基礎，進而結合讀者上網的偏好，然后才能設計和推出別具風格的網站。筆者點擊過14家出版企業（集團）網站，發現大多數以介紹黨政領導的社會活動為主，加上新上市產品的推介，內容結構單一且相似度高，缺乏吸引人的視覺設計，對于多媒體的應用缺乏創意或搭配不當，針對讀者特征的交互設計或沒有出現，或比較初級，仍有較大的改進空間。這些問題嚴重影響出版營銷工作的開展，對于數字化轉型的推進極為不利，因此，從長遠考慮，出版企業須重視網絡商務平臺的建構和維護，即以讀者的利益為中心，優化人機交互設計，利用網絡平臺改進消費體驗，提升讓渡給讀者的整體價值。
我國出版企業網站設計優化的戰略思考及執行細則
目前，我國大部分出版企業仍以傳統圖書出版為主，但在網站設計方面則應以國外最佳的電子商務網站為標桿，參考其實戰經驗，改進網站的智能水平和互動功能。筆者認為，有如下幾個思路可供參考：第一，利用多元渠道進行讀者調查和用戶行為分析。對于讀者的訴求，尤其是隱藏的心理動機，出版企業需通過多種途徑去洞察，獲取讀者使用網絡時的表現等原始信息，此類信息能反映讀者使用網站或產品中存在的問題，挖掘這類數據可以辨識讀者的真正需求，提煉出設計創新或功能優化的新思路，為提升網站的交互性能提供可行方案。目前，出版企業可通過BBS、博客、微博上的訪問、跟帖和評論分析讀者對網站交互功能的期望，然后結合出版企業的品牌定位，籌劃改進網站設計的具體方案。需要說明的是，讀者調查和用戶行為分析在出版營銷的整個流程中始終處于關鍵地位，一方面用戶心理和行為調研能為網頁設計提供良謀益策，另一方面，網頁設計需要考慮網站在讀者數據收集方面的功能。第二，邀請第三方介入調查和設計環節，但出版企業內需要有專人負責協調、指導和監控營銷溝通計劃的落實。在網站的設計、開發、測試和管理的全過程中，出版企業的項目負責人應清楚地將意欲達到的溝通目標、具體的交互指標等向開發人員做系統的說明，然后在網站開發完成和試運行時，以普通用戶的身份訪問網站，檢查各項指標是否達成，發現問題并提出修改意見。第三方負責讀者調查和網站開發的優勢在于技術更為卓越，專業程度更高，但也可能由于溝通障礙、時間限制導致設計質量問題。在網站開發結束之后，雙方還應該通過合同形式規定好后期維護事項。第三，自行開發網站，改進交互功能，提供更多附加服務，增強讀者黏性。這種方案是基于讀者需求變化無常的考慮，相對于出版企業的市場調查和需求分析而言，讀者本人最了解自己的需求，因此，出版企業須通過交互功能的改善來與讀者建立和維持良好的關系，同時富有人情味、趣味性的溝通，可讓讀者的訴求獲得個性化表達。簡言之，這種方案要求出版企業在原網站的基礎上，根據用戶研究的結論，調整視覺層次，改進搜索工具的性能，設置指向清晰的導航系統，以貼近讀者的使用習慣，減少讀者思考的難度，讓讀者輕松地找到問題的答案，在內容編輯上要活用文字、圖片和視頻，以富媒體的形式傳播信息，讓讀者獲得全方位的感官體驗，進而對品牌產生好感與信任，甚至主動推薦該網站給自己的親友。在出版經營日益互聯網化的前提下，出版企業應投入人力、資金去優化網站的交互功能，以提升整體營銷效果。筆者認為以下幾則建議可供參考：首先，明確目標消費群體的構成，并盡力使目標讀者群成為網站深度用戶。出版企業須注重對市場的理性分析，做好讀者數據的收集、挖掘工作，明確目標市場的構成及讀者的網絡瀏覽習慣，然后在網站設計中結合讀者的人口學特征及使用偏好，有針對性地設計一些交互功能，增加讀者的訪問率和停留時間，讓讀者在使用過程中逐步產生參與的興趣和沖動，成為網站的深度用戶，為網站優化提供更多的反饋和建議。簡言之，出版企業的網頁設計須以人為本，為了交互的精準化，經營者務必做好前期調查工作。其次，界面設計奉行簡單易懂的原則。出版企業網站應減少讀者思考的難度。人性化的網站必須是自我解釋的，在資訊方面去蕪存菁，只提供讀者所需內容，它尊重用戶的惰性，讓讀者一眼就能找到感興趣的欄目，并且可以預測到每次點擊后獲得的內容。[5]網頁設計人員不要期望讀者會花時間了解技術細節，應清楚讀者無法容忍長時間等待，因此，煩瑣的注冊程序應盡量避免。為節省讀者的時間、精力，導航系統應盡量突出關聯性，讓讀者能很快地找到相關度較高的書目信息以及反饋平臺。再次，通過多種方式將品牌信息傳遞給讀者，在讀者頭腦中形成鮮明的品牌印象。出版企業的網站設計中要通過LOGO、軟文廣告、動態標志等傳遞組織使命、核心優勢，讓讀者牢記和認出出版經營者的商標、拳頭產品等，同時要通過自發的反饋、分享等方式強化品牌認知，增強讀者對品牌的信任和依賴感。
中小企業無疑是對自助式建站需求最大、最密集的用戶群體,在這一領域卓有建樹的萬網所推出的自助建站工具高級版(以下簡稱“萬網”)又會有如何表現呢?本文將為關注自助建站的讀者帶來答案。
高起點的美化設計
對絕大多數用戶來說,制作網站首先關注的還是美觀性。畢竟大部分網站的欄目和內容都不是很多,在篇幅和內容質量基本相同的情況下,外觀出眾的網站無疑會征服更多的訪問者。萬網提供了很多頁面模板,其風格也相當全面,只要用戶花費一點時間選擇,再利用頁面編輯工具將需要的功能拖放到頁面上,就可以形成一個非常漂亮的頁面了。圖1在筆者制作的一個簡單的企業網站首頁,其頁面效果至少不遜于很多售價在1000元左右的企業網站。如果花費一點時間利用萬網提供的布局和樣式調整工具,相信頁面的精美程度還會有很大提升。
功能更加易用
選用自助建站工具的用戶往往有兩方面的訴求:一是這些用戶希望相對快速地完成工作,二是這些用戶希望更容易地完成制作。通過萬網來構建網站,不需要用戶具有專業技能,無論是外觀設計,還是網站推廣,甚至是各種功能性的程序組件,都只需要像平時操作Word排版軟件一樣就可以輕松完成。事實上,圖1中筆者完成的頁面,總共只花費了30分鐘的時間,這其中還包括邊使用邊熟悉功能所耗用的時間。值得一提的是,使用萬網的自助建站工具,在維護方面用戶也可以節省很大的精力。由于拖放設計系統和預覽系統都很完善,頁面可以隨時修改和,用戶相當于擁有了一個實時的網站設計平臺,相對于傳統的FTP維護方式,無疑更具親和力。
主流功能全覆蓋
萬網提供的功能組件相當完備。就頁面設計來說,在線地圖、照片集、RSS新聞抓取、論壇等工具都是相當有用的功能組件。
此外,具有一定專業水準的SEO網站推廣工具和訪問流量分析統計工具,對那些對網站實際效果異常敏感的用戶來說相當超值。而備份恢復工具也相當簡便高效。
萬網整合的產品列表、購物車、會員管理、支付管理、配送管理等電子商務功能,可以讓用戶快速建立起自己的網絡商店,其穩定性和效果都相當不俗。值得一提的是,萬網也支持建立手機網站,其操作方法與建立普通網站基本相同,無論是使用普通瀏覽器還是WAP專用瀏覽器效果都不錯。只是鑒于手機設備的性能和功能限制,提供的程序組件有限。
兼容性中規中矩
似乎對于自助式建站工具來說,頁面效果的兼容性始終是一個難題,特別是在加載了很多頁面特效之后,效果往往不好。在試用過程中,我們使用IE 8、IE 6、FireFox 3.6、Ghrome 4.1、Opera 10.53等多款主流瀏覽器對萬網制作的頁面進行了訪問測試。萬網制作的頁面,兼容性還是不錯的。
現代智能手機和平板電腦的使用率日益普及，桌面版網站瀏覽的關注度正處于下降趨勢，但由于B2C領域的發展，桌面版網站在今后的時間里也將成為網絡發展的重要戰略方向。在許多電影的官方網站上，由于B2C商業化模式的激勵，電影官方網站的設計在內容呈現、瀏覽互通的方式上下足了功夫，促使網站設計師制作出了許多設計優秀且讓人為之驚艷的網頁UI設計，起到了有效的營銷推廣作用，正是如此，我們可以從電影網站的設計中看出些許未來網頁UI設計的風向標。本文將從電影網站的設計中淺析未來網頁UI設計的部分趨勢及改變。
【關鍵詞】
網頁UI；設計趨勢；電影網站
一、視頻運用與無縫畫面跳轉
在《侏羅紀世界》和《王牌特工》的網站初始背景中，設計者分別運用電影內片段和場景景深變換，使用戶在登入網站時能很快地融入到電影主題中，這種新穎的設計方式已得到多數設計師的青睞。隨著Flash應用的衰退，大多數PC網站普遍不加入動態變化，而在UI中加入視頻的網站卻逐漸增多。在HTML中插入視頻，需要插入“video”標簽，此標簽于HTML5中供給使用，HTML5對多媒體網站支撐主要通過包含元素項來兌現，主要包括Video、Canvas、Audio等元素。其中，Canvas元素擁有十分重要的效用，它好似一張畫板，通過該元素自帶的API聯合JavaScript代碼，可以在這個畫板上繪制各種圖案圖像以及動畫；而“Video”和“Audio”作為視頻、音頻特征標記，使視頻、音頻從此不必綁定在Object或Embed標記中,既提高了網頁應用的安全性和穩定性，也在一定程度上提高了用戶體驗，隨著近些年主流瀏覽器支持HTML5，使得利用視頻的環境更加容易。Web網站和APP程序在頁面跳轉上是否有接縫這點上略有不同，隨著Flash的沒落，HTML的網站成為主流，頁面跳轉使用頁面刷新，變得乏味陳舊。然而，通過Pjax讓web網頁實現了像APP那樣的無縫跳轉，如同插入JQuery一樣，PC版網站也可以做到頁面間的無縫畫面跳轉。Pjax的使用，大大提升了用戶體驗，是很多主流網站，如facebook等都支持的一種瀏覽方式。在電影《饑餓游戲》（TheHungerGames）的官網上，點擊左側欄鏈接時，頁面不做跳轉，而只是站內頁面刷新，這樣的用戶體驗比起整個頁面刷新來說，視覺好上很多，也給用戶一種未來科技的代入感。Pjax維護了web原本的構造，在頁面跳轉時便替換了原定的代碼，讓頁面保持整潔，有利于SEO（搜索引擎優化），Pjax成功取代了Flash和曾經的Ajax。
二、大型化、低密度、長頁面及扁平化表現
PC網頁常常在有限的空間內加入大量單一button元素的設計，但如今的潮流趨勢將UI部件推向了大型化（BigUI）、低密度（LowDensity）和長頁面（LongPage），加之Microsoft推出的Window10和Apple的ios9中倡導的扁平化設計，扁平化設計已經在現行的APPUI中逐漸普及。《侏羅紀世界》的網頁上，我們看到設計師很明顯地將上述元素運用到位，右側欄的button大型化，模仿window8和window10中的“開始”界面欄。點擊網頁下方六邊形的button可以推出長頁面，增加了用戶互動元素，整體網頁布局采用低密度形式，從使用者角度更容易瀏覽、理解，減少了網頁內容的指向性錯誤，也讓網頁可以更好地利用觸摸屏幕進行瀏覽，使部分移動設備得以全方位體驗網頁。這些年來，許多新型筆記本電腦上安裝了觸屏,而觸摸屏的使用出自手指點擊，時常不能進行精準操作，因此用戶界面增大，元素和button之間要留出充分的空間，頁面中表現元素變得清晰，方便頁面滾動瀏覽。作為大型化、低密度、長頁面這三大項要素的合適布局，趨勢為一欄布局。一欄布局對于使用者，不會再有不需要的雜項入眼，使重要的內容匯集在一起，頁面上的文字更容易被閱讀，圖片被展示得更大。在今年日本熱門電影《百元之戀》的網頁上，就采用了典型的一欄設計，在banner部分貼出大幅的電影海報，信息欄則簡要地展示電影近期動態和文字新聞，去掉了側邊欄導航條，讓網頁的層級得到降低，減少了選項菜單，只留下banner下方的選項欄。關于扁平化設計，iPhoneios7以來就在設計界刮起了追崇之風。扁平化設計是不使用任何額外效果的設計，去掉3D化效果，無多重陰影、斜角、立體浮雕等創建出的凸起或凹陷的效果。扁平化網頁元素并不是拒絕一切修飾效果。首先，扁平化元素關注顏色，通常使用色彩明亮鮮艷的色彩。與此同時，扁平化也注重文字，很多扁平化處理只會涵蓋很少的文字，為了達到讓用戶易辨識的使用感受，設計中需要注意每一處文字的長度和字體的應用。
三、SVG的使用和液態布局
SVG(可縮放矢量圖形)格式可以算上目前最為熱捧的圖像文件格式，與其他格式相比，SVG不會像JPEG、GIF和PNG依存于尺寸和分辨率，無論環境變化，無論擴大減小，都能夠正常輸出顯示。圖片尺寸格式相對更小，技術上可以制作成動畫，設計出高分辨率的Web圖形網頁，圖片格式適合在移動端和多種設備下閱覽。當今設備的多樣化，畫面的分辨率出現了徹底的改變。以前，寬度符合960px~980px就可以解決問題，如今對于分辨率多用化，最符合頁面寬度的布局當屬液態布局。設計元素和圖片不是用像素來定義，而是使用百分比，就好比將液體倒入容器中，當容器的形態發生變化時，液態的形態也將跟著發生相應的改變，因此無論什么分辨率的網頁，都能夠被布局成擁有一定平衡感的頁面，這樣也解決了適應小型或大型屏幕設備時的缺點了?！赌７掠螒颉返膱D片瀏覽頁面就很好地做到了兩者結合，看似排列不同的矩形SVG圖片方陣，通過跟隨瀏覽器大小的變更，排列從全屏時的四行排列，縮小瀏覽器視窗后變為兩行排列，這樣也無需左右調節滑動條進行瀏覽，而電影劇照的圖片清晰度也未發生改變，仍然保持著很好的用戶體驗。
四、結語
綜上所述，本文通過國外電影網站洞悉了一些網頁UI設計趨勢。值得一提的是，趨勢這樣簡單的概括難以在設計領域長青，前端設計往往要做的就是打破設計的框架，讓使用者眼前一亮卻恰到好處。了解趨勢是重要的，把握這個背景的網頁用戶的動向也不容忽視，在沒有了解用戶需求本質的情況下，如果只是為了追求網站的設計，效果未必能夠達到預期。優秀的電影網站設計，在大商業環境下不斷涌現，跟隨這樣的設計趨勢，不是普通網頁UI設計師的必選項，但可以說是一個非常不錯的選擇。
參考文獻：
[1]徐鎮輝.基于HTML5的視頻網站設計與Web前端EPG系統實現[J].漳州職業技術學院學報,2013（2）.
[2]Sogilogwebsite.“PCサイトのUIデザインにおける12のトレンド”[EB/OL].[2015-02-17]baigie.me/sogitani/2015/02/pc-site-trend-2015/
對一家沒有根基的新企業來說，網站就是最主要的營銷武器，所以它不僅要抓住公司目標客戶群喜歡標新立異而且非常熟悉網絡的特點，更要有自己獨一無二的風格來襯托酒廠“限量出品”的特色。勒韋和尤瑟爾頓最后找到了華盛頓創意公司Design Army。Design Army共有11名員工，由美術設計師詹克·萊佛比爾和妻子帕姆·萊佛比爾共同打理，他們設計了以帽子為主題的商標，網站視覺效果則仿佛用戶在翻閱老報紙和20世紀20年代的商品目錄。
詹克·萊佛比爾表示：“我們不想要那種除了鏈接還是鏈接的普通網站，我們喜歡更為流暢自然的閱讀感覺，滾動鼠標的時候仿佛翻閱報紙。而且現在很多用戶都喜歡用手機和平板電腦上網，所以我們設計的網站必須在各種設備上都能保持良好的視覺效果。”
Design Army的設計不僅契合Green Hat Gin的精髓，更讓這個品牌在同類產品中脫穎而出。它混合了舊時產品目錄的效果，帶著濃濃懷舊感的老報紙式標題和字體，每種雞尾酒都被配以帽子的款式，讓這個產品從視覺角度擁有了自己獨特的風格。
“這個網站不僅看起來別致，功能架構也非常出色，讓我們可以為顧客提供完善的信息，塑造品牌效果?！崩枕f說，“看起來復古，用起來尖端，給每個訪問者留下了精彩的印象。”
從產品到網站的設計風格都非常統一。帕姆·萊佛比爾說：“因為這是一個新產品，所以酒瓶包裝和網站必須高度和諧一致，這樣才能加強品牌識別度，讓消費者牢牢記住這個產品。設計已經不僅是一種裝飾，優秀的設計師會從戰略角度思考問題，抓住正確方向，幫助客戶改善經營效果?！?/p>
他們的苦心沒有白費，勒韋說：“對我們這種徹頭徹尾的新產品來說，網站為我們帶來的業績非常可觀。它起到了很好的宣傳效果，甚至還有很多客人跑來我們店里說‘你的網站做得太好了，讓我忍不住想來這里看看’。”
網站設計要點
視覺效果決定一切?！安灰X得網站就是一個網站而已，你應該將它當成店面的一部分。”Design Army合伙創始人帕姆·萊佛比爾說，“如果你的網站看起來很低級，用戶就會覺得你的公司不入流；如果網站看起來很講究，你的產品就可以賣得更貴一些。”
滿足客戶的需求。萊佛比爾認為，“設計時必須考慮手機瀏覽器，現在智能機和臺式電腦幾乎人手一個，必須讓客戶可以隨時隨地用任何設備獲取你的信息。同時也別忘了在網站嵌入社交媒體元素，因為人人都在用社交媒體交流?！?/p>
網上購物有很多好處。不必受奔波之苦，也不容易被奸商忽悠。男士不必擔心誤入女士內衣專區的尷尬，女士不必害怕心有余而力不足。不去商場，自然也不必擔心手機、錢包不翼而飛。
盡管有這么多優點，也許你還是不在網上購物。
為什么？不在網上購物的人通常會說：“沒有上網購物這個習慣?！?/p>
“沒有上網購物這個習慣。”這個說法到底意味著什么？為什么會沒有這個習慣？這僅僅是個習慣問題嗎？實際上，很多沒能形成“上網購物”行為習慣的網絡用戶是出于懼怕。不了解網上購物的流程；不知道如何付款；擔心自己的手機號會被泄漏，嫌注冊、登錄手續太繁瑣；感覺通過網站搜索一個商品太難......對于普通網絡用戶來說，網上購物是個充滿未知的領域，需要大量網絡知識。然而這些障礙實際上是可以通過良好的交互設計解決的。是購物網站設計上的種種缺陷，將許多用戶拒之門外。下面列舉幾個在線購物網站存在的設計問題：
問題一.讓新用戶感到恐懼
初次接觸購物網站會讓很多用戶感到恐懼，多數感到恐懼的用戶不會再做進一步的了解，而是直接離開了。用戶到底在害怕什么呢？
首先，“網上購物需要似乎需要很多條件？”很多用戶會有這樣的疑問。“是不是非得有信用卡才行？”“是不是需要我的銀行卡號和密碼？”“好像得成為會員才行...”在我進行的用戶測試中，這些疑問都確實存在。提供諸如信用卡、銀行卡之類的支付手段是為了使用戶的付款行為更便捷，而不是為了嚇唬用戶。當用戶看到一大堆似曾相識的銀行logo時，不會感到新奇、興奮，只會感到恐懼、不安?！斑@些卡我一個都沒有，我該怎么辦？”
其次，“網上購物的過程可能會很復雜。”實際上一個網上購物的過程只需要“挑選商品－填寫送貨地址－貨到、付款”。這是網上購物流程的概括，也是用戶的心理模型。不幸的是，目前大多數購物網站將這一過程復雜化了?！百徫镘嚒?、“暫存架”、“藏書閣”...這些在線購物網站專有的名詞加劇著潛在用戶的恐懼；“開戶、訂貨、送貨時間、禮品包裝、付款方式、確認訂單...”一長串的購物流程讓用戶感覺如同在。當用戶選中了商品準備結算的時候，會發現萬里剛邁出了第一步。
被迫學習各種新概念，不得不面對復雜的手續，不清楚操作將導致什么樣的后果...這些都會讓新用戶感到恐懼、煩躁。購物網站應當向他們解釋：網上購物很簡單?？墒牵徫锞W站不僅沒有做這樣的正面宣傳，反而用實際的設計說明：“網上購物很復雜。”
問題二.搜索功能
分類展示是商店中的貨架，搜索功能是商店中的售貨員。糟糕的搜索功能是個呆頭呆腦的售貨員。先來看網上一個例子：
顧客：“請問有《盟軍敢死隊3》嗎？”
售貨員：“沒有。不過，我們這里有些相關的商品，也許您會感興趣，比如《盟軍敢死隊3》...”
問題三.如何介紹一個商品
商品的詳細信息頁是全面展示商品的空間，用戶到底需要了解些什么呢？
關鍵詞：WAP2.0；教務系統；成績管理；安全性
中圖分類號：TP311文獻標識碼：A文章編號：1009-3044(2011)11-2576-02
The Design and Implementation of Study Results Administration System on the Basis of the WAP 2.0
XIE Fang
(Longyan agriculture school, Longyan 364000, China)
Abstract: On the basis of introducing WAP 2.0 network technology, analyzes the structure and development environment, then build the functional structure and implementation of educational results administration module, and analyze its safety.
Key words: WAP2.0; Educational administration system; study results management; safety
隨著3G時代的到來，手機等無線終端給用戶帶來了便利，但由于這些無線終端具有內存小、運行速度慢等這些缺點，因此，WAP技術與無線網絡的結合有它生存的空間。為了學校師生能隨時隨地管理和查詢成績，利用與WAP2.0技術設計并實現教務系統成績管理功能，作為WEB版的教務系統的一個補充，具有較大的實際意義。
1 WAP2.0 技術
WAP2.0是在WAP1.0[1]的基礎上發展起來的，和WAP1.0相比，WAP2.0有如下的優點：1）WAP 2.0[2]采用最新的Internet標準和協議，能優化網絡帶寬；2）WAP 2.0能對已有的WAP內容、應用和業務等提供可管理的向后兼容性；3）WAP 2.0采用更加簡單的編程模型，不再需要WAP服務器，客戶機和應用服務器之間的通信直接通過Http進行，這極大提高了數據的傳輸速度[3]。
因此，WAP2.0 將通過促進下一代無線應用和終端的發展，從而加快移動互聯網的發展進程。
2 WAP 開發環境搭建
1）開發工具：系統在開發前，對WAP開發環境進行搭建，所使用的工具及配置如下：
2）開發環境：WAP的服務器的采用普通網站服務器---IIS，具體的配置和普通網站相同，只是在IIS中的熱堇嘈(MIME)中增加如下內容：
3 成績管理模塊的架構及實現
3.1 系統架構
WAP版教務系統成績管理分成兩部分：用戶驗證和管理。根據系統的服務面象，管理部分又分為教師端和學生端。數據庫與WEB版教務系統相同，在WAP版教務系統成績管理與WEB版教務系統之間建立起連接即可,這樣不僅大大降低數據庫的設計和開發的代價，還能保持數據的同步性，其是系統架構如圖1。
3.2 系統實現
3.2.1 用戶驗證
用戶驗證主要是為登錄服務相應的界面的。根據輸入的用戶名和密碼，系統訪問后臺數據庫的用戶表進行相應的匹配，如果匹配的是教師用戶，則載入教師管理界面，如果匹配的是學生用戶，則載入學生查詢界面，其主要代碼如下：
using System.Data.Sqlclient;
if(txtuser.Text1="" && txtpsw.Text1="")
{ string connsql ="Data Source=(113.18.32.180);Database=jwwb; User id=md; password=md1983";//連接WEB版教務系統字符串
SqlConnection conn=new SqlConnection(connsql);
try
{ conn.Open(); }
catch(Exception ex)
{ Response.Write(ex.Message);
return; }
string mysql="select * from [user] where userName='"+txtuser.Text+"' and psWord='"+txtpsw.Text+”’and role=+txtrls.Text+”’’;//查詢用戶表
SqlCommand cmd=new SqlCommand(mysql,conn);
SqlDataReader dr=cmd.ExecuteReader();
if(dr.Read())
{If txtrls.Text=”教師”
Response.Write(txtuser.Text +"老師：歡迎進入WAP版教務系統！");
Response.Redirect(“Score_Teacherindex.aspx”)
else
Response.Write(txtuser.Text +"同學：歡迎進入WAP版教務系統！");
Response.Redirect(“Score_Teacherindex.aspx”) }
else { Response.Write("對不起，您的用戶名或密碼不正確！");}
conn.Close(); }
else
{ Response.Write(" window.alert('用戶名或密碼不能為空！')");//Response.Write("用戶名或密碼不能為空！");
return;}
3.2.2 成績錄入
成績錄入模塊主要為方便教師錄入成績而設計的，因為當今教育形勢下，教師不僅局限于校內專任教師，還有外聘教師或企業實踐專家，針對外聘教師和企業實踐專家工作忙的特點，我們設計出這樣的功能模塊來方便他們錄入成績。具體的流程是：首先根據用戶驗證系統判斷為教師后，載入教師管理頁面，教師選擇成績錄入按鈕，系統根據用戶名查找課程表，用戶選擇課程后，系統查詢成績表，根據課程號和教師用戶名，逐條顯示學生名單到手機頁面上，教師錄入學生成績，并寫到成績表中。教師界面見圖2。
3.2.3 成績查詢
成績查詢模塊主要為方便學生查詢成績而設計的，學生假期回家后，由于沒有電腦，且上網不太方便，因此能否不需要電腦也能夠查看自己的成績就顯的尤為重要。其流程是： 首先用戶登錄系統， 系統判斷為學生后載人學生查詢頁面，系統根據用戶名查找課程表，列出本學期開設的所有課程，學生選擇課程后，系統查詢數據庫，并分頁返回成績到頁面上。學生成績查詢界面見圖3。
4 安全性分析
WAP版教務系統成績管理具有成績管理功能，利用移動通信網絡就能訪問，因此，安全性顯得成為重要，現對WAP版教務系統成績管理的安全性進行分析，并給出對策。
4.1 WAP安全性簡述
WAP的安全性和Internet的安全性有異同[5]，相同的都是兩者在傳輸層上實現，不同的是WAP的安全性在WTLS[6]中實現，Internet的安全性在TLS中實同，但WTLS源于TLS，是以TLS為基礎的。
4.2 WAP2.0安全性的改進及應用
WAP版教務系統成績管理的安全性主要的從傳輸層和應用層兩個方面來進行的。由于WAP2.0的安全性引入了TCP協議層，從而可以在WAP協議棧中引入TLS層，進而使從無線傳輸到有線傳輸的端對端傳輸層得以平滑實現。應用層的安全性包括使用無線終端微瀏覽器中支持的WMLScript 數字簽名和WIM[7]卡來完成WAP應用服務的安全認證。
針對WAP版教務系統成績管理的安全性的問題，我們采用WAP Form的一種新協議---WIM來解決。
WIM是一種防篡改的設備，通常是SIM卡或其它智能卡，主要用來負責執行傳輸層和應用層的安全防范功能。因此，如在寫入數據時，則需要加入WIM驗證，查詢信息時，剛用普通的無線終端即可。寫入和查詢區別對侍，這樣，系統的安全性就會有更好的保障。
5 結束語
基于WAP2.0 的教務系統成績管理的實現，能讓學生靈活方便地查詢成績，同時也能夠為教師和學生工作管理人員提供一種便捷的管理途徑，從而提高工作效率，并將科學的管理念和先進的信息化管理手段有機地結合在一起，打造優質的教務管理信息平臺。
參考文獻：
[1] 邱澤國,孫振寶,韓雪娜.基于WAP技術的高校成績查詢系統的研究[J].黑龍江科技信息,2010(32):82-83.
[2] 徐華銀,邢若南.基于WAP平臺的教務服務系統的實踐[J].信息技術,2009(20):159-160.
[3] 李寧,吳志強,王利.高校數字圖書館移動通訊WAP網站設計初探[J].四川圖書館學報,2007(3):63-66.
[4] 顧偉宏,韓玉杰.淺議基于WAP的企業信息平臺[J].林業機械與木工設備,2006(2):45-47.
[5] 吳章.WAP協議的安全策略在移動電子商務中的應用[J].現代商業,2008(24):189-190.
