发新话题
打印

网站设计技术规范

本主题由 oyaya 于 2008-5-6 22:38 移动

网站设计技术规范

1 命名规范  文件命名的原则:以最少的字母达到最容易理解的意义。
   一般文件及目录命名规范:
" 每一个目录中应该包含一个缺省的html 文件,文件名统一用index.htm
" 文件名称统一用小写的英文字母、数字和下划线的组合
" 尽量按单词的英语翻译为名称。例如:feedback(信息反馈),aboutus(关于我们)
" 多个同类型文件使用英文字母加数字命名,字母和数字之间用_分隔。例如:news_01.htm。注意,数字位数与文件个数成正比,不够的用0补齐。例如共有200条新闻,其中第18条命名为news_018.htm
图片的命名规范 :
" 名称分为头尾两两部分,用下划线隔开。
" 头部分表示此图片的大类性质。例如: 放置在页面顶部的广告、装饰图案等长方形的图片我们取名:banner ;标志性的图片我们取名为:logo ;在页面上位置不固定并且带有链接的小图片我们取名为button ;在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu ;装饰用的照片我们取名:pic ;不带链接表示标题的图片我们取名: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.
" 有onmouse效果的图片,两张分别在原有文件名后加"_on"和"_off"命名。
其它文件命名规范
" js的命名原则以功能的英语单词为名。例如:广告条的js文件名为:ad.js
" 所有的CGI文件后缀为cgi。所有CGI程序的配置文件为config.cgi
  2 目录结构规范
  目录建立的原则:以最少的层次提供最清晰简便的访问结构。
" 目录的命名以小写英文字母,下划线组成。(参照命名规范)
" 根目录一般只存放index.htm以及其他必须的系统文件
" 每个主要栏目开设一个相应的独立目录
" 根目录下的images用于存放各页面都要使用的公用图片,子目录下的images目录存放本栏目页面使用的私有图片
" 所有JS,ASP,PHP等脚本存放在根目录下的scripts目录
" 所有CGI程序存放在根目录下的cgi-bin目录
" 所有CSS文件存放在根目录下style目录
" 每个语言版本存放于独立的目录。例如:简体中文gb
" 所有flash, avi, ram, quicktime 等多媒体文件存放在根目录下的media目录
  3 尺寸规范
  尺寸规范请根据您的实际情况调整:
" 页面标准按800*600分辨率制作,推荐尺寸为766*430px
" 页面长度原则上不超过3屏,宽度不超过1屏
" 每个标准页面为A4幅面大小,即8.5X11英寸
" 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px,另外120*90,120*60也是小图标的标准尺寸
" 每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K
  4 首页代码规范
   首页的代码关键在head区,head区是指首页HTML代码的<head>和</head>之间的内容。
head区必须加入的标识
" 公司版权注释 <!--- The site is designed by yourcompany,Inc 03/2001 --->
" 网页显示字符集 例如:
简体中文:<META HTTP-EQUIV="Content-Type" C>
繁体中文:<META HTTP-EQUIV="Content-Type" C>
英 语:<META HTTP-EQUIV="Content-Type" C>
" 原始制作者信息 <META name="author" c>
" 网站简介 <META NAME="DESCRIPTION" C>
" 搜索关键字 <META NAME="keywords" C>
" 网页的css规范 <LINK href="style/style.css" rel="stylesheet" type="text/css">
" 网页标题 <title>这里是你的网页标题</title>
head区可以选择加入的标识
" 设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。
<META HTTP-EQUIV="expires" C>
" 禁止浏览器从本地机的缓存中调阅页面内容。
<META HTTP-EQUIV="Pragma" C>
" 用来防止别人在框架里调用你的页面。
<META HTTP-EQUIV="Window-target" C>
" 自动跳转。
<META HTTP-EQUIV="Refresh" C>
5指时间停留5秒。
" 网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
<META NAME="robots" C>
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。
" 收藏夹图标
<link rel = "Shortcut Icon" href="favicon.ico">
阳光总在风雨后~~~~~~~~

TOP

网站设计技术规范

一.概念
网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
二.需求分析
项目立项
我们接到客户的业务咨询,经过双方不断的接洽和了解,并通过基本的可行性讨论够,初步达成制作协议,这时就需要将项目立项。较好的做法是成立一个专门的项目小组,小组成员包括:项目经理,网页设计,程序员,测试员,编辑/文档等必须人员。项目实行项目经理制。
客户的需求说明书
第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚,需要您不断引导和帮助分析。曾经有一次,我问客户:“您做网站的目的是什么?”他回答:“没有目的,只是因为别人都有,我没有!”。这样的客户就需要耐心说明,仔细分析,挖掘出他潜在的,真正的需求。 配合客户写一份详细的,完整的需求说明会花很多时间,但这样做是值得的,而且一定要让客户满意,签字认可。把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢?简单说,包含下面几点:
1.正确性:每个功能必须清楚描写交付的功能;
2.可行性:确保在当前的开发能力和系统环境下可以实现每个需求;
3.必要性:功能是否必须交付,是否可以推迟实现,是否可以在削减开支情况发生时"砍"掉;
4.简明性:不要使用专业的网络术语;
5.检测性:如果开发完毕,客户可以根据需求检测。
三.系统分析
网站总体设计
在拿到客户的需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计,出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定:
1.网站需要实现哪些功能;
2.网站开发使用什么软件,在什么样的硬件环境;
3.需要多少人,多少时间;
4.需要遵循的规则和标准有哪些。
同时需要写一份总体规划说明书,包括:
1.网站的栏目和版块;
2.网站的功能和相应的程序;
3.网站的链接结构;
4.如果有数据库,进行数据库的概念设计;
5.网站的交互性和用户友好设计。
网站建设方案
在总体设计出来后,一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统,而且在客户需求不是十分明确的情况下提交方案,往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解,在明确需求并总体设计后提交方案,这样对双方都有益处。网站建设方案的包括以下几个部分:
1.客户情况分析;
2.网站需要实现的目的和目标;
3.网站形象说明;
4.网站的栏目版块和结构;
5.网站内容的安排,相互链接关系;
6.使用软件,硬件和技术分析说明;
7.开发时间进度表;
8.宣传推广方案;
9.维护方案;
10.制作费用;
11.本公司简介:成功作品,技术,人才说明等。
当您的方案通过客户的认可,那么恭喜你!您可以开始动手制作网站了。但还不是真正意义上的制作,你需要进行详细设计:
网站详细设计
总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序,而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图,它们应该 包含必要的细节,例如:程序界面,表单,需要的数据等。程序员可以根据它们写出实际的程序代码。
阳光总在风雨后~~~~~~~~

TOP

网站设计技术规范

以前还真没注意过这些
我有时候觉得,自己其实不太帅。但有一天,我被一群女孩子围住,她们说我帅,我不承认,她们就打我,还说我虚伪。

TOP

努力学习,认真顶帖!!!!!

TOP

发新话题