整体风格模仿http://rogerdudler.github.com/git-guide/index.zh.html
其它文档见附件。
demo简单易懂,不再赘述。下面仅说明要点/不同处:
1、 所有内容为html的1页,但分为5个区,顺序按pdf。1~4区在pdf中已标明,pdf中第一页算作0区。
2、 每个区风格一致但配色不同。详见pdf。配色大致遵循风格即可,具体细节如无特别说明,请自行发挥。
3、 pdf中画矩形框的是按钮,圆角矩形,文字白,内填充色。鼠标hover时变填充色。按钮全部带链接,可点。0区的按钮链接都是书签,点后跳转到1~4对应区。跳转时最好能有页面下拉效果,而非突然跳转。1~4区的链接全部用#留出空位我们填。
4、 pdf中文字大小比例、行间距、对齐方式都经过精心设计,做成页面时请尽量保持一致。也可参照demo页的字体大小。页面中,字体首选微软雅黑,如客户端系统无改字体,备选宋体。文字自动换行、居中。缩小浏览器窗口时,文字(按钮除外)自动换行并保持原有的对齐方式。
5、 整个页面必须完全以div+css+js写成,不得用到图片。html、css、js都需注释。用js实现效果时需注释哪段代码实现怎样的效果,其中有哪些参数可调(如速度、时间、距离等)。css和html中,需注释代码实现的是哪个页面元素的样式。注释必须按照以下标准:注释在代码的前一行,和代码不能处于同一行;注释前加入作者标识,格式是#XXXX#,XXXX具体是什么我们会提供;。如注释不合标准,请自行修改,否则不验收。
6、 为方便打字并避免输入错误,我们提供所有文字素材(word)。