本文档由小幺鸡编辑

借鉴修改型步骤如下: 

步骤2. 用浏览器快速浏览审批中涉及的网站 做到心里有个底,大概有哪些特效,哪些提交框 

步骤3. 使用仿站小工具,将其拷贝到本地存储 

步骤4. 在本地打开浏览网站,看看是否完整 注意:如有发现样式缺漏,错位等,需要按照原网站样式,逐一调整好 

注意:删除多余代码和原站遗留的弹窗和商务通代码。删除原站的邮箱提交。

步骤5. 把要修改的素材,如侵权的字眼,图片,人物头像,logo,整理好发送给设计师 

注意:如需修改批量素材,需发审批,具体写明事项、抄送人,然后由主管审批,禁止私自对接。把明确需求写入审批中,如审批表达不明确需自行与设计师沟通,保证需求的明确传达。

步骤6. 快速修改静态内容,如:title、header、footer 及商标字眼和页面字眼,更换为要求的文字 

注意:一般修改的文字为他人的版权,和需求不相同的地区名,版权名等。

步骤7. 修改邮箱提交出现方式及邮箱提交的js和留言格式,改完页面测试是否提交成功 

注意:邮箱提交格式也应询问推广部之后在换上。
注意:测试邮箱提交====》姓名:测试   电话:15500000000   地址:爱联
注意:查看邮箱是否提交地址(http://data.haoshunjia.com/home/Login.aspx),取消掉“不显示屏蔽数据”,就可以查询到你测试的数据,后台账号密码统一由主管授权才能登陆

步骤8. 添加商务通跳转,可设置一个类,用jQuery写一个跳转函数方法,添加需求所要的链接,改完测试是否可以跳转 

注意:跳转代码
pc端最好在新页面跳转,代码如下:
window.open(”里面为跳转的商务通代码”)

移动端在本页面打开,代码如下:
window.location.href=” 里面为跳转的商务通代码”;
注意:商务通代码:
316:
<script language="javascript" src="http://dft.zoosnet.net/JS/LsJS.aspx?siteid=DFT66147316&float=1&lng=cn"></script>
https://dft.zoosnet.net/LR/Chatpre.aspx?id=DFT66147316&lng=cn
409商务通:
mini弹窗:<script language="javascript" src="http://dct.zoosnet.net/JS/LsJS.aspx?siteid=dct24744409&float=1&lng=cn"></script>
跳转:http://dct.zoosnet.net/LR/Chatpre.aspx?id=dct24744409&lng=cn
749商务通:
跳转:https://pwt.zoosnet.net/lr/chatpre.aspx?id=pwt69431749
mini弹窗<script language="javascript" src="http://pwt.zoosnet.net/JS/LsJS.aspx?siteid=PWT69431749&float=1&lng=cn"></script>
472商务通:
跳转:http://pft.zoosnet.net/LR/Chatpre.aspx?id=PFT18394472&lng=cn
mini弹窗<script src="http://pft.zoosnet.net/JS/LsJS.aspx?siteid=PFT18394472&float=1&lng=cn"></script>
16952582商务通:
跳转:http://dct.zoosnet.net/LR/Chatpre.aspx?id=DCT16952582&lng=cn
mini弹窗:<script language="javascript" src="http://dct.zoosnet.net/JS/LsJS.aspx?siteid=DCT16952582&float=1&lng=cn"></script>


步骤9. 底部添加迷你弹框js代码(存放在底部body上面)

注意:

 情况1、如添加商务通js代码后,发现不显示mini弹窗;

   原因 :

   (1)js代码添加不对;

   (2)推广部域名没有绑定商务通;解决:询问推广部是否对该域名绑定了商务通。 

 情况2、检查商务通是否对应网站的业务类型,有注册类、会计类、学历类商务通。
 情况3、如在移动端遇到mini弹窗样式不对,空隙过大或过小的情况。
        解决:是移动端页面html设置了的font-size的原因,解决方法:修改js代码,让他作用在body标签上,然后把mini弹窗代码让在body外,如还存在样式问题,在body中寻找样式
(一般为font-size)把他在不影响页面的情况下删除。

步骤10. 按需求修改其他部分板块 注意:如遇到不明地方,及时反馈问题和沟通 

注意:注意修改其板块是注意class冲突问题,可以采用css优先级来解决。

步骤11. 素材设计师弄好了之后更换上去 注意:素材图片上传之前,需要优化压缩下,压缩软件色彩笔(https://www.secaibi.com/tools/) 

注意:在一些较为明细的图片位置,选择95低压缩,在一些不较明显的图片采用高一些的压缩比。


步骤12. 修改完之后,再进行局部测试,看邮箱提交,商务通跳转是否有问题,检查无误后使用ftp上传至指定的域名。

注意:如果是原有的域名站,就在域名表中查找其ftp账号;如果是新的域名就找主管在服务器上建立新站点和ftp账号,得知ftp账号后在域名表上根据站点类型添加上新的ftp账号。然后上传文件。

 步骤13. 接下来是优化页面,提高性能。

在浏览器上浏览新增的页面,并在控制台中检测站点加载速度。如发现加载速度过慢,有如下解决方法:
最主要的分为: 

(1)删除页面注释代码,多余累赘代码 

(2)页面css多的,需要重新建css文件并且转移至该文件

 (3)页面图片压缩,提高图片加载速度

 (4)无用的js代码删除,减少页面加载负荷量 步骤


步骤14. 最后进行整体在线测试,最好多个浏览器测试,主流浏览器:谷歌、360、搜狗、火狐 注意:若移动端链接,需要进行安卓和ios手机测试; 

步骤15.完成,并通知审批发起人,检查无误后评论审批。