网页设计PDF电子书下载

第一章 “新媒体，新设计”——网页设计概述 1

第一节 WWW:Web概述 2

Web如何工作：客户／服务器结构 2

浏览器：进入Web世界的窗口 2

第二节 Web设计：新媒体，新设计 3

一、网站与网页 3

二、用、美、爽：Web设计的三目标 3

三、Web设计流程 3

四、分工与合作：Web设计团队 4

如何成为一名网页设计师？ 4

第三节 “工欲善其事，必先利其器”——网页设计技术概述 5

一、HTML和XHTML：网页标记语言 5

1．HTML简介 5

2．HTML的语法特征 6

HTML标签的嵌套 6

HTML空白文档结构 6

3．XHTML 6

二、CSS：级联样式表 7

1．CSS的语法特征 7

CSS语法示例 7

2．CSS的使用 7

3．样式的继承与冲突：级联 7

三、Web标准：XHTML+CSS 8

四、DHTML：动态HTML 8

思考与练习第二章 “谋定而动”——网站整体设计 9

第一节 明确站点的目标与需求 10

设计与需求 10

一、建站意图：为什么要建立一个网站？ 10

网站项目相关人员 10

二、为谁而建：用户，用户，用户 10

UCD：以用户为中心的设计 10

用户模型 10

三、“类型片”：定义站点类型 11

站点类别 11

四、站点目标：行动的指南 12

第二节 站点整体规划与设计 13

一、内容：站点的内涵与价值所在 13

多媒体综合传播 13

为站点准备内容 13

二、功能：不再只是内容 14

功能驱动与内容驱动 14

交互设计 14

功能流程图 14

三、架构：逻辑与组织 15

常见站点结构类型 15

四、界面：规划与设计 16

网站界面构成 16

网页界面的构成元素 16

五、视觉：形象与风格 17

站点的设计风格 17

第三节 技术与实现 18

一、创意与探索：设计草图与原型 18

1．草图 18

2．原型 19

二、页面需求的描述：线框图 20

三、精彩看得见：页面效果图 20

四、站点的蓝图：网站计划书 21

网站计划书的主要内容 21

思考与练习第三章 “从纸张到屏幕”——网页空间与布局 22

第一节 究竟该多大：网页空间探密 23

一、屏幕尺寸与浏览器窗口 23

1．显示器屏幕尺寸 23

2．浏览器窗口尺寸 23

二、关于滚动 24

1．避免过多滚屏 24

2．避免在两个方向上滚动屏幕 24

第一屏 24

水平设计与垂直设计 24

三、确定页面尺寸 25

1．尽可能了解你的用户 25

2．页面尺寸设计策略 25

最低显示标准是多少？ 25

3．固定宽度和可变宽度设计 25

“裁剪”浏览器空间 25

第二节 化有限为无限：网页布局设计 26

一、网页布局原理 26

1．平衡与稳定 26

2．焦点与主次 27

网页空间与视觉关注度 27

3．秩序与统一 28

“少就是多” 28

4．对比与变化 29

二、点、线、面——网页布局设计中的形态要素 30

1．点 30

2．线 31

3．面 32

造型与风格 32

三、关于空白 33

网页中的空白 34

主动留白与被动空白 34

四、常用布局方法和类型 35

1．自由型布局 35

2．规整型布局 36

分割 36

网格布局 36

第三节 技术与实现 38

一、表格布局 38

表格布局的分析与规划 38

二、DIV+CSS：符合Web标准的布局方法 38

1．观察与分析 39

2．切片与输出 39

3．定位与实现 39

示例：DIV+CSS布局 39

三、框架 41

思考与练习第四章 “远看色，近看花”——网页色彩设计 43

第一节 色彩传递印象：网页色彩基础 44

一、色彩的三要素 44

色调 44

二、生理、心理和文化：色彩的感觉和联想 45

1．色彩的感觉和印象 45

2．色彩的联想和象征 45

3．色彩的文化与认知 45

三、色彩的表现 50

四、对比与调和：网页配色原理 51

1．色彩的对比 51

2．色彩的调和 52

3．网页配色类型 53

第二节 网页色彩设计 56

一、网页色彩的选用 56

1．站点类型和主题 56

“不破不立”——打破常规使用色彩 56

2．用户需求 56

3．企业标准色 56

二、网页色彩计划 57

1．支配与强调：主色、辅助色与强调色 57

2．整体与局部：栏目色彩的规划 57

三、网页中的色彩 58

1．背景色 58

2．多媒体元素色彩 59

3．文字色彩 59

第三节 技术与实现 60

一、屏幕色彩：加色混合 60

二、网络安全色 60

三、网页色彩设置 60

思考与练习第五章 “细节决定成败”——网页元素设计 61

第一节 文字与排版 62

一、网页文字与排版基础 63

1．网页字体 63

屏幕阅读与字体 64

2．网页排版 65

网页字号大小的设置 65

二、网页字体设计 68

1．网页字体的选用 68

2．网页中的字体 68

三、技术与实现 69

1．用CSS设置字体 69

2．用图形实现网页字体设计 69

第二节 图形元素设计 70

一、图形的作用 70

1．表现页面内容 70

2．增添页面美感 70

图片的选择与页面的主题 70

二、网页中的图形 71

1．照片与插图 71

2．背景与底纹 72

整体背景与局部背景 73

3．站点标志 74

4．网页图标 75

三、技术与实现 76

1．网页图形的特点 76

2．网页图形的格式及优化 76

3．网页图形制作工具 77

网页图形的制作与优化 77

4．在网页中插入图形 78

第三节 多媒体元素设计 79

一、声音和视频 80

下载播放与流式播放 80

1．声音和视频文件格式 81

2．在网页中添加声音和视频 81

二、动画 82

1．GIF动画 82

2．Flash动画和交互媒体 83

Flash动画及交互媒体作品的创作 83

第四节 导航元素设计 85

一、三个问题：导航的功能 85

我在哪儿？ 85

我能去哪儿？ 85

我从哪里来？ 85

二、导航的布局 86

三、导航媒介与形式 87

四、个性化导航设计 88

五、技术与实现：超链接 89

超链接示意图 89

URL 89

超链接的创建 89

使用Dreamweaver创建图像映象 90

第五节 表单与控件 91

表单及HTML实现 91

常用控件类型 91

一、表单的可用性设计 92

二、表单外观：标准与个性 93

思考与练习第六章 “他山之石，可以攻玉”——综合案例分析 95

案例1 http://www.taorestaurant.com 96

案例2 www.howblue.com 97

案例3 http://www.bmw.com 98

案例4 http://www.ninebridges.co.kr 100

案例5 http://www.ksdb.co.kr 101

案例6 www.afrc.com 102

思考与练习附录一 常用HTML参考 105

附录二 常用CSS参考 110

附录三 网络安全色 117

参考网站 118

参考书目 119

后记 120