1.1 页面元素命名

在使用javaScript来进行页面动态控制编程时，需要对程序中的页面元素和功能操作的名称引用进行约定：

页 头：  header 

外 套： wrap

页 脚： foot

 

内 容： content

页面主体： main

容 器： container

标 题：   title

当前的： current

 

主导航： mainnav

顶导航： topnav

子导航： subnav

边导航： sidebar

左导航： leftsidebar

右导航： rightsidebar

栏目：  column 

面包屑： breadcrumb (即页面所处位置导航提示）

 

菜 单：  menu 

子菜单： submenu 

菜单内容： menucontent

菜单容量： menucontainer

按  钮： button

表  单： form

页  签： tab 

文章列表： list 

滚  动： scroll 

提示信息： msg 

摘  要： summary 

标  签： tag

标签文字： tagTitle

标签内容： tagContent

当前标签： tagCurrent/currentTag

搜索范围： range

图    标： icon

当前位置： currentPath

列 定 义： column1of3 (三列中的第一列)
                column2of3 (三列中的第二列)
                column3of3 (三列中的第三列)

 

商  标： label

旗  志： logo

标  语： banner

注  释： note

搜  索： search

搜索关键字：keyword

登  陆： Login

注  册： regsiter 

热  点： hot 

新  闻： news 

下  载： download 

打  印： print

版  权： copyright

服  务： service 

友情链接： friendlink 

版  权： copyright 

小技巧： tips 

栏目标题： title 

加  入： joinus 

指  南： guild 

服  务： service 

状  态： status 

投  票： vote 

合作伙伴： partner

 

其它相关注意事项

1.一律小写; 

2.尽量用英文; 

3.不加中杠和下划线; 

4.尽量不缩写，除非一看就明白的单词

 

2 页面资源规格说明

2.1 图标

图标需要按照用途分类来定义：

l 通用类

l 业务相关类

l 风格类

 

图标应采用矢量图来表示，在创建时需要考虑的属性有：

l 色彩

l 大小

l 形状

l 图案

l 动作状态

 

建立在统一的资源库中。

 

2.2 图片

这里所规范的图片是在WEB应用中使用的预置图片，需要定义图片的属性：

l 图片的格式

l 图片的尺寸

l 图片的分辨率

l 图片的内容

l 图片的表现方式（ps处理的要求）

l 图片的大小

 

建立在统一的资源库中。