Web 页面的开发流程及规范

Web 页面的开发流程及规范

ID:47513722

大小:730.92 KB

页数:12页

时间:2019-09-12

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

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

1、Web页面的开发流程及规范一、页面开发流程在写页面之前要先仔细的观察下页面,在心里对页面要有布局一下。比如下边这个页面:我们看到这个页面,要知道这个页面要怎么布局的才能合理:1)最外层我们要用一个大的盒子包裹起来要定义---->wrap2)然后头部(关注微信和下边logo包括导航条)---->header①关注微信那块用---->sub_header②下边就是导航用---->nav3)下边就是我们的主体部分(banner和登录框)---->main(content)①主题图片用---->banner②登录框就用---->login4)底部这部分内容就用-

2、--->footer微信

logo+导航
主体banner
首页导航版权<

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

的定义,应

6、遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。6)、给每一个表格和表单加上一个唯一的、结构标记id7)、给图片最好加上alt标签8)、尽可能减少div嵌套,如欢迎访问XXX,您的用户名是用户名完全可以用以下代码替代:

欢迎访问XXX,您的用户名是用户名

;9)、尽量使用英文命名原则10)、尽量不缩写,除非一看就明白的单词2

7、.CSS样式文件命名如下 Css样式命名有两种“.”和“#”。无论是使用“.”(小写句号)选择符号开头命名,还是使用“#”(井号)选择符号开头命名都无所谓,但我们最好遵循,主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名,其它都用“.”(小写句号)选择符号开头命名,同时考虑命名的CSS选择器在HTML中重复使用调用样式一般分为三种:1行内样式2内嵌样式3外部样式行内样式:即在标记的style属性中设定css样式,内嵌样式:页面中

8、各种元素的设置集中写在和之间的用