安徽商贸职业技术学院120年校庆网站建设项目采购需求
来源： 添加日期：2022-12-21
一、项目预算30,000元（超过者无效）
二、报名人条件
1.具有独立法人资格。
2.营业执照经营范围包含网页设计制作、数字媒体或计算机软件开发等方面。
3.其他《中华人民共和国政府采购法》第二十二条规定的条件。
三、物品需求及相关事项
1.根据需求，完成效果设计、UI设计、前端开发和系统集成工作。针对电脑、平板和手机等不同终端，不同分辨率的特点，分别设计出各站的首页、栏目页、内容页、搜索结果页、英文版等页面样式和用户交互效果。
2.本次设计站点数量为1个，设计需要守正创新，不能千篇一律。
3.需要与学校CMS系统进行集成，搭建系统运行环境，制作符合系统要求的模板，完成与CMS系统的整合，协助学校完成相关数据整理及发布工作。现行CMS系统为SiteServer CMS，该系统软件和所需服务器硬件资源由学校提供。
4.需要与学校校友系统进行部分集成。
5.需要设计校友互动模块，具体实施细节中标后确定。
附实施规范：
1.1文件命名规则
文件名称统一用小写的英文字母、数字和下划线的组合，其中不得包含汉字、空格和特殊字符；二是同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。
a.HTML的命名原则
引文件统一使用index.htm、index.html文件名（小写）
各子页命名的原则首先应该以栏目名的英语翻译取单一单词为名称。
如果栏目名称多而复杂并不好以英文单词命名，则统一使用该栏目名称拼音或拼音的首字母表示；
每一个目录中应该包含一个缺省的html文件，文件名统一用index.htm、index.html；
b.图片的命名原则
图片的名称分为头尾两部分，用下划线隔开，头部分表示此图片的大类性质。
c.javascript的命名原则
例如：广告条的javascript文件名为ad.js弹出窗口的javascript文件名为pop.js
d.动态语言文件命名原则
以性质_描述，描述可以有多个单词，用“_”隔开，性质一般是该页面得概要。
1.2文件存放位置规范
a.学校目前CMS系统为SiteServerCMS，请按照该系统规范存放；
b.常规文件路径设置请按照规范执行，例如.js文件放置在js文件夹。
1.3CSS书写规范
基本原则：
CSS样式可细分为3类：自定义样式、重新定义HTML样式、链接状态样式。
1.样式为设计师自定义的新CSS样式，影响被使用本样式的区域，用于完成网页中局部的样式设定。样式名“.”+“相应样式效果描述的单词或缩写”；文字样式样式名“.no”+“字号”+“行距”+“颜色缩写”。
2.HTML样式为设计师重新定义已有的HTML标签样式，影响全部的被设定标签样式，用于统一网页中某一标签的样式定义。
3.动态样式为设计师对链接不同状态设定特殊样式，影响被使用本样式区域中的链接。
该样式写法有2种：a.nav:linknav.a:link第一种只能修饰<a>标签中；第二种可以修饰所有包含有<a>标签的其他标签。
细则：
1.根据各个模块和页面相似程序,事先写好大体框架文件,实现内部结构&表现&行为;
2.class与id的使用:id是唯一的并是父级的,class是可以重复的并是子级的,所以id仅使用在大的模块上,class可用在重复使用率高及子级中;id原则上都是由建设框架文件时命名的,为JavaScript预留钩子的除外;
3.为JavaScript预留钩子的命名,请以js_起始;
4.class与id命名:大的框架命名比如header/footer/wrapper/left/right之类的在2中统一命名.其他样式名称由小写英文&数字&_来组合命名;避免使用中文拼音,尽量使用简易的单词组合;总之,命名要语义化,简明化.
5.规避class与id命名冲突:
a,通过从属写法规避;
b,取父级元素id/class命名部分命名;
c,重复使用率高的命名,请加下划线起始;
6.css属性书写顺序,建议遵循布局定位属性-->自身属性-->文本属性-->其他属性；
7.书写代码前,考虑并提高样式重复使用率;
8.充分利用html自身属性及样式继承原理减少代码量；
9.样式表中中文字体名,请务必转码成unicode码,以避免编码错误时乱码;
10.背景图片请尽可能使用sprite技术,减小http请求;
11.使用table标签时(尽量避免使用table标签),请不要用width/height/cellspacing/cellpadding等table属性直接定义表现,应尽可能的利用table自身私有属性分离结构与表现；
12.杜绝使用<metahttp-equiv="X-UA-Compatible"content="IE=7"/>兼容ie8;
13.用png图片做图片时,要求图片格式为png-8格式,若png-8实在影响图片质量或其中有半透明效果,请为ie6单独定义背景；
14.避免兼容性属性的使用
15.减少使用影响性能的属性;
16.必须为大区块样式添加注释,小区块适量注释;
17.严格执行代码缩进与格式;
(一)命名规则
按照驼峰式命名法进行命名。
(二)注释的写法:
/*Footer*/
内容区
/*EndFooter*/
(三)id的命名:
(1)页面结构
容器:container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：leftrightcenter
(2)导航
导航：nav
主导航：mainbav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar
菜单：menu
子菜单：submenu
标题:title
摘要:summary
(3)功能
标志：logo
广告：banner
登陆：login
登录条：loginbar
注册：regsiter
搜索：search
功能区：shop
标题：title
加入：joinus
状态：status
按钮：btn
滚动：scroll
标签页：tab
文章列表：list
提示信息：msg
当前的:current
小技巧：tips
图标:icon
注释：note
指南：guild
服务：service
热点：hot
新闻：news
下载：download
投票：vote
合作伙伴：partner
友情链接：link
版权：copyright
重定义的最先，伪类其次，自定义最后，便于阅读代码！
1.4html书写规范
1.网页制作细节----head区代码规范
head区是指HTML代码的<head>和</head>之间的内容。
必须加入的标签：
一律采取<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=utf-8">
网站简介<METANAME="DESCRIPTION"CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">
搜索关键字<METANAME="keywords"CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
网页的css规范<LINKhref="../css/style.css"rel="stylesheet"type="text/css">
网页标题<title>xxxxxxxxxxxxxxxxxx</title>
可以选择加入的标签：
设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。
禁止浏览器从本地机的缓存中调阅页面内容。
用来防止别人在框架里调用你的页面。
自动跳转。
网页搜索机器人向导。用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
收藏夹图标
所有的javascript的调用尽量采取外部调用.
2.网页制作细节----字体
在设定字体样式时对于文字字号样式和行间距应必须使用CSS样式表。禁止在页面中出现<fontsize=?>标记。
3.为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用<br>来人工干预分段。
4.不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外，汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。
5.请不要在网页中连续出现多于一个的也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用css属性来实现。
6.行距建议用百分比来定义。
7.排版中我们经常会遇到需要进行首行缩进的处理，不要使用或者全角空格来达到效果，请使用css属性来实现。
3.网页制作细节----链接
1.网站中的链接路径全部采用相对路径，学校目前CMS系统为SiteServerCMS，请按照该系统链接方式进行链接；
4.网页制作细节----表格
1px表格
<table>互相嵌套时，严格按照的规范，对于单独的一个<table>来说，<table><tr>对齐，<td>缩进两个半角空格，<td>中如果还有嵌套的表格，<table>也缩进两个半角空格，如果<td>中没有任何嵌套的表格，</td>结束标记应该与<td>处于同一行，不要换行。
布局请不要使用表格，只用于内容。
5.网页制作细节----下载速度
首页Flash网页大小应限定在200K以下，尽可能的使用矢量图形和Action来减小动画大小。非首页静态页面含图片大小应限定在70K左右，尽可能的使用背景颜色替换大块同色图片。
6.网页制作细节----缓存
网页不会被缓存
7.网页制作细节----浏览器兼容性
创建站点时，应该明白访问者可能使用各种Web浏览器。在已知的其他设计限制下，尽可能将站点设计为具有最大的浏览器兼容性。
目前使用的Web浏览器有二十多种，大多数已发行了多个版本。需要兼容90%以上市场份额的浏览器。
8.图片处理细节----页面修饰图片处理
图片经过优化以加快下载的速度,有较佳的视觉空间效果，用图要与页面风格、页面内容相符；制作精美，细节处理得当。
1.5JavaScript书写规范
1.书写过程中,每行代码结束必须有分号;原则上所有功能均根据本项目需求原生开发,以避免网上down下来的代码造成的代码污染;
2.库引入:原则上仅引入jQuery库,若需引入第三方库,须与业主讨论决定;
3.变量命名:驼峰式命名.原生JavaScript变量要求是纯英文字母,首字母须小写,如iTaoLun;jQuery变量要求首字符为'_',其他与原生JavaScript规则相同,如:_iTaoLun;另,要求变量集中声明,避免全局变量.
4.类命名:首字母大写,驼峰式命名;
5.函数命名:首字母小写驼峰式命名;
6.命名语义化,尽可能利用英文单词或其缩写;
7.尽量避免使用存在兼容性及消耗资源的方法或属性,;
8.后期优化中,JavaScript非注释类中文字符须转换成unicode编码使用,以避免编码错误时乱码显示;
9.代码结构明了,加适量注释.提高函数重用率;
10.注重与html分离,减小reflow,注重性能.
1.6图片规范
1.所有页面元素类图片均放入专用文件夹;
2.图片格式仅限于gif||png||jpg;
3.命名全部用小写英文字母||数字||_的组合，其中不得包含汉字||空格||特殊字符；尽量用易懂的词汇;另命名分头尾两部分,用下划线隔开;
4.在保证视觉效果的情况下选择最小的图片格式与图片质量,以减少加载时间;
5.尽量避免使用半透明的png图片(若使用,请参考css规范相关说明);
6.运用csssprite技术集中小的背景图或图标,减小页面http请求,但注意,请务必在对应的spritepsd源图中划参考线,并保存至img目录下.
1.7注释规范
1.html注释:注释格式<!--这儿是注释-->,'--'只能在注释的始末位置,不可置入注释文字区域;
2.css注释:注释格式/*这儿是注释*/;
3.JavaScript注释,单行注释使用'//这儿是单行注释',多行注释使用/*这儿有多行注释*/；。
四、履约时间
签订合同后30个日历日内完成。
五、报名方法和确定成交人
有意者请将报名人的详细信息和报价人联系电话于2022年12月26日下午16:00前发送至cg@abc.edu.cn（在摘要中写清报名项目名称、报名人全称、联系人及联系方式，否则无法通过报名）。届时符合要求的报名人达到3家时，学院相关部门将通过免提电话进行询价，以符合采购需求、质量和服务相等的情况下，价格优先的原则确定成交人。
详细信息包括：法人单位营业执照原件或加盖公章的复印件扫描件，法定代表人报价的需提供其身份证人像面原件扫描件，授权人报价的需提供法定代表人授权委托书原件扫描件，授权委托书上需有授权项目名称等信息以及授权人和被授权人身份证人像面扫描件。
业务咨询：臧老师 联系电话：0553-5971006
报名咨询：鲁老师 联系电话：0553-5972852；19956575127