loading请求处理中...

HTML静态网站页面开发技术规范

2021-12-01 06:37:16 阅读 12576次 标签: 作者: anyi
  HTML在静态网站开发中应用广泛,很多工程师在实际操作过程中也有很多不够规范之处。这就造成在一定程度上开发周期及资源上面的浪费,那么通常我们在运用HTML开发静态网站的时候有哪些规范性的要求呢,下面作者从站点和目录结构,网站目录文件命名规则等方面做详细的介绍。
HTML静态网站页面开发技术规范
  一、站点和目录结构
  在网站根目录中开设images、 common、 temp 三个子目录,根据需要再开设media  子目录,images目录中放不同栏目的页面都要用到的公共图片,例如公司的标志、banner 条、菜单、按钮等等;common 子目录中放css、js,、include 等公共文件;temp 子目录放客户提供的各种文字图片等等原始资料,以及调试时使用的一些临时文件;media 子目录中放flash, avi, quick time 等多媒体文件 。
  在根目录中原则上应该按照模块,给每一个模块开设一个目录,根据需要在每一个模块的目录中开设一个images 和media 的子目录用以放置此模块专有的图片和多媒体文件,如果这个模块的功能特别多,可以相应的再开设其他目录。
  temp 目录中的文件往往会比较多,建议以时间为名称开设目录,将客户陆续提供 的资料归类整理。  例如可以加后缀-0822等。

  二、网站目录文件命名规则
  1.网站开发的目录、文件的名称全部用小写英文表示(实在不行可以用汉语拼音),名字的长度一般不得超过8个字符。
  2.名称中不得包含汉字、空格和特殊字符,(下划线和破折号除外)
  3.所有的文件名后缀保持.jsp不得出现.html或者.htm文件。即使页面全部为静态也要把他转化成.jsp文件。
  4.所有图片都为gif和jpg格式。
  5.命名原则是使工作组的每一个成员能够方便的理解每一个文件的意义。其次当文件夹中使用“按名称排列”的命令时,同一种大类的文件能够排列在一起,以便查找、修改、替换、计算负载量等等操作 。

  图片的命名原则遵循以下几条规范 :
  A. 名称分为头尾两两部分,用下划线隔开。
  B. 头部分表示此图片的大类性质,例如广告、标志、菜单、按钮等等 。

  一般来说:
  1. 放置在页面顶部的广告、装饰图案等长方形的图片我们取名:banner
  2. 标志性的图片我们取名为:logo
  3. 在页面上位置不固定并且带有链接的小图片我们取名为button
  4. 在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu
  5. 装饰用的照片我们取名:pic    6. 不带链接表示标题的图片我们取名:title  依照此原则类推。   例如:banner_sohu.gif  banner_sina.gif  menu_aboutus.gif  menu_job.gif  title_news.gif  logo_police.gif  logo_national.gif  pic_people.jpg  pic_hill.jpg.

  HTML简单,自由的同时,也有自己的规范性约束。通过以上介绍,相信大家在利用html进行静态网站开发的时候可以少走弯路。相信按照以上规范操作,在实际运用中也能发挥意想不到的效果。

荐更多与“HTML静态网站页面开发技术规范”相关推荐:

 ASP,PHP,JSP网站开发 | php网站建设技术 | 企业网站建设流程 | 广告设计知识 | PHP网站开发过程

 嵌入式系统开发流程  网站建设基本流程| 网站建设开发语言 | 程序开发语言 | 网站开发技术

 手机APP开发优势     | ASP动态网站开发

Tag: 静态

公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答