校园网主页是学校的一个重要窗口，不仅是学校的“形象代言”，也是衡量一个学校数字化校园建设水平的指标之一，反映了一个学校的人文底蕴，折射出一个学校的校园文化。为了加强校园网建设，提升我校网络形象，现将对我校的网站整体更新，为此宣传部、校团委、现代教育技术中心决定联合策划主办校园主页设计大赛，现面向全体同学征集作品。

　　一、 参赛对象

　　全体在校生均可报名参加。可以以个人名义参赛，也可组队参赛（组队人数不超过三人）。

　　二、参赛方式

　　① 报名确认：参赛者发送邮件到xxx写清参赛者姓名、班级及联系方式。

　　②上交作品：于5月28日前将作品上传至 (ftp用户名及密码请参看邮件回复)。上交作品应包括：作品源文件（含动画、图片）、网站后台文件、readme文件（txt格式，内容包括：姓名，年级，所在院系或部门，联系电话，网页创意及制作简单说明，网页截图）。

　　③作品展示：学校将设立专题网站，展示参赛作品。

　　④评委评判：在作品展示的基础上，主办部门组织相关专家组成评委会，评定各奖项获得者，并公示。

　　⑤作品录用：一等奖获奖作品经修改完善后作为学校主页发布。

　　三、主要内容

　　1、设计和编制山东轻工业学院主页（）（1）学院网站首页的要求 学院网站首页以html语言制作，要求必须包含以下内容：

　　① banner区l 学院logo。logo可以做进一步的技术处理（参见文件XX）。l 学院中、英文校名，下为我院中、英文校名。校名字体样式为舒同体（参见文件XX）、颜色可自行设计。

　　导航条的布局、色彩可自由设计，包含以下内容：学院概况 机构设置 院部设置 人才培养 招生就业 科学研究 师资队伍 学生工作 国际交流 图书资料 新闻中心 校内办公菜单链接地址及二级菜单和链接地址参看我校现有主页内容。

　　② 学院网站其他栏目内容：必有：电子邮件登陆 校内新闻 通知公告 专题可选：以我校目前首页内容和链接为主如网络资源，可参考其他高校网站内容做适当归类和调整。

　　（2）学院二级页面

　　①学院二级页面以html语言制作。

　　②学院二级页面应保留banner区的内容，但布局可做相应修改。③学院二级页面包括页面“学校概况”、 “机构设置”、 “院部设置”、 “校园风光”。具体内容参看我校二级页面主要内容如：。

　　四、网页设计原则

　　本次设计大赛所上交的网页，应当本着简洁，美观，易用，易维护，兼容性好，先进性几个特点来着手制作。下面从这几个方面逐一说明。1、设计思想：

　　①突出以学生为中心的办学思想，体现学校的办学特色和地域特色。

　　②借鉴国内外各大学网页，具有时代气息，反映学校最新动态。

　　③主题明确，健康向上，网页运行畅通正常。

　　④具有独特的个性化设计。

　　2、 技术要求：

　　①色彩：网页整体色彩不限，可进行艺术设计；

　　②字体：除校名及校训用指定字体外，其他一般用宋体；

　　③动画组件：可自行设计，大小不超过500k。

　　④显示模式：推荐模式为：800*600，要求在1024*768模式下不出现错位；

　　⑤网页大小：为保证浏览速度，要求首页面不大于400k。

　　3、页面开发请不要使用asp（因学院服务器是unix），若有数据库，可用php mysql.；页面设计最好使用dreamweaver；

　　4、网页中的各种文件夹和文件名不得使用中文、标点符号或其他特殊字符，均使用小写英文字母和阿拉伯数字组合；

　　5、网页中的链接应使用相对链接，不能使用绝对链接。如：在网页a中链接网页b。网页a所在目录为:d:wangyea.htm，网页b所在目录为:d:wangyedepart.htm。相对链接为：depart.htm √绝对链接为：d:wangyedepart.htm ×

　　6、显示最佳浏览分辨率为1024×768，网页尽量以满屏显示（宽度推荐1000像素，高度推荐在800以内，不要向下滚动太多）；

　　7、参赛作品要求使用简体中文字库（gbk）系统；

　　8、参赛作品网页应有较好的浏览器兼容性（如ie、maxthon、firefox等）；

　　9、对于网页中出现的图片必须提供psd或者png原图；对于页面设计中有flash动画的部分可以单独做出flash动画一并提交。

　　五、技术规范

　　1．页面简洁，引人注目保持网页的简洁，是网页制作的一个最基本的原则，网页的简洁主要分为两个部分，一是页面的简洁，主要指网页的配色不要过于花哨，图片使用合理，结构清晰；二是程序的简洁，主要指没有冗余的html代码较少，程序和数据库的简单明了（在满足功能需求的基础上尽量简化代码）。

　　2．美观大方页面的美观，是网页制作过程中的一个最重要的部分，在给定的条件下，请大家充分发挥自己的想像力，从网页的配色，图片的选择，banner，导航条中button的制作，动画的运用，页面的结构等方面入手，制作出美观大方的网页。一个网站的视觉效果决定了该网站是否能够在最开始的时候引起浏览者的兴趣。

　　3．页面版式清晰，定位准确对于用户来讲，总是希望能够在网页上最迅速的查找到自己所需要的内容，而不仅仅是一个美观却空洞的页面。页面内容准确、版式合理，使用户能以最快速、便捷的方式找到所需要的信息。

　　4．设计要便于维护、更新对于网站的更新、维护人员来说，他们所要面对的网页并不是自己亲手制作的，很多在制作者看来很简单的地方，对于网管来说是无从下手的。比如在表格的运用上，不要出现过于复杂的表格，对于页面中的图像，也应在必要的时候切割。在这方面最好的检验标准就是，页面的各个部分相互独立，构成一个整体。当修改其中某一个部分，例如一个按钮，banner上的文字，某个栏目中的内容的时候，不会对该网页中其他的内容造成大的影响。在制作网页时也要考虑到网页将来上传到服务器需要将空洞的页面添满内容，所以留出必要的空间以便内容的填充也是必要的（在制作的时候可以随便找一些相关的文字，图片资料替代将来的实际内容）。

　　5．页面设计要兼容各种系统环境目前，网站使用的服务器操作系统主要有windows server XX和linux两种，使用linux的为大多数。在使用程序实现动态页面更新时，如首页新闻和通知的添加，要考虑程序能否跨平台运行，应选择可跨平台运行的软件编写程序。如使用asp编写的程序只能在windows下运行，而使用php编写（推荐）的程序可以在windows和linux两种平台下运行。

　　6．技术先进性技术先进性主要是指在制作网页的时候所使用的技术是否合理，先进。例如前几年网页制作中常用到的框架、模板等技术，现在已不具备先进性原则，不提倡使用。网页应动静结合，但动的内容不宜太多。

　　六、评分标准（总分 100分）

　　1．内容（30分）

　　① 是否反映指定设计内容特点

　　② 创意水平的高低

　　2．常规技术（40分）

　　① 整体视觉效果 整个网站在设计上是否统一和谐；

　　② 美工设计 页面的美工设计含量；

　　③ 页面规划 页面的规划是否合理、美观、易扩充；

　　④ 页面易用性 用户使用时是否方便；

　　⑤ 内容可更新性 内容是否可动态更新、纠错时方便；

　　⑥ 页面兼容性 在各种浏览器各种分辨率下是否能正常运行；

　　⑦ 内容分类结构 整个网页的内容分类是否清晰完整；

　　3．高级技术（30分）

　　① 数据动态性 是否考虑有大量的资料性和内容积累(如是否使用了后台数据库支持)，数据库结构是否合理、易维护；

　　② 浏览速度 浏览时额定速度；

　　③ 可修改性 对整个网页进行修改时是否方便,是否易更新；

　　④ 技术含量 网页整体的技术评价；

　　七、奖项设置

　　本次活动共设一等奖2名、二等奖4名、三等奖6名，同时颁发荣誉证书。

　　八、注意事项

　　1.组委会会以附件的形式（下载用户名及密码请参看邮件回复）提供比赛所需素材；参赛者必须保证作品的原创性，符合中华人民共和国的有关法律，不得侵犯第三方的知识产权或其他权利。参赛者对提交的网页上的所有内容负责，如遇版权问题，取消参赛资格，一切由此引发的纠纷均由参赛者承担。

　　2. 获奖的作品，保留一个月的质疑投诉期。如收到投诉，大赛组委会将进行调查，并做出相应处理。

　　3. 一等奖设计的页面将用于学院新版主页、二级页面。若大赛没有评出能够实际用于学院网站的作品，此奖项将为空缺。

　　4. 详情请关注： 联系电话：网络中心 89631358 潘老师 亓老师。山东轻工业学院 宣传部 校团委 现代教育技术中心 5-4