一、项目预算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第一种只能修饰标签中;第二种可以修饰所有包含有标签的其他标签。
细则:
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标签),请不要用/height/cellspacing/cellpadding等table属性直接定义表现,应尽可能的利用table自身私有属性分离结构与表现;
12.杜绝使用兼容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代码的之间的内容。
必须加入的标签:
一律采取
网站简介
搜索关键字
网页的css规范
网页标题xxxxxxxxxxxxxxxxxx
可以选择加入的标签:
设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。
禁止浏览器从本地机的缓存中调阅页面内容。
用来防止别人在框架里调用你的页面。
自动跳转。
网页搜索机器人向导。用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
收藏夹图标
所有的javascript的调用尽量采取外部调用.
2.网页制作细节----字体
在设定字体样式时对于文字字号样式和行间距应必须使用CSS样式表。禁止在页面中出现标记。
3.为了最大程度的发挥浏览器自动排版的功能,在一段完整的文字中请尽量不要使用
来人工干预分段。
4.不同语种的文字之间应该有一个半角空格,但避头的符号之前和避尾的符号之后除外,汉字之间的标点要用全角标点,英文字母和数字周围的括号应该使用半角括号。
5.请不要在网页中连续出现多于一个的也尽量少使用全角空格(英文字符集下,全角空格会变成乱码),空白应该尽量使用css属性来实现。
6.行距建议用百分比来定义。
7.排版中我们经常会遇到需要进行首行缩进的处理,不要使用或者全角空格来达到效果,请使用css属性来实现。
3.网页制作细节----链接
1.网站中的链接路径全部采用相对路径,学校目前CMS系统为SiteServerCMS,请按照该系统链接方式进行链接;
4.网页制作细节----表格
1px表格
互相嵌套时,严格按照的规范,对于单独的一个缩进两个半角空格, | 中如果还有嵌套的表格,也缩进两个半角空格,如果结束标记应该与
|
![](http://wap.qianlima.com/imgs/xunhuan.png)