网页设计2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

网页设计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．XHTML6

二、CSS：级联样式表7

1．CSS的语法特征7

CSS语法示例7

2．CSS的使用7

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

三、Web标准：XHTML+CSS8

四、DHTML：动态HTML8

思考与练习第二章 “谋定而动”——网站整体设计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

URL89

超链接的创建89

使用Dreamweaver创建图像映象90

第五节 表单与控件91

表单及HTML实现91

常用控件类型91

一、表单的可用性设计92

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

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

案例1 http://www.taorestaurant.com96

案例2 www.howblue.com97

案例3 http://www.bmw.com98

案例4 http://www.ninebridges.co.kr100

案例5 http://www.ksdb.co.kr101

案例6 www.afrc.com102

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

附录二 常用CSS参考110

附录三 网络安全色117

参考网站118

参考书目119

后记120