所属栏目:发布日期:2016-09-18 09:51浏览量:2627作者:admin
小编入行两年,一直在公司担任前端制作的工作,下面给大家讲一下长沙蒲公英网络页面制作的一些注意事项。
1、在整站中有页面加载时的加载图片和浏览器标签的图标,加载图片是:defaultpic.gif,浏览器图标是favicon.ico,替换的图片为网站的LOGO。
2、整站的图片都需要加上alt属性,具体的属性值视情况而定。
3、首页和列表页的新闻标题都需要加上title标签,调用fulltitle属性。
头部需要加上以下meta标签,调取网站的关键字及网站描述
5、页面只需要引入一个jquery库,且所有的js文件不要放在头部文件中去,整站的通用的js效果放到footer.htm文件中,如该效果只有当前页面有,其他页面没有的话,则放到当前页面的最底部。
6、如无特殊情况,整站中只引入一个通用的CSS文件。
7、外链地址以及首页新闻列表页地址采用新窗口打开的方式。
8、如无特殊设计,所有页面要求在1024分辨率以上不得出现横向滚动条,1024分辨率以下才出现。
9、在编辑器里录入的内容使用P标签换行,是否首行缩进参照设计稿样式。
10、添加百度地图代码时,去掉鼠标滑动缩放的效果。
11、当项目中小图标或者图片较多的时候,使用css sprite,将小图标集中到一张图上面,然后使用背景定位方式显示图标。
12、在页面的底部文件中增加网站地图的地址,放在隐藏的DIV中,网站地图的链接有三个,可以在后台自动生成,分别是/data/sitemap.html ,/data/baidumap.xml,/data/baidunews.xml。
13、学会使用浏览器自带的F12控制台,查看JS报错和网络请求错误。
14、注意设计稿上面子页面的最小高度。
15、图片尺寸严格按照设计稿,包括尺寸、清晰度等,网站完成初期需要将页面数据撑满,如客户未提供数据的,在网上找类似的图片,一定要保证图片的尺寸和清晰度。
16、网站上所有的input,select,textarea要求字体为雅黑,可在CSS文件头部做全局样式控制。
17、整站上所有用到表单提交的地方,都需要有验证,有上传图片的地方提示上传图片的尺寸是多少,大小是多少KB。
18、在页面制作过程中,如有发现缺少设计稿的及时向设计师反应,样式方面跟其他页面相差不大的,可以模仿其他页面,相差较大的及时向设计师询问如何处理。
以上为修订版,如工作中遇到其他需要注意的问题,会持续更新中。