Web 页面的开发流程及规范.docx

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Web 页面的开发流程及规范 页面开发流程 在写页面之前要先仔细的观察下页面,在心里对页面要有布局一下。比如下边这个页面:我们看到这个页面,要知道这个页面要怎么布局的才能合理: 1)最外层我们要用一个大的盒子包裹起来 要定义----wrap 2)然后头部(关注微信和下边logo包括导航条) ----header ① 关注微信那块用 ----sub_header ②下边就是导航用 ----nav 3)下边就是我们的主体部分(banner和登录框)---- main(content) ① 主题图片用 ----banner ②登录框就用 ----login 4)底部这部分内容就用 ----footer !DOCTYPE html html head lang=en meta charset=UTF-8 title/title style *{padding: 0;margin: 0; border: 0;} .wrap{width:100%;height:auto; font-size: 24px; text-align: center;} .header{width: 100%; height: 100px;background: #0050ef; color: #fff3f3;} .header_top{width:100%; height: 40px; background: #000;} .header_bottom{width:100%; height: 60px; background: #fff; color: #000;} .main{width:100%; height:500px; background: #0099FF;} .footer{width: 100%; height: 80px;background: #fff;} .footer_nav{width: 100%; height: 40px; background: #fff3f3;} .copyRight{width:100%; height: 40px; background: #000; color: #fff;} /style /head body div class=wrap div class=header div class=header_top微信/div div class=header_bottomlogo+导航/div /div div class=main主体banner/div div class=footer div class=footer_nav首页 导航/div div class=copyRight版权/div /div /div /body /html 1.页面文件的命名 html文件命名: 英文命名, 后缀.htm. 用小驼峰命名规则:第一个单词以小写字母开始;第二个单词的首字母大写或每一个单词的首字母都采用大写字母 注意事项 1)、所有的命名最好都小写也可用小驼峰命名规则 2)、属性的值一定要用双引号()括起来,且一定要有值如class=divcss5,id=divcss5 3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 4)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等 5)、h1到h5的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。 6)、给每一个表格和表单加上一个唯一的、结构标记id 7)、给图片最好加上alt标签 8)、尽可能减少div嵌套, 如div class=boxdiv class=welcome欢迎访问XXX, 您的用户名是div class=name用户名/div/div/div完全可以用以下代码替代: div class=boxp欢迎访问XXX, 您的用户名是span用户名/span/p/div; 9)、尽量使用英文命名原则 10)、尽量不缩写,除非一看就明白的单词 2. CSS样式文件命名如下? Css样式命名有两种“.”和“#”。 无论是使用“.”(小写句号)选择符号开头命名,还是使用“#”(井号)选择符号开头命名都无所谓,但我们最好遵循,主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名,其它都用“.”(小写句号)选择符号开头命名,同时考虑命

文档评论(0)

yaocen + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档