WEB前端开发规范2015/06/05目录前期准备工作1制作网页效果图2制作网页静态页面3网站策划网站类型网站导航网站风格网站功能网页布局网页效果图设计前期准备工作主要收集整理网站相关文字、图片或视频等资料网站logo(最好有logo的源文件)可以提出一些网站主色调、风格方案的要求根据信息归纳出标题作为页面的主导航,根据主导航信息需要提供详细的文字信息各个导航主模块需要按类型提供至少需要10张高清图片(当然越多越好),图片要分类清楚,以免张冠李戴需要提供多个网站的推广标语首页面:根据信息总结出需要在首页展示的模块例如:banner展示、公司介绍、新闻动态、联系我们、合作伙伴……等等登陆页面:是否需要第三方登录,(是,需提供第三方信息)是否需要微信、微博、论坛等推广账号(是,需要公众账号信息)是否需要客服热线(是,需要提供客服信息)二级页面:需要展示的具体模块的详细信息例如:个人中心----除去基本的个人信息和账号安全以外,是否需要展示交易记录、账户明细流水……等等网站的帮助中心页面(如果有需提供)需要提供常见问题解答需要提供网站须知条例END制作网页效果图根据提供的网站信息资料构思网页主色调logo制作,使用已有的(如果没有,企划部配合制作)网页基础的排版运用作图软件(主要是Photoshop、Illustrator……等)制作效果图必须要做到细节处每个模块的位置排版务必要整齐、统一、精细,细节能影响的整个页面效果字体大小,12px、14px、16px居多,不能过大或过小(尽量在40px以内,特殊特殊情况除外)选择字体,要以常规字体为主,如有非常规字体(手写体等)要明确指出,制作网页静态页时要切成图片(因为浏览器中自带的只有常规字体)现下网站多为扁平化形式,尽量不要太花哨和添加样式,如果确实需要样式时,也要适可而止,不要太过明显(切记最好不要给字体加类似投影等之类的效果,真的很丑的)根据要求先制作首页的效果图(最好多种方案,最终选择最佳方案)根据首页版式方案风格,制作各二级、三级……等的效果图根据整体所有页面效果图进行微调,修改细节,增删模块……等END制作网页静态页面制作HTML的前期工作(注:在整套页面中个类命名时必须是英文,包括类名、文件夹名)新建一个项目文件夹在项目文件中分类新建CSS(样式文件夹)、images(图片文件夹)、jquery(js文件夹)、html(页面文件夹)根据情况可以在各类文件下建立子类文件夹根据效果图源文件,把页面中出现的图片、icon、部分背景图或部分特殊字体部分切图出来以图片的形式保存到相应的文件夹中根据效果图进行网页排版(严格以效果图为准)用Dreamweaver新建HTML5类型的页面文件,保存到相应的文件夹中要明确规划好各个模块,搭建结构,每块结构之间不能有交叉,一定要先搭建机构,再调整样式每个结构中的父级和子级之间需要明确却别,一般是需要换行,子级用Tab键缩进一个单位,以此类推,一定要保证页面整洁,及代码的可读性高书写每个标签时都要有始有终例如:<div>……</div>、<a>……
WEB前端页面规范和流程 来自淘豆网m.daumloan.com转载请标明出处.
