杭州电子科技大学是一所电子信息特色突出，经济管理学科优势明显，工、理、经、管、文、法、教等多学科相互渗透的高等学校。2007年浙江省人民政府与国防科学技术工业委员会共建杭州电子科技大学，是浙江省重点建设的教学研究型大学。

    杭州电子科技大学新版网站(http://www.hdu.edu.cn)已于7月1日正式推出。新学期即将开始，在此之际，杭电推出新版网站建设对于其招生及其对外宣传都有着重要的意义。

  在多家公司竞争的情况下能顺利中标，归结于捷点公司所拥有的一流的服务态度和整体的综合实力，这是杭州电子科技大学最终选择捷点为供应商的关键。

杭电网站解决方案：

技术特点：
◆整体采用DIV+CSS布局，增加了页面的响应速度，速度变快，同时DIV方便搜索引擎的收录，提高搜索引擎的友好度。

◆首页的导航采用了JS脚本。JS脚本编写导航，其具有与Flash同样的动态效果并具有更优秀的运行速度和环境移植性，使没有安装Flash插件的电脑同样可以无障碍的浏览网站。

◆首页上端，杭电校园风光采用banner切换，给人最初的杭电印象，让人一打开杭电的网站就清楚杭电的大概景观。而旧版中，首页只有一张照片作为背景，很难把杭电的标志性景观展现在浏览者面前。

结构特点：
◆网站中，时刻将杭电的文化融入到设计中去。首页Banner下面，网站的整体构造形成字母H、D，也就是杭电的首字母缩写，将杭电的元素融入到了网站的架构中。同时将杭电的标识也融入进了网站中去，在“杭电要闻”“通知公告”“校园动态”“讲座论坛”前面都加入了杭电校标的中心元素；在快速导航下面，也使用了校标中心元素的水印作为背景。

◆首页的栏目设置进行了整合，原本旧版中，网页上方是栏目导航，下面又有“站内导航”并且这两者的栏目还有所出入。总体上首页的导航比较分散，现在集中放于首页上端，其他导航则以下拉菜单的形式展现。简单明了，更加方便快捷地查询所需信息。同时也将一些其他的导航归纳出来，整理在总的栏目中，旗下导航也以下拉菜单形式展现。

◆在内容方面，增加了一些栏目，将一些分散的栏目进行了整理归类。如，“校园文化”栏目是新开设的，下属的栏目，“红色家园”“教工之家”“杭电之声”“杭电校报”等等，原本分散在整个网页中，现在统一将它们归类分入“校园文化”中。同样的，“服务信息”中，原本的“图书馆”这些导航不知道分散在网页的哪个角落，现在统一归进“服务信息”，而且“服务信息”中又有“工作班车”“上课时间”“杭电校历”等栏目，更加方便杭电师生的日常查询。

色彩特点：
◆在颜色上，页面整体采用蓝色调，跟杭电的主体颜色相符。深蓝象征着科技与文明，这与杭州电子科技大学的特色相符，同时，深蓝给人以沉稳、厚重的气质，体现冷静、严谨的感觉，这与杭州电子科技大学的行业性质相符。

◆辅助色为橘红色，象征着活力与热情，也象征着杭电网站改版后焕然一新的面貌，

◆首页上方设计为蓝天白云，首先色彩上面与杭电的主色调统一。同时，蓝天白云，又与学校“海纳百川，有容乃大”的开放办学理念相符。

其他特点：
◆人性化的设计，在旧版显示年月日和星期的基础上，又增加了具体的时间和当地的天气情况。对于很多学校的老师或者学生而言，会将自己学校的网站作为首页，当打开页面的时候，就可以直接知道当时的时间了。还有，对于一些想前往杭电咨询或者考察的人，事先查阅网站信息，可以直接了解到杭州那边的天气，也是一个很贴心的设计。

◆旧版中的一些导航，如“热点专题”、“相关连接”中的导航，字体不统一、颜色不统一，可能设计原因是为了突出每个栏目的特色，但是总体看来就比较混乱。新版网站中将这些文字的颜色与主体颜色进行了统一，字体方面也一致了。

◆旧版的内页设计比较粗糙，风格也并不统一。只是一个简单的“文加图”的表现形式，而很多情况下就简单的文字呈现。新版中对各内页的设置进行精细，与首页风格进行了统一。而且宣传途径也在原先的基础上，增加了滚动文字，Banner切换等等的形式，让也页面看起来更有活力，不会像原先那么比较死板。
 

新版网站

旧版网站