主题:  我们写的《网站规范化设计实例精讲》人邮总算出版了,总结一下

yanyading

职务:普通成员
等级:1
金币:0.0
发贴:36
#12005/11/10 11:58:32

图片如下:


写给网站设计人员的8个说明(PDF下载)

相关文件(rar):点这儿打开

三年的写作总算告一段落,原本以为可以轻松一下,但是现在又不得不开始担心读者的对本书的评价来。过去自己也经常到书店去查找计算机类的书籍,也不得不承认计算机图书的质量是良莠不齐,所以也会担心自己的书会被读者批评,虽然自认为自己书稿中一字一句都是经过多次的推敲获得的。

本书的写作灵感来源于我在2002年夏天在CSDN上发表的一个帖子《Web设计里的软件工程思想》(此文章在网上被广泛转载),由于反响积极,所以我决定系统化的编写一本网站规范化设计的图书,最初打算编写英文版,在国外出版,而且同Erik Koht一道已经完成了本书前两章的英文版书稿,但是最终还是由于各种原因搁浅,不过经过这次锻炼,使自己的英文水平大大提高。

在写作的前1年半,我在成都神州国际旅行社工作(打工仔),平时工作也很忙,虽然我做饭做菜很拿手!但是为了多节约一点做饭、洗碗的时间来写书,有时晚餐就只有在公司外面的小餐馆凑合一顿,然后骑着在九眼桥自行车市场100元买的"快士骑"公路自行车返回玉林小区(玉通巷5号),赶紧在电脑上敲敲打打。不过在写作过程中我始终以书店中各种"速成本"(质量低劣的图书)提醒自己,将心比心,我写书不容易,各位网站的网页设计人员挣钱又容易吗?据我所知,网页设计人员现在的工资在成都(估计在全国范围内)已经相当低了。所以我竭力保证从键盘下敲打出的文本都能对得起读者口袋中的银子。

后来我们联系到了人民邮电出版社,汤倩编辑对本书的改进提出了关键性的意见。正如大家可以猜想到的,本书最初的中文版是从英文版改写而成,所以其行文、修辞方式看起来就像是一本翻译的很差劲的图书,用汤编辑的专业术语说是"欧化倒装",当然了,在书中通过"作者札记"来增加趣味性、可读性也是汤编辑的主意。

书中的内容都是我这几年在工作中所积累的经验,自认为还是蛮有实用价值的。如果有的读者朋友觉得本书质量低劣、内容平庸,可直接联系作者本人(yading@644000.com)全额退款。

本书网站
《〈没有打广告的意思,要是想打广告就群发了~〉》

====================================================
本书目录(页码和书有点不同,这个是WORD自动做的页码)

第1章 网站设计前期工作    1
1.1 网站项目的规模    1
1.2 网站项目的需求分析    7
1.2.1 网站业务背景分析    7
1.2.2 网站功能分析    10
1.2.3 网站视觉形象分析    12
1.2.4 网站内容    15
1.3 网站的概要设计    15
1.3.1 概要设计与详细设计的比较    16
1.3.2 网站项目概要设计的内容    16
1.4 使用快速原型法进行网站需求分析    19


第2章 网站规范化命名和代码编写    22
2.1 网站的命名规范    22
2.1.1 数据字典    23
2.1.2 命名的分隔方法    28
2.1.3 基于成员的命名规范    29
2.1.4 基于属性的命名规范    32
2.1.5 基于序数的命名规范    35
2.1.6 基于枚举的命名规范    38
2.2 网站的超链接    42
2.2.1 文档相对路径    42
2.2.2 站点根目录相对路径    45
2.2.3 绝对路径    48
2.3 文件夹和文件的命名的规范    50
2.3.1 网站文件夹和文件命名的建立    50
2.3.2 使用文件和文件夹进行分类的区别    55
2.3.3 命名注意事项    59
2.4 代码设计规范    65
2.4.1 大小写规范    65
2.4.2 字体和格式规范    66
2.4.3 注释规范    70

第3章 网站规范化界面设计    67
3.1 网页版面的设计    67
3.1.1 版面结构设计    67
3.1.2 版面的色板设计    71
3.1.3 版面色板设计方法实例    73
3.2 图像以及动画设计    81
3.2.1 设计中的部件    82
3.2.2 设计属性和设计规范    84
3.2.3 设计流程    97
3.3 排版和文字规范    106
3.3.1 文字排版总体设计    106
3.3.2 段落以及文字属性设计    110
3.3.3 超链接文字设计    111
3.4 表单部件设计    112
3.4.1 表单部件的设计规范    113
3.4.2 使用CSS对表单进行修饰    120
3.5 网站导航系统设计    123
3.5.1 导航系统的两个作用    124
3.5.2 网站中常见的导航模式    125
3.5.3 导航系统用词规范    129
3.6 网页部件和模板设计    130
3.6.1 网页部件的精密设计    130
3.6.2 资源文件的存储和命名    133
3.6.3 网页模板设计    135

第4章 网站设计中的模式和资源复用    127
4.1 网站中的各种模式    128
4.1.1 设计人员工作模式的建立    129
4.1.2 网站中文件的分布模式和导航模式    133
4.2 网站中各种资源的复用    144
4.2.1 复制原有设计    144
4.2.2 重新组合已有部件    146
4.2.3 规范化地修改原有设计    147
4.3 资源复用的注意事项    153

第5章 网站设计的质量控制    151
5.1 设计模式和模板的质量控制    151
5.3 批量化设计中的质量控制    154

附录A 网站的团队管理    160
A.1 制定目标    160
A.2 分配任务    161
A.3 规范管理    161

附录B 域名、网站空间设置    160
B.1域名基础知识    160
1.1域名简介    160
1.2域名注册商    160
B.2域名查询与注册    164
B.3 域名的设置和使用    169
B.4 网站空间的设置和使用    173

====================================================
一些自认为有代表性的作者札记

作者札记
很多刚刚接触网站建设的设计人员往往会把网站建设的相关技术认为是整个网站项目中最复杂、最关键的部分。对于任何一个网站项目而言,技术方案仅仅是整个网站项目的组成部份之一。对于中、大型的网站而言,具有可行的商业模式,管理方法,才是网站能够持续运作的根本,而且技术上的难题可以通过花钱请更好的技术人员、购买更好的解决方案来解决。不过网站的商业模式、管理方法和策略往往是无法完全用钱来解决的。网站项目的规模越大,其技术成本在网站总成本中的比例会逐渐减少。
个人网站的主要成本是虚拟主机和域名的费用,而人力资源的费用可以忽略不计。而对于需要托管一台服务器的中型网站来讲,虽然服务器硬件费用和托管费用2年共计要花3万元(假设服务器价值1万元,托管费用每年1万元,并且2年后服务器就淘汰了),可是2名专职网站设计、管理人员的工资每个月最低都要1000元人民币,2年共计就要48000元,这还不算为这两位设计人员配发电脑、提供办公室、宽带连接的费用。可见网站的规模越大,需要的人员越多,其人力资源成本以及管理成本会随之增加,而技术成本的比重将随之减少。

==

作者札记:
一个网站的管理人员,可以对最流行、最先进的设计工具不熟练,技术问题可以通过招聘技术能手来解决。但是他必须掌握最具有代表性的、经典的技术和设计思想,并且要拥有足够的领导能力和对背景业务的了解,还具有把握整个网站的结构的能力。

==

作者札记
不良的网站文件命名、文件夹结构设计并不会立即使一个网站变得无法访问。良好的文件命名、文件夹结构与不良的文件命名、文件夹结构的区别在于,前者可以在网站规模发展到足够大的时候起到良好的支持作用,而后者就会成为网站发展的绊脚石,设计人员不得不怨声载道的花费好几周的时间纠正网页中存在的问题,甚至重新进行设计以克服不良的结构所带来的问题。
所以,对网站文件夹结构以及命名的重视应该就像建筑师对地基的重视一样,当一幢大楼修好后,需要修改地基就很困难了;同样的道理,当网站已经建立完成后,修改文件夹结构以及命名规范也是非常困难的。

====================================================

编辑历史:[此帖最近一次被 yanyading 编辑过(编辑时间:2005-11-10 15:06:04)]


yanyading

职务:普通成员
等级:1
金币:0.0
发贴:36
#22005/11/10 12:00:09
《Web设计里的软件工程思想》
记得很早以前在5D的论坛贴过的,不信可以在GOOGLE搜索一下

现在的网站规模越来越大,涉及到的部门、人员的数量也是越来越多。自然而然的,Web 开发组的规模也是越来越复杂了,由此所带来的管理难度也越来越大,在下面的文章里,我将与大家探讨一些相关的Web设计观念。
1、 Web是一种软件么?
最早的Web设计是很简单的,一大堆的超链接,有些地方偶尔会看见很高级的CGI(在当时的环境下),而现在的Web已经具备了与数据紧密连接的需要,现在的Web项目中已经出现了很多B/S结构的应用,不用怀疑,Web已经或者即将成为软件的一个重要分枝。

2、 Web设计是艺术还是工程?
很多人都认为网页设计是一个艺术性的工种,并且是具有很大的挥洒余地的地方,所以经常会看见很多网页设计比赛,但是大家不要忽略一个问题,大部分的网页设计比赛比的仅仅是一个或者至多几个页面,而不是一个完整的Web体系。Apple公司的Web设计有没有艺术感? 答案是肯定的,那为什么Apple不毫无限制的挥洒其设计师的艺术细胞呢?即使把我们看见的几个经典的设计风格放上去可以嘛!但是他们并没有这么作,我想原因应该是很容易被理解的:任何Web设计的艺术性都必须与Web体系的工程性求得一个平衡。Web是一种有能力包含大量信息的用户界面为主要交互通道的软件,所以它的艺术性自然显露的比较明显,我想这也是为什么很多人将网页设计归纳到艺术一类了、将Web设计等同于网页设计了。

3、 Web设计师可以与programming 中的coder相提并论么?
这是一个很有意思的问题,以前我记得在Delphi区里面曾经讨论过印度软件行业里面高中生Coder问题,现在市面上招聘网页设计的公司还是不少,他们招聘这些设计人员后如何安排他们的工作呢?这里应该有很多问题。不同的网页设计人员的设计能力自然是不同的,有时候能力相差甚至是很大的,我们不能够指望自己的公司拥有的都是一流的设计人员(或许公司也并不愿意出相应的价钱),所以我将一般性的Web设计师定义为 Coder 设计师。

··· ···

但是呢,如何将一些能力并不出众的人合理的安排,并作出稳定的项目呢?在实际应用中我们经常使用的是定义一套统一的设计方法(不管是显性还是非显性的),或者更具体一点就是使用类似模板、JS、SSI输出等方法,对于一个已经定义好相关Web组件的开发组来讲,开发人员要做的并不是如何再设法把已经有的组件修改过来修改过去(这样会直接导致非主动性需求变动了),而是根据具体情况,在必要的时候设计新的组件(当然这种创造性的工作不太可能交给一般的Coder Web设计师作),然后由 coder 级别的Web设计师来生成大量的一般性页面,或者是使用其他的软件。

4、 Web设计可以通过人海战术来完成么?
我觉得不太应该使用这种策略,如果你们的高级Web体系设计人员作出的体系大的无法通过有限的人员来实现的话,那么即使通过“人海战术”勉强实现了,那么管理也是很容易出问题的,优良的体系仅仅可以从理论上较少出错的可能性,但是页面数目大幅度增加的时候,而且又是人来完成的,错误自然也会增加。另外现在所使用的发布系统也不是说不可以完成大量的重复人工劳动,何必自寻烦恼?

5、 Web设计中时髦技术VS成熟技术?
最典型的、也是最极端的例子就是一些个人网站,她们往往使用一些极其花哨的东西来表现流行,而作为大型Web项目,使用这些花哨的东西自然不符合自然规律。

技术是为业务实现服务的,所以完全没有必要在不适当的时间、系统中使用不恰当的技术, 使用ASP+SQL作一个大型的网上商店是可行的,但是如果这样的配置仅仅用来一个10页以下的网站+一个留言板,投资是不是高了一点呢?

我还是希望列举网景公司的公益性项目– DMOZ.ORG,她的设计确实不怎么样,起码不怎么花哨,但是你知道吗,她可是许多搜索引擎的数据来源(其中有Google,AOL等)。可见一个Web项目不是围绕技术服务的,而是围绕需求和业务服务的。

6、 Web设计中的(类)Class
经常上微软的网站的朋友应该记得,Microsoft的设计风格是非常统一的。由外国Web设计理论家说过,Web设计同样是具有大量的Conversions (惯例),如导航条,按钮等,一个网站的风格应该是有一个或者几个Abstract (抽象) 组成的,但是这种Abstract 和编程写代码的Abstract 是有很大区别的:
1、首先它是一种用大量图片以及带有格式文字组成的,基于用户界面的一个东西,说不定Flash, javascript 都用上了~~哈!
2、我们在编程的时候可能会遇到 override,这在Web的“类”当中所对应的动作应该是这样:我们作一个子站点,它的一些宏观风格从Abstract里继承了,但是我们觉得有些地方应该进行一些修改,比如Abstract的GlobalColor 是天蓝色,而子站的GlobalColor需要向真实的产品VI靠近,所以就可以被 override 成为灰色。

编辑历史:[此帖最近一次被 yanyading 编辑过(编辑时间:2005-11-10 15:03:55)]


缺缺

职务:管理员
等级:8
金币:41.0
发贴:9620
#32005/11/10 12:05:05
看起来不错
现在IT类的书太多的流于教程式菜单教学.其实对于学习者用处并不是很大,以致出现了很多什么都会做却什么都做不出来的初学者.

可以多介绍一下关于本书的内容,比如目录.