web页面的开发流程及规范

web页面的开发流程及规范

ID:32658547

大小:255.66 KB

页数:13页

时间:2019-02-14

web页面的开发流程及规范_第1页
web页面的开发流程及规范_第2页
web页面的开发流程及规范_第3页
web页面的开发流程及规范_第4页
web页面的开发流程及规范_第5页
资源描述:

《web页面的开发流程及规范》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、Web页面的开发流程及规范一、页面开发流程在写页面之前要先仔细的观察下页面,在心里对页面要有布局一下。比如下边这个页面:我们看到这个页面,要知道这个页面要怎么布局的才能合理:HMAPP

2、English.waOn*nG)«Hb中心4OO-159XW15云航网IB东云眼务平台ua务i&v撮作费用协同2016AHRQhtPKP®K»11451«1)最外层我们要用一个大的盒子包裹起來要定义-->wrap2)然后头部(关注微信和下边logo包括导航条)・…〉header①关注微信那块用-…〉sub_header②下边就是导航用・…〉nav3)下边就是我们的主体部分(banner和登录框)-—>main(

3、content)①主题图片用-->banner②登录框就用—->login4)底部这部分内容就用■…>footer微信

logo+导航〈/div>
主体barmer
首页导航
版权

6、tml>logo•导壬首页导空1•页面文件的命名html文件命名:英文命名,后缀・htm.用小驼峰命名规则:第一个单词以小写字母开始;第二个单词的首字母大写或每一个单词的首字母都采用大写字母注意事项1)、所有的命名最好都小写也可用小驼峰命名规则2)、属性的值一定要用双引号(““)括起来,且一定要有值如class=,,divcss5,,/id=ndivcss5"3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整4)、表现与结构完全分离,代码中不涉及任何的表现元素,如style>font>bgColor>border等5)、vhl>到<h5>的定义,应遵循从大到小的原则,体现文档的结

7、构,并有利于搜索引擎的查询。6)、给每一个表格和表单加上一个唯一的、结构标记id7)、给图片最好加上alt标签8)^尽可能减少div嵌套,如vdivclass="box"xdivclass="welcome">欢迎访问XXX,您的用户名是vdivclass="nameH>用户名</divx/divx/div>完全可以用以下代码替<divclass=,,box,,xp>欢迎访问XXX,您的用户名是<span>用户名</spanx/px/div>;9)、尽量使用英文命名原则10)、尽量不缩写,除非一看就明白的单词2.CSS样式文件命名如下Css样式命名有两种“・”和无论是使用"(小写句号)选择符号

8、开头命名,还是使用“#〃(井号)选择符号开头命名都无所谓,但我们最好遵循,主要的、重要的、特殊的、最外层的盒子用〃#〃(井号)选择符号开头命名,其它都用"(小写句号)选择符号开头命名,同时考虑命名的CSS选择器在HTML屮重复使用调用样式--般分为三种:1行内样式2内嵌样式3外部样式彳亍内样式:即在标记的style属性中设定css样式,<divstyle="margin-top:100px;tex

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。