网站界面设计尺寸要求

网站界面设计尺寸要求

页面标准按800*600分辨率制作，实际尺寸为778*434px，一般也可以为770*434px，最大宽度不要超过780px；页面长度原则上不超过3屏，宽度不超过1屏。但实际上大多网站为了增大信息量，至少都有5屏~8屏。还要具体情况具体对待；每个标准页面为A4幅面大小，即8.5X11英寸；全尺寸banner为468*60px，半尺寸banner为234*60px，LOGO为88*31px，另外120*90，120*60也是小图标的标准尺寸；每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K；文字大小一般为12px或者14px。

关于第一屏所谓第一屏，是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么第一屏有多“大”呢？其实这是未知的。一般来讲，在800*600的屏幕显示模式(这也是最常用的)下，在IE安装后默认的状态(即工具栏地址栏等没有改变)下，IE窗口内能看到的部分为778px*435px，一般来讲，我们以这个大小为标准就行了，毕竟，在无法适合所有人的情况下，我们只能为大多数考虑了。

西安科技大学各单位主页建设与管理规范为树立学校良好的网络形象，加大各单位宣传力度，营造我校良好的学术、科研及网络学习生活环境，现对各单位主页建设与管理规范如下：

一、各单位主页建设管理规范1、凡我校各二级单位（处级）均需开发建设本单位网络主页。

2、各单位需明确单位具体责任领导及信息员，负责本单位内信息化建设具体工作及与其他单位信息化建设工作协调。

3、各单位主页建设费用预算为1000元，可根据各单位具体网页内容与形式进行调整，该部分费用由各单位自行承担。

4、各单位主页由学校信息资源建设小组对内容及形式进行审核，审核通过后可链接到学校网站对外发布。

5、各单位负责本单位网页内容及日常维护更新，若需更新网页内容由单位负责领导签字，报信息资源建设小组审批，合格后分别由网络中心或新闻中心链接更新二、网页建设规范：

1、各单位网页建设总体风格应遵循简洁、得体大方，注重长期有效性的原则，内容应以业务内容为主，并充分展现各单位教学、科研特色及单位文化内涵。

2、工具要求：

统一使用mecromedia的dreamweaver工具来制作.3、导航条要求·在此站点的每一个页面都出现·每一个页面都出现当前所在信息点的位置例如:您现在的位置是:HomePage..系部简介..机构设置...办公室..·栏目设置应包括：主页，单位概况，教学科研，机构设置，专业特色，单位动态，学术论坛，招生就业，相关链接等·栏目如果采用图标,下面应附有文字说明，以避免图像表达不清。

·无任何链接内容的不做成按钮的形式。在链接处避免使用鲜艳的颜色。

·纯文本用常用颜色。建议使用标准、素雅的颜色。

·每个页面都应包括：

版权及网站管理员的E-mail地址·每个页面都应包括代表"返回"或"前进"的箭头。每一个子页必须都可以直接返回首页。

4、内容要求1）网站介绍·单位介绍（不允许有学校概况的介绍)

·栏目介绍（提供连接)

2)

CONTACTPAGE（联系方式页)

·网站管理员的E-mail地址（根据需要加入其它职能负责的E-mail)

·通信地址，联系人，传真、电话号码等。

3)

内容及栏目设置要求涉及动态的交互页面时，如在线报名，在线调查等，建议在原有的dreamweaver设计的网页中加入javascript脚本。

·网页上的语言尽量通俗易懂。

·用符号突出特别重要的内容，不要过多，保持页面的简洁。

4)

新闻·在最新更新的信息边加注一个亮丽的小图标—l例如:"新！"。

·为最新消息创建单独页面，并在一段时间后将新闻放置于适当的目录下。

·在主页或每个页面下加注一行文字，表明本站点或每个单独的页面最近一次被更新的时间。

5、标准化要求·logo及中英文标准字体·网页中不提倡制作大于100k的flash·网站标准色背景色使用白色或浅色·链接图标(尺寸pixels：88x318x60)

6、网站尺寸规范·页面标准按800*600分辨率制作，实际尺寸为778*434px,要求在1024*768分辨率时居中表示,页面边框过渡要柔和首面长度原则上不超过1屏，宽度不超过1屏子页面长度原则上不超过3屏，宽度不超过1屏·每个标准页面为A4幅面大小，即8.5X11英寸·全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px小图标的标准尺寸是120*90，120*60·每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K

7、网站文件命名规范·文件命名的原则：以最少的字母达到最容易理解的意义。

·主内容页统一使用index.html文件名(小写)

·按菜单名的英语翻译或拼音取单一单词为名称。

例如：关于我们aboutus或guanywm所有文件名字母间连线都为下划线·图片命名原则以图片英语字母为名。大小原则写同上。

例如：网站标志的图片为logo.gif鼠标感应效果图片命名规范为"图片名+_+on/off"。

例如：menu1_on.gif/menu1_off.gif8、其它文件命名规范1）js的命名原则以功能的英语单词为名。

例如：广告条的js文件名为:ad.js2）所有的CGI文件后缀为cgi所有CGI 程序的配置文件为config.cgi9、网站目录设置规范·目录建立的原则：以最少的层次提供最清晰简便的访问结构。

·根目录文件根目录只允许存放index.html和main.html文件，以及其他必须的系统文件。

·每个主要功能(主菜单)建立一个相应的独立目录。

根目录下的images为存放公用图片目录，每个目录下私有图片存放于各自独立images目录.例如：menu1imagesmenu2images所有的js文件存放在根目录下统一目录script