网页设计与制作PDF电子书下载

第1章 网站设计策划 1

1.1网站策划与建站流程 2

1.2建站需求分析 3

1.2.1客户分析 3

1.2.2市场分析 4

1.2.3网站资源状况分析 5

1.3建站目标分析 6

1.3.1短期目标 6

1.3.2长期目标 7

1.3.3网站行业前景 7

1.4网站分类与定位 8

1.4.1网站类型分析 8

1.4.2网站定位 12

1.5网站结构设计 12

1.6技术方案策划 14

1.7开始制作网站 15

1.7.1项目组成人员 15

1.7.2网站制作流程 16

思考与练习 17

第2章 网页版式设计与布局 19

2.1技术考虑 20

2.1.1关注文件容量大小 20

2.1.2为限制文件容量做计划 20

2.2网页视觉流程 22

2.3网页版式设计原则 24

2.3.1主题鲜明突出 24

2.3.2形式与内容统一 25

2.3.3强化整体布局 25

2.3.4模块化和容易更新 26

2.4网页框架结构 27

2.4.1网页布局类型 27

2.4.2网页框架结构 30

2.5网页版式设计的形式美 33

2.5.1页面设计中的概念要素 33

2.5.2版式设计中的形式美法则 37

思考与练习 43

第3章 导航 45

3.1导航简介 46

3.2导航类别 47

3.3导航设计原则 50

3.3.1导航的层次结构 50

3.3.2网站导航的易用度 50

3.3.3必要的网站导航 54

3.4链接功能 55

3.4.1站内链接 56

3.4.2站外链接 56

3.4.3下载链接 57

3.4.4信箱自动链接 57

3.4.5注释链接 58

3.5导航预示 58

3.6链接状态 59

3.7导航文字 60

3.7.1文字链接的优势 61

3.7.2链接文字选择 61

3.7.3对链接文字的预测 62

3.7.4加强文字链接 62

3.8导航图像 63

3.8.1图像链接预测 63

3.8.2图像翻转 63

3.8.3导航图标 64

思考与练习 64

第4章 网站内容 67

4.1编写内容之前的准备工作 68

4.1.1确定目标用户并调查 68

4.1.2分析客户需求 69

4.1.3研究目标访问者的语言 70

4.2编写内容 70

4.2.1线上写作的指导方针 71

4.2.2处理大段文字 73

4.2.3使用简单句 74

4.3网站内容的可浏览性 75

4.3.1使用合乎逻辑的线性设计 75

4.3.2内容紧凑 76

4.3.3用设计元素分开正文内容 76

4.3.4页面选择颜色的注意事项 77

4.3.5使用最新时态书写语句 77

4.4网站内容的可信度 77

4.5网页标题的设置 80

4.6优化网页标题 82

4.7网页的可读性 84

4.8网页内容设计中需要注意的问题 85

思考与练习 86

第5章 网页色彩基础知识 89

5.1网页安全色 90

5.2网页设计中色彩的用途 90

5.2.1视觉区域划分 91

5.2.2引导主次关系 91

5.2.3营造页面气氛 92

5.3网页色彩的特点 93

5.3.1整体性 93

5.3.2适应性 94

5.3.3独特性 95

5.3.4艺术性 95

5.3.5主次分明 96

5.4为网页定义色彩 97

思考与练习 99

第6章 色彩的功能角色与搭配 101

6.1色彩的功能角色 102

6.1.1主色 102

6.1.2配色 102

6.1.3强调色 104

6.1.4背景色 105

6.2基于色相的配色 106

6.2.1红色 106

6.2.2橙色 106

6.2.3黄色 108

6.2.4绿色 108

6.2.5蓝色 110

6.2.6紫色 110

6.2.7黑色 111

6.2.8白色 112

6.2.9灰色 112

6.3基于色调的配色 114

6.3.1亮色调 114

6.3.2暗色调 114

6.3.3中色调 115

6.4基于心理感受的配色 116

6.4.1冷暖感 116

6.4.2轻重感 117

6.4.3软硬感 118

6.4.4华丽与朴素 119

6.4.5明快与忧郁 120

6.4.6兴奋与沉静 120

思考与练习 121

第7章 网页色彩的对比与调和 123

7.1色彩的对比 124

7.1.1色相对比 124

7.1.2明度对比 128

7.1.3纯度对比 130

7.1.4冷暖对比 131

7.1.5面积对比 132

7.2网页色彩调和 134

7.2.1面积法 134

7.2.2阻隔法 134

7.2.3统调法 136

7.2.4削弱法 137

7.2.5综合法 138

7.2.6秩序调和 139

思考与练习 141

第8章 网页图像设计 143

8.1原理和术语 144

8.1.1原理 144

8.1.2术语 146

8.2网页图像格式 150

8.2.1 JPEG图像格式 151

8.2.2 GIF图像格式 151

8.2.3 PNG图像格式 152

8.3获取图像 153

8.4创作和编辑图像 154

8.4.1图像分层 155

8.4.2图像输出 155

8.4.3图像命名 156

8.4.4不同软件生成图像的色彩搭配 156

8.4.5网站标志设计 157

8.5背景图像 159

8.5.1背景图像的选择 159

8.5.2选择背景图像需要注意的问题 160

8.5.3平铺背景图像 161

8.5.4全屏背景图像 161

8.5.5非平铺的局部背景图像 162

8.6重复图像在网页中的应用 162

8.6.1视觉韵律 162

8.6.2存储一个1×1像素的透明图像 164

8.7动画 164

8.7.1动画术语 164

8.7.2动画格式 165

8.7.3应用网页动画需要注意的问题 166

8.8图像和可用度 166

思考与练习 167

第9章 网页文字 169

9.1字体的选择 170

9.1.1网页中经常用到的中文字体 170

9.1.2网站中经常用到的英文字体 172

9.2文字的设置 174

9.2.1文字尺寸的设计与浏览 174

9.2.2文字尺寸的单位 175

9.2.3字距与行距 176

9.2.4文字的排列 177

9.3网页文字与网站“易用度”的关系 178

9.4网页里的文字强调 180

9.4.1行首的强调 181

9.4.2引文的强调 181

9.4.3个别文字的强调 182

9.5网页文字的易用度 182

思考与练习 185

第10章 认识HTML 187

10.1什么是Web 188

10.2什么是HTML 189

10.3创建第一个HTML文件 190

10.4 HTML文档结构 193

10.4.1文档类型声明 193

10.4.2HTML基本架构 194

10.4.3头部内容 195

10.5基本语法 199

10.5.1双标签 200

10.5.2单标签 201

10.6代码的易读性和命名规范 202

10.7常用网页浏览器插件 203

思考与练习 205

第11章 HTML 4.0标签 207

11.1文字 208

11.1.1标题 208

11.1.2文字修饰 209

11.2文字段落 210

11.2.1段落标签 210

11.2.2换行标签 211

11.2.3水平线 212

11.3列表 213

11.3.1无序列表 213

11.3.2有序列表 215

11.3.3自定义列表 217

11.3.4列表标签嵌套 218

11.4图片 219

11.4.1图片的基本属性 219

11.4.2图片的其他属性 226

11.5多媒体元素 227

11.6超链接 229

11.6.1创建超链接 229

11.6.2设置超链接路径 231

11.6.3设置超链接窗口 235

11.6.4其他链接对象 235

思考与练习 239

第12章 由浅入深了解CSS 241

12.1 CSS可以做什么 242

12.2初识CSS 244

12.2.1写在标签内的CSS 245

12.2.2在HTML文件中统一规定的CSS 246

12.2.3导入外部CSS文件 247

12.2.4外联CSS文件 248

12.2.5 CSS的优先级 248

12.3 CSS的选择器 250

12.3.1 CSS的样式书写规则 250

12.3.2标签选择器 253

12.3.3类选择器 257

12.3.4 ID选择器 260

12.4修饰超链接 261

12.4.1伪类 261

12.4.2结合列表和伪类实现高级导航菜单 263

12.5文字的设定 267

12.5.1文字大小 267

12.5.2文字颜色 269

12.5.3文字笔画粗细 272

12.5.4文字样式 272

12.5.5文字字体 273

12.5.6文字间距 274

12.5.7文字行高 275

12.5.8英文大小写转换 276

12.6段落的修饰 277

12.6.1首行缩进 277

12.6.2段落文本对齐 278

12.7图片效果设定 281

12.7.1 常规属性 281

12.7.2背景图片 282

12.8盒模型 295

12.8.1 margin 295

12.8.2 padding 298

思考与练习 300

第13章 DIV布局与定位 303

13.1 DIV导言 304

13.2初识DIV 307

13.2.1定义DIV 307

13.2.2 DIV的宽、高设定 310

13.3 DIV实践 313

13.3.1 CSS基础设定 313

13.3.2 DIV框架设定 313

13.3.3 DIV嵌套使用 315

13.3.4文字和图片的CSS处理 319

13.3.5 DIV的相对和绝对定位 324

思考与练习 333

第14章 表格的使用与美化 335

14.1初识表格 336

14.2表格边框修饰 341

14.3单元格的宽、高 344

14.3.1宽、高的设定 344

14.3.2最大与最小宽、高限定 347

14.3.3固定整个表格的宽、高 349

14.4底色设置 351

14.5表格文字设定 353

14.6合并单元格 354

14.6.1横向合并 354

14.6.2纵向合并 355

14.7嵌套表格 356

思考与练习 361

第15章 表单 363

15.1初识表单 364

15.2添加文本框 366

15.2.1单行文本框 366

15.2.2密码框 367

15.2.3多行文本框 367

15.2.4文件域 367

15.3按钮 369

15.3.1提交按钮 369

15.3.2重置按钮 369

15.3.3普通按钮 370

15.3.4图片按钮 370

15.4表单的选择系列 371

15.4.1单选按钮 371

15.4.2复选框 372

15.4.3下拉列表 373

15.5隐藏域 375

15.6制作一个完整的表单 376

思考与练习 387

第16章 框架 389

16.1嵌入简单框架 390

16.1.1 <frameset>的属性 392

16.1.2 <frame＞的属性 393

16.1.3 <frameset＞与＜frame＞之间的嵌套 396

16.2 <iframe＞的使用 398

思考与练习 410

第17章 网页设计综合实例 413

17.1页面基本样式设定 414

17.2页面主体内容设定 426

思考与练习 445

第18章 HTML5.0的新特性 447

18.1HTML5.0介绍 448

18.2从“头”说起 450

18.3 HTML5.0的结构标签和内容分组标签 451

18.3.1 Header标签 451

18.3.2 Nav标签 453

18.3.3 Article标签和Section标签 454

18.3.4 Aside标签 456

18.3.5 Footer标签 456

18.3.6 Figure图像元素 457

18.3.7构建一个页面 458

18.4媒体元素标签 465

18.4.1音频元素控制 465

18.4.2相关属性控制 466

18.4.3利用JavaScript控制HTML5.0的Audio标签 467

18.4.4视频元素控制 468

18.5表单设计 468

18.5.1新的输入类型 469

18.5.2新增的表单元素 471

18.5.3新的表单属性 472

18.5.4创建一个表单 474

思考与练习 482

参考文献 485