网站的设计规范

      五花八门 2006-2-15 11:19:00
站点内文件的组织方法和规范
网站由若干个网页构成,一个普通的站点也有几十个页面。浏览网页时,一般在主页上可以看到若干个栏目,每个栏目指向不同的栏目网页,栏目网页中又有自己的下级栏目或项目的链接,分别指向对应的再下一层网页。这样形成了分层有序的站点层次结构。
站点在计算机的硬盘上表现为一个文件夹,我们称他为站点文件夹或是站点根文件夹。在站点文件夹中开设images、common、temp 三个子文件夹,根据需要再开设media 子文件夹,images文件夹中放不同栏目的页面都要用到的公共图片,例如公司的标志、banner 条、菜单、按钮等等;common 子文件夹中放css、js,、jsp、include 等公共文件;temp 子文件夹放客户提供的各种文字图片等等原始资料;media 子文件夹中放flash, avi, quick time 等多媒体文件 。
在站点文件夹中原则上应该按照首页的栏目结构,给每一个栏目开设一个文件夹,存放html文档,根据需要在每一个栏目的文件夹中,开设images 和media 的子文件夹用以放置此栏目专有的图片和多媒体文件,如果这个栏目的内容特别多,又分出很多下级栏目,可以相应的再开设其他文件夹。
temp 文件夹中的文件往往会比较多,建议以时间或内容分类开设文件夹,将客户陆续提供的资料归类整理。这个文件夹只是在设计制作过程中使用,站点制作完成后,传送的Web服务器时,不包括这个文件夹。
主页文件(Index.htm)不放在任何一个子文件夹内,而是直接放在站点根文件夹内,它是唯一不在子文件夹内的html文档。
1.  尺寸和大小的规范:
早期的页面标准是640×480 px,目前已经基本淘汰。当前的标准为800×600 px。最近有一个1024×768 px较新标准开始有人使用,但互联网上极少出现。因此我们要按800×600 px分辨率制作。这个标准制作的页面,实际尺寸为778×434px。
页面长度原则上不超过3屏,宽度不超过1屏 (在屏幕的浏览器窗口中,只能出现垂直滚动条,而不能出现水平滚动条)。
全尺寸banner为468×60px,半尺寸banner为234×60px,小banner为88×31px
小图标的标准尺寸120×90 px或120×60px。
小型的LOGO尺寸为88×31 px,中型为120×60 px,大型为120×90 px。
每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K
2.  网站文件命名规范:
主页(索引文件)统一使用index.html文件名(小写)。index.html文件一般作为"桥页",不制作具体内容,它是站点的门面和总览页,以表现站点风范、站点的导航、内容提要为主。主内容页为main.html
其他网页的文件名,一般应按主页栏目名的英语翻译取单一单词为名称。例如:关于我们 aboutus.htm;信息反馈 feedback.htm;产 品 product.htm等。也可以使用汉语拼音或汉语拼音的缩写取代英文单词。例如:公司介绍 gongsijieshao.htm或gsjs.htm;产品目录:chanpinmulu.htm或cpml.htm;留言:liuyan.htm等等。但无论如何不能使用汉字作文件名。
图片命名原则,在公用的images中,要使用栏目文件夹明+_+英文单词或汉语拼音构成。例如:一个花店网站中有aiqing(爱情)、jiankang(健康)等栏目文件夹,用于爱情栏目中的牡丹花 aiqing_mudan.gif,用于健康栏目中的康乃馨 jiankang_kangnaixin.gif。当使用成组的系列图片时,要使用字母加编号的方法命名。例如一组钢笔的图片 pen1.jpg、pen2.jpg、pen3.jpg,或是gb1.jpg、gb2.jpg、gb3.jpg。
鼠标感应效果图片命名规范为"图片名+_+on/off"。例如:menu1_on.gif以及menu1_off.gif;
所有的文件名都必须为小写字母,如果文件名字母间需要加连线,应为下划线,文件名中不应该出现空格和汉字,否则在连接时就会出现连接不上的问题。
标签集:TAGS:
回复Comments() 点击Count()
喜欢就顶一下

回复Comments

{commentauthor}
{commentauthor}
{commenttime}
{commentnum}
{commentcontent}
作者:
{commentrecontent}