东莞中小商铺发布版本和静态页面的异同_第1页
东莞中小商铺发布版本和静态页面的异同_第2页
东莞中小商铺发布版本和静态页面的异同_第3页
东莞中小商铺发布版本和静态页面的异同_第4页
东莞中小商铺发布版本和静态页面的异同_第5页
已阅读5页,还剩6页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、 东莞中小商铺发布版本和静态页面的异同*目录表中的(开)的意思是代表开发人员修改,(设)是代表设计人员修改*在下文中将以“静态图”代表静态页面的截图,以“发布图”代表发布版本的截图目录一、整体系统:21、系统居中(开)22、系统右上角字体位置(设)2二、首页(index.html):2三、通话记录页面(contactRecord.html):21、页的数目记录(无需改变)2四、联系人页面(contact.html):31、功能按钮提供不全(待讨论)32、右边选项卡鼠标状态没实现(开)33、内容卡上鼠标状态没实现(开)34、搜索条非正常显示(设)4五、联系人详细信息(contactDetail.

2、html):41、按钮字体与背景位置差异(开)42、按钮鼠标状态没实现(开)5六、短信列表页面(messageList.html)51、搜索条中文本框与按钮位置有异(设)52、“删除”和“编辑”按钮提供不全(待讨论)53、页的数目记录(无需改变)6七、关怀活动页面(addActive.html)61、新增内容色泽与系统不搭(设)62、新增内容色泽与系统不搭2(暂缓)63、按钮上字体颜色有变(开)64、翻页效果没有设置(开)75、鼠标效果状态使用错误(开)76、“添加”选项没提供(开)8八、采购订单列表页面(procureList.html)、销售列表页面81、鼠标状态没实现(设)82、页面右边

3、没有设置选项卡(待讨论)93、搜索条中内容和按钮位置有异(设)94、选项按钮背景图片显示不全(设)105、下拉选框颜色与系统不搭(设)10九、库存管理页面(stockManage.html)中的新增页面111、“新增”宽度有异(开)11一、整体系统:1、系统居中(开)异:静态页面系统:系统内容是以整体内容在网页中居中布局的;发布版本系统:系统内容是以整体内容在网页中居左对齐的。 图片对比如下:静态图发布图 解决方法:在html头部添加以下代码:【<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0

4、 Transitional/EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"> 】 2、系统右上角字体位置(设)异:(在火狐浏览器中),系统页面的首部右上角的字体出现溢出;参考图片如下: 正常显示 异常显示解决方法:【设计人员修改】取消样式(line2)的宽度(width:190px;),并为其添加一属性:(padding-right:10px

5、;)。二、首页(index.html):首页暂无差异三、通话记录页面(contactRecord.html):1、页的数目记录(无需改变)异:静态页面中没有描述“当前第?页”和“共有?记录”,发布版本中提供此功能,实现图片阅览如下:解决方法:按照开发版本的分页,无需更改。四、联系人页面(contact.html):1、功能按钮提供不全(待讨论)异:在静态网页的联系人页面中,顶部提供有“新增、删除、导入、导出”的四个功能选项按钮;而发布版本中只提供“新增”功能选项按钮一个。对比图片如下: 静态图 发布图 解决方法:待讨论2、右边选项卡鼠标状态没实现(开)异:在静态网页的联系人页面中,右边的菜单按

6、钮中有鼠标点击后停留状态,发布版本中没有实现此功能,对比图片如下: 静态图 发布图解决方法:【开发人员修改】注意引用类(class=”hover”)3、内容卡上鼠标状态没实现(开)异:(在IE浏览器中),没有鼠标悬停到某个联系人卡片的链接上的状态,参考图片如下:正常显示(鼠标悬浮在马小玲卡片上的状态) 在IE中不正常显示(鼠标悬浮在马小玲卡片上没有状态)解决方法:【开发人员修改】页面html的卡片中,把A标签变成div4、搜索条非正常显示(设)异:(火狐浏览器)中,搜索条不能正常显示:图片参照如下: (在IE中正常显示) (在火狐中不正常显示) 解决方法:【设计员修改】方案1:修改搜索条样式(

7、searchArea2)的总长度为(width:180px);并取消样式(btnSearch)的(floating:right);的值;同时设置导航条样式(searchArea2 INPUT)中的(height:18px);五、联系人详细信息(contactDetail.html):1、按钮字体与背景位置差异(开)异:(在火狐浏览器中),发布版本中联系人详细信息页面中的“保存”和“返回”两按钮存在字体和按钮背景图片不协调的现象,参考图片如下: 正常显示 (火狐中不正常显示)解决方法:【开发人员修改】只要去掉html中的样式:( style="width: 82px"

8、;)。2、按钮鼠标状态没实现(开)异:(在IE浏览器中),“保存”和“返回”按钮没有鼠标悬浮在其上面的状态,参考图片如下: 正常显示(鼠标悬浮在“返回”按钮上的状态) IE浏览器中不正常显示(鼠标悬浮在“返回”按钮上没有状态)解决方法:【开发人员修改】按钮a中缺少href六、短信列表页面(messageList.html)(异:发布版本的搜索条位置与静态页面的搜索条位置不一;)1、搜索条中文本框与按钮位置有异(设)异:发布版本的搜索条的搜索文本填写区域和搜索按钮有错位,参考图片如下: 静态图 发布图(搜索条有异样,同时两个“删除”按钮功能没有提供)解决方法:【设计人员修改】方案1:修改导航条样

9、式(searchArea2)的总长度为(width:180px);并取消样式(btnSearch)的(floating:right);的值;同时设置导航条样式(searchArea2 INPUT)中的(height:18px);2、“删除”和“编辑”按钮提供不全(待讨论) 异:发布版本在内容的顶部没有提供“删除”选项按钮,同时也没有提供对短信内容的“编辑”按钮,请参考图片如上图:解决方法:待讨论3、页的数目记录(无需改变)静态页面中没有描述“当前第?页”和“共有?记录”,发布版本中提供此功能,实现图片阅览如下:参考图片如下: 静态图 发布图解决方法:按照开发版本的分页,无需更改。七、关怀活动页

10、面(addActive.html)1、新增内容色泽与系统不搭(设)异:发布版本中提供了“发布人”内容选择功能,功能增加效果参考图片如下:解决方法:【设计人员修改】更换table的class,色泽与系统保持一致, 需要写明更改的内容,可以独立一个静态页面,提供例子。修改类(#grid th)中的background的背景图片和背景色2、新增内容色泽与系统不搭2(暂缓)异:发布版本中提供了“活动时间”内容的选择功能,功能增加效果参考图片如下:解决方法: 暂缓3、按钮上字体颜色有变(开)异:在静态页面中,“发送”和“返回”这两个按钮上的文字都是显示白色的,而在发布版本中文字是显示黑色的,参考对比图片

11、如下: 静态页面中白色字体显示发布版本中黑色字体显示解决方法:方案一:【开发人员修改】去掉代码: <input type="submit" value="发送" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; WIDTH: 72px; HEIGHT: 22px;">,直接用文字“发送”和“返回”代替;4、翻页效果没有设置(开)异:在发布版本中没有实现翻页按钮变色的功能,就是当翻到最后一页

12、的时候下一页的图标应由变成(白色),参考对比图片如下:第一页时,下一页的翻页图标的颜色显示最后一页时,下一页的翻页图标颜色还是如此解决方法:方案一:【开发人员修改】当翻到往下的最后一页时,可以引用样式:(pageDownEnd),现有的版本没有(pageDownEnd)这个样式,此样式中将在更新版本用存在; 当翻到网上的最后一页时,可以引用样式(pageUpEnd),现有的版本没有(pageDownEnd)这个样式,此样式中将在即将更新发布的版本存在;5、鼠标效果状态使用错误(开)异:在发布版本中把鼠标点击过后的状态,用作显示状态,与静态设置的完全不一致;同时也没有实现鼠标点击过后的状态。 静

13、态页面正常显示 发布版本的显示解决方法:问题一:方案1【开发人员修改】在活动页面html上,把卡片上的代码中<a href="#" class="rightCard rCardFocus">,去掉rCardFocus 样式;问题二:方案1【开发人员修改】要实现鼠标点击过后的状态,则引用样式rCardFocus,此样式是用来实现鼠标点击过后的状态。6、“添加”选项没提供(开)异:在发布版本中没有提供“添加短信模版”的按钮,参考对比图片如下: 静态图 发布图解决方法:方案一:【开发人员修改】在此处中添加代码:<div class="

14、;modelBox modelBoxBg"><div class="add"><h3>添加短信模板</h3></div></div>八、采购订单列表页面(procureList.html)、销售列表页面1、鼠标状态没实现(设)异:发表版本没有实现鼠标悬浮状态,也没有鼠标点击后的状态,参考对比图片如下: 静态图 发布图解决方法:请检查图片路径及页面结构 设计人员检测2、页面右边没有设置选项卡(待讨论)异:发布版本右边没有目录栏,对比图片如下: 静态图 发布图解决方法:待讨论3、搜索条中内容和按钮位置有

15、异(设) 异:(在IE8中),发布版本中,列表卡片的右上方的选项按钮的背景图标没有能够完全显示;(在IE8中),“搜索条”中的背景图发生错位;(在火狐和IE7中),“搜索条”的位置有些小的差异;对比图片如下: 在IE8中 在火狐、IE7中解决方法:问题一:【设计人员修改】方案1:可以设置图标的位置,eg:(background-position:0 px 147px;),则是设置图标的Y轴数据为(147px); 问题二:【设计人员修改】方案1:修改导航条样式(searchArea2)的总长度为(width:180px);并取消样式(btnSearch)的(floating:right);的值; 问题三:【设计人员修改】方案1:修改导航条样式(searchArea2)的总长度为(width:180px);并取消样式(btnSearch)的(floating:right);的值;同时设置导航条样式(searchArea2 INPUT)中的(height:18px);4、选项按钮背景图片显示不全(设)异:(IE7中),销售列表和采购订单列表卡片右上角的图标不能完全显示,参考图片如下: 在IE7中显示解决方法:方案一:【设计人员修改】可以设置图标的位置,eg:(background-position:0 px 147px

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论