时间：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+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就可以解决问题，如今对于分辨率多用化，最符合页面宽度的布局当属液态布局。设计元素和图片不是用像素来定义，而是使用百分比，就好比将液体倒入容器中，当容器的形态发生变化时，液态的形态也将跟着发生相应的改变，因此无论什么分辨率的网页，都能够被布局成拥有一定平衡感的页面，这样也解决了适应小型或大型屏幕设备时的缺点了。《模仿游戏》的图片浏览页面就很好地做到了两者结合，看似排列不同的矩形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的精髓，更让这个品牌在同类产品中脱颖而出。它混合了旧时产品目录的效果，带着浓浓怀旧感的老报纸式标题和字体，每种鸡尾酒都被配以帽子的款式，让这个产品从视觉角度拥有了自己独特的风格。
“这个网站不仅看起来别致，功能架构也非常出色，让我们可以为顾客提供完善的信息，塑造品牌效果。”勒韦说，“看起来复古，用起来尖端，给每个访问者留下了精彩的印象。”
从产品到网站的设计风格都非常统一。帕姆·莱佛比尔说：“因为这是一个新产品，所以酒瓶包装和网站必须高度和谐一致，这样才能加强品牌识别度，让消费者牢牢记住这个产品。设计已经不仅是一种装饰，优秀的设计师会从战略角度思考问题，抓住正确方向，帮助客户改善经营效果。”
他们的苦心没有白费，勒韦说：“对我们这种彻头彻尾的新产品来说，网站为我们带来的业绩非常可观。它起到了很好的宣传效果，甚至还有很多客人跑来我们店里说‘你的网站做得太好了，让我忍不住想来这里看看’。”
网站设计要点
视觉效果决定一切。“不要觉得网站就是一个网站而已，你应该将它当成店面的一部分。”Design Army合伙创始人帕姆·莱佛比尔说，“如果你的网站看起来很低级，用户就会觉得你的公司不入流；如果网站看起来很讲究，你的产品就可以卖得更贵一些。”
满足客户的需求。莱佛比尔认为，“设计时必须考虑手机浏览器，现在智能机和台式电脑几乎人手一个，必须让客户可以随时随地用任何设备获取你的信息。同时也别忘了在网站嵌入社交媒体元素，因为人人都在用社交媒体交流。”
网上购物有很多好处。不必受奔波之苦，也不容易被奸商忽悠。男士不必担心误入女士内衣专区的尴尬，女士不必害怕心有余而力不足。不去商场，自然也不必担心手机、钱包不翼而飞。
尽管有这么多优点，也许你还是不在网上购物。
为什么？不在网上购物的人通常会说：“没有上网购物这个习惯。”
“没有上网购物这个习惯。”这个说法到底意味着什么？为什么会没有这个习惯？这仅仅是个习惯问题吗？实际上，很多没能形成“上网购物”行为习惯的网络用户是出于惧怕。不了解网上购物的流程；不知道如何付款；担心自己的手机号会被泄漏，嫌注册、登录手续太繁琐；感觉通过网站搜索一个商品太难......对于普通网络用户来说，网上购物是个充满未知的领域，需要大量网络知识。然而这些障碍实际上是可以通过良好的交互设计解决的。是购物网站设计上的种种缺陷，将许多用户拒之门外。下面列举几个在线购物网站存在的设计问题：
问题一.让新用户感到恐惧
初次接触购物网站会让很多用户感到恐惧，多数感到恐惧的用户不会再做进一步的了解，而是直接离开了。用户到底在害怕什么呢？
首先，“网上购物需要似乎需要很多条件？”很多用户会有这样的疑问。“是不是非得有信用卡才行？”“是不是需要我的银行卡号和密码？”“好像得成为会员才行...”在我进行的用户测试中，这些疑问都确实存在。提供诸如信用卡、银行卡之类的支付手段是为了使用户的付款行为更便捷，而不是为了吓唬用户。当用户看到一大堆似曾相识的银行logo时，不会感到新奇、兴奋，只会感到恐惧、不安。“这些卡我一个都没有，我该怎么办？”
其次，“网上购物的过程可能会很复杂。”实际上一个网上购物的过程只需要“挑选商品－填写送货地址－货到、付款”。这是网上购物流程的概括，也是用户的心理模型。不幸的是，目前大多数购物网站将这一过程复杂化了。“购物车”、“暂存架”、“藏书阁”...这些在线购物网站专有的名词加剧着潜在用户的恐惧；“开户、订货、送货时间、礼品包装、付款方式、确认订单...”一长串的购物流程让用户感觉如同在。当用户选中了商品准备结算的时候，会发现万里刚迈出了第一步。
被迫学习各种新概念，不得不面对复杂的手续，不清楚操作将导致什么样的后果...这些都会让新用户感到恐惧、烦躁。购物网站应当向他们解释：网上购物很简单。可是，购物网站不仅没有做这样的正面宣传，反而用实际的设计说明：“网上购物很复杂。”
问题二.搜索功能
分类展示是商店中的货架，搜索功能是商店中的售货员。糟糕的搜索功能是个呆头呆脑的售货员。先来看网上一个例子：
顾客：“请问有《盟军敢死队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.
