网页设计与网站建设完全学习手册PDF电子书下载

Chapter 1 网站建设入门基础 1

1.1 认识网页 2

1.1.1 网页的基本构成 2

1.1.2 静态网页 3

1.1.3 动态网页 4

1.2 常用的网页设计与网站建设技术 5

1.2.1 网页编辑软件 5

1.2.2 网页动画制作软件 5

1.2.3 网页图像设计软件 5

1.2.4 网页标记语言HTML 6

1.2.5 网页脚本语言JavaScript 6

1.2.6 动态网页编程语言ASP 6

1.3 常见网站的类型与特点 7

1.3.1 个人网站 7

1.3.2 企业类网站 7

1.3.3 机构类网站 8

1.3.4 娱乐休闲类网站 8

1.3.5 电子商务类网站 8

1.3.6 门户类网站 9

本章小结 9

Chapter 2 网站建设规范和建设流程 10

2.1 网站建设规范 11

2.1.1 组建开发团队规范 11

2.1.2 开发工具规范 11

2.1.3 超链接规范 11

2.1.4 数据库开发命名规范 12

2.1.5 文件夹和文件命名规范 12

2.2 网站建设的基本流程 13

2.2.1 网站整体规划 13

2.2.2 确定网站的内容和服务 13

2.2.3 规划网站目录结构 14

2.2.4 收集资源 14

2.2.5 网页效果图设计 14

2.2.6 编辑制作网页 15

2.2.7 开发动态网站模块 15

2.2.8 申请域名和服务器空间 16

2.2.9 网站的维护、测试和发布 16

2.2.10 网站的宣传推广 16

本章小结 17

Chapter 3 网站页面布局设计 18

3.1 网站栏目和页面设计策划 19

3.1.1 网站的栏目策划 19

3.1.2 网站的页面策划 19

3.2 点、线、面的构成 20

3.2.1 点的构成 20

3.2.2 线的构成 21

3.2.3 面的构成 21

3.3 网站页面版式设计 22

3.3.1 “国”字形布局 22

3.3.2 “厂”字形布局 22

3.3.3 框架型布局 23

3.3.4 封面型布局 23

3.3.5 Flash型布局 23

3.3.6 标题正文型布局 24

3.4 网页中的文字设计 24

3.4.1 文字的字体、字号、行距 24

3.4.2 文字的颜色 25

3.4.3 文字的图形化 25

3.5 网页中的图像应用 25

3.5.1 常见的网页图像格式 25

3.5.2 网页中应用图像的注意要点 26

本章小结 26

Chapter 4 网页的色彩搭配 27

4.1 色彩的分类 28

4.1.1 有彩色 28

4.1.2 无彩色 29

4.2 色彩三要素 29

4.2.1 明度 29

4.2.2 色相 30

4.2.3 纯度 30

4.3 色彩对比 31

4.3.1 明度对比 31

4.3.2 色相对比 32

4.3.3 纯度对比 33

4.3.4 色彩的面积对比 34

4.3.5 色彩的冷暖对比 34

4.4 各种色彩配色分析 35

4.4.1 红色色彩搭配 35

4.4.2 黄色色彩搭配 36

4.4.3 蓝色色彩搭配 36

4.4.4 绿色色彩搭配 37

4.4.5 紫色色彩搭配 38

4.4.6 橙色色彩搭配 38

4.4.7 白色色彩搭配 39

4.4.8 黑色色彩搭配 39

4.4.9 灰色色彩搭配 40

4.5 网页色彩搭配技巧 40

4.5.1 网页色彩搭配原则 40

4.5.2 网页色彩搭配方法 41

本章小结 42

Chapter 5 Photoshop CS5基础 43

5.1 Photoshop简介 44

5.1.1 Photoshop的发展历史 44

5.1.2 Photoshop的应用范围 44

5.2 Photoshop CS5的工作界面 47

5.2.1 标题栏与菜单栏 47

5.2.2 工具箱及工具选项栏 48

5.2.3 文档窗口及浮动面板 49

5.3 Photoshop CS5的基本操作 49

5.3.1 新建文件 49

5.3.2 打开文件 50

5.3.3 保存文件 50

5.4 使用辅助工具 51

5.4.1 标尺 51

5.4.2 网格 51

5.4.3 参考线 51

5.5 色调调整 52

5.5.1 调整色阶 52

5.5.2 调整曲线 53

5.6 色彩调整 55

5.6.1 亮度／对比度 55

5.6.2 色相／饱和度 55

5.6.3 替换颜色 56

5.6.4 新手练兵——简单处理网页中的图像 56

本章小结 58

Chapter 6 使用绘图工具和文本工具 59

6.1 选择工具 60

6.1.1 选框工具 60

6.1.2 套索工具 61

6.1.3 魔棒工具 62

6.2 基本绘图工具 62

6.2.1 画笔工具 62

6.2.2 铅笔工具 63

6.2.3 仿制图章工具 64

6.2.4 图案图章工具 65

6.2.5 橡皮工具 66

6.2.6 油漆桶工具 67

6.2.7 渐变工具 67

6.3 形状工具 68

6.3.1 矩形工具 68

6.3.2 圆角矩形工具 68

6.3.3 椭圆工具 69

6.3.4 多边形工具 69

6.4 在网页图像中添加文字 70

6.4.1 添加文字 70

6.4.2 设置文字属性 71

6.4.3 文字的变形 71

6.4.4 新手练兵——绘制网站Logo 72

6.4.5 新手练兵——设计浮雕文字 75

本章小结 76

Chapter 7 图层样式与滤镜的使用 77

7.1 图层的基本操作 78

7.1.1 “图层”面板 78

7.1.2 新建图层 81

7.1.3 选择图层 81

7.1.4 删除图层 81

7.2 使用图层样式 82

7.3 使用常见滤镜 83

7.3.1 “艺术效果”滤镜组 84

7.3.2 “模糊”滤镜组 85

7.3.3 “画笔描边”滤镜组 86

7.3.4 “扭曲”滤镜组 87

7.3.5 “杂色”滤镜组 87

7.3.6 “像素化”滤镜组 88

7.3.7 “渲染”滤镜组 89

7.3.8 “锐化”滤镜组 90

7.3.9 “素描”滤镜组 91

7.3.10 “风格化”滤镜组 92

7.3.11 “纹理”滤镜组 92

7.3.12 “其他”滤镜组 93

7.3.13 新手练兵——设计网站导航 94

7.3.14 新手练兵——制作网页宣传海报 97

本章小结 100

Chapter 8 图像的切割与优化输出 101

8.1 网页切片输出 102

8.1.1 创建切片 102

8.1.2 编辑切片 102

8.1.3 输出切片 103

8.2 网页图像的优化与输出 104

8.2.1 图像的优化 105

8.2.2 输出图像 105

8.2.3 输出透明GIF图 106

8.2.4 新手练兵——网站封面性主页的切割与优化 106

本章小结 108

Chapter 9 设计制作网页中的图像 109

9.1 网站Logo的制作 110

9.1.1 Logo的特点 110

9.1.2 Logo设计标准 111

9.2 网络广告的制作 111

9.2.1 网络广告的形式 111

9.2.2 网络广告设计要素 112

9.2.3 网络广告设计技巧 113

9.2.4 新手练兵——网站Logo设计实例 113

9.2.5 新手练兵——制作网络广告 116

9.2.6 新手练兵——设计首页图像 120

本章小结 124

Chapter 10 使用Fireworks CS5进行切片输出与图像处理 125

10.1 Fireworks CS5的基本操作 126

10.1.1 设置画布 126

10.1.2 文档的基本操作 127

10.2 创建切片和输出 128

10.2.1 创建切片 128

10.2.2 编辑切片 129

10.2.3 导出图像 129

10.3 创建动画 130

10.3.1 创建动画元件 130

10.3.2 编辑动画元件 132

10.3.3 设置状态持续时间 132

10.3.4 洋葱皮技术 133

10.3.5 补间实例 133

10.3.6 新手练兵——设计网页动画 134

10.3.7 新手练兵——创建图像切片和热区 137

本章小结 139

Chapter 11 使用Dreamweaver CS5创建基本文本网页 140

11.1 Dreamweaver CS5的工作环境 141

11.1.1 菜单栏 141

11.1.2 插入栏 141

11.1.3 浮动面板组 142

11.1.4 “属性”面板 142

11.1.5 文档窗口 142

11.2 创建与管理站点 143

11.2.1 创建本地站点 143

11.2.2 管理站点 144

11.3 在网页中插入文本 146

11.3.1 插入文本 146

11.3.2 设置文本属性 146

11.4 插入其他元素 147

11.4.1 插入特殊字符 148

11.4.2 插入水平线 148

11.4.3 插入时间 149

11.4.4 插入注释 150

11.5 创建超链接 150

11.5.1 超链接的基本概念 150

11.5.2 几种常见的链接 150

11.5.3 创建电子邮件链接 151

11.5.4 创建锚点链接 152

11.5.5 创建脚本链接 154

11.5.6 创建下载文件链接 155

11.5.7 新手练兵——创建基本文本网页实例 155

本章小结 157

Chapter 12 使用图像和多媒体制作丰富动感的网页 158

12.1 插入图像 159

12.2 在Dreamweaver中编辑图像 160

12.2.1 裁剪图像 160

12.2.2 调整图像亮度和对比度 160

12.2.3 锐化图像 161

12.2.4 重新取样图像 161

12.3 插入其他网页图像 161

12.3.1 插入图像占位符 162

12.3.2 插入鼠标经过图像 163

12.4 插入声音 164

12.4.1 音频文件格式 164

12.4.2 添加背景音乐 165

12.5 插入其他多媒体元素 166

12.5.1 插入SWF动画 167

12.5.2 插入Java Applet 168

12.5.3 在网页中插入视频 169

12.5.4 新手练兵——创建鼠标经过图像导航 171

12.5.5 新手练兵——在网页中插入多媒体 172

本章小结 174

Chapter 13 使用表格和框架排版布局网页 175

13.1 插入表格和表格元素 176

13.1.1 插入表格 176

13.1.2 设置表格属性 177

13.1.3 添加内容到单元格 177

13.2 选择表格元素 177

13.2.1 选择整个表格 178

13.2.2 选择行或列 178

13.2.3 选择单个单元格 179

13.3 表格的基本操作 179

13.3.1 调整表格的高度和宽度 179

13.3.2 添加或删除行或列 181

13.3.3 拆分单元格 182

13.3.4 合并单元格 183

13.4 排序及整理表格内容 183

13.4.1 导入表格式数据 183

13.4.2 排序表格 185

13.5 创建框架网页 186

13.5.1 创建框架集 187

13.5.2 保存框架和框架集文件 187

13.5.3 设置框架属性 188

13.5.4 设置框架集属性 188

13.6 选择框架和框架集 189

13.6.1 在“框架”面板中选择框架或框架集 189

13.6.2 在文档窗口中选择框架或框架集 189

13.6.3 新手练兵——利用表格排列数据 190

13.6.4 新手练兵——创建完整的框架网页 195

本章小结 200

Chapter 14 使用模板和库提高网页制作效率 201

14.1 创建模板 202

14.1.1 新建模板 202

14.1.2 从现有文档创建模板 202

14.2 创建可编辑区域 203

14.2.1 插入可编辑区域 203

14.2.2 删除可编辑区域 204

14.2.3 利用模板创建网页 205

14.3 创建与应用库项目 207

14.3.1 创建库项目 207

14.3.2 应用库项目 209

14.3.3 修改库项目 209

14.3.4 新手练兵——创建模板 210

14.3.5 新手练兵——利用模板创建网页 217

本章小结 222

Chapter 15 利用行为制作动感特效网页 223

15.1 行为的基本知识 224

15.1.1 行为的概念 224

15.1.2 常见动作 224

15.1.3 常见事件 225

15.2 利用行为显示文本 226

15.2.1 弹出信息 226

15.2.2 设置状态栏文本 227

15.2.3 设置容器的文本 228

15.2.4 设置文本域文本 229

15.2.5 设置框架文本 229

15.3 利用行为调节浏览器窗口 229

15.3.1 创建“打开浏览器窗口”网页 229

15.3.2 创建“转到URL”网页 231

15.3.3 调用JavaScript创建自动关闭网页 232

15.4 利用行为制作图像特效 233

15.4.1 交换图像与恢复交换图像 233

15.4.2 预载入图像 235

15.5 利用行为控制表单 236

15.5.1 跳转菜单和跳转菜单开始 236

15.5.2 检查表单 237

15.6 Spry效果 238

15.6.1 “增大／收缩”效果 239

15.6.2 “挤压”效果 240

15.6.3 “显示／渐隐”效果 240

15.6.4 “晃动”效果 241

15.6.5 新手练兵——制作滚动公告网页 242

本章小结 243

Chapter 16 使用表单和插件 244

16.1 表单的创建 245

16.1.1 了解表单 245

16.1.2 创建表单 245

16.1.3 表单属性的设置 246

16.2 表单对象的添加 246

16.2.1 文本域的添加 246

16.2.2 复选框的添加 248

16.2.3 单选按钮的添加 248

16.2.4 列表1／菜单的添加 249

16.2.5 跳转菜单的添加 250

16.2.6 文件域的添加 251

16.2.7 图像域的添加 252

16.2.8 按钮的添加 253

16.3 扩展插件的使用 253

16.3.1 插件介绍 254

16.3.2 安装管理插件 254

16.3.3 使用插件制作背景音乐网页 255

16.3.4 新手练兵——创建电子邮件表单实例 256

16.3.5 新手练兵——使用飘浮图像插件创建飘浮广告网页 259

本章小结 262

Chapter 17 使用CSS修饰和布局网页 263

17.1 Div与CSS简介 264

17.1.1 Div概述 264

17.1.2 Div与Span的区别 264

17.1.3 Div与CSS布局优势 264

17.2 CSS基础知识 265

17.2.1 CSS基本概念 265

17.2.2 CSS基本语法 266

17.3 设置CSS样式 267

17.3.1 设置文本样式 267

17.3.2 设置背景样式 268

17.3.3 设置区块样式 268

17.3.4 设置方框样式 269

17.3.5 设置边框样式 269

17.3.6 设置列表样式 270

17.3.7 设置定位样式 270

17.3.8 设置扩展样式 270

17.4 CSS定位 271

17.4.1 盒子模型的概念 271

17.4.2 float定位 271

17.4.3 position定位 273

17.4.4 新手练兵——应用CSS固定字体大小 274

本章小结 275

Chapter 18 动态网站设计基础 276

18.1 动态网页的特点与制作过程 277

18.1.1 动态网页的特点 277

18.1.2 动态网页的制作过程 278

18.2 搭建本地服务器 278

18.2.1 安装IIS 278

18.2.2 配置Web服务器 279

18.3 创建数据库连接 280

18.3.1 创建ODBC连接 281

18.3.2 使用DSN创建ADO连接 281

18.4 编辑数据表记录 282

18.4.1 创建记录集（查询） 282

18.4.2 插入记录 283

18.4.3 更新记录 284

18.4.4 删除记录 285

18.5 添加服务器行为 286

18.5.1 插入重复区域 286

18.5.2 插入显示区域 286

18.5.3 记录集分页 287

18.5.4 转到详细页面 287

18.5.5 新手练兵——开发留言系统 288

18.5.6 新手练兵——开发留言系统之创建数据库连接 290

18.5.7 新手练兵——开发留言系统之制作留言列表页面 291

18.5.8 新手练兵——开发留言系统之制作留言详细信息页面 295

18.5.9 新手练兵——开发留言系统之制作发表留言页面 297

本章小结 301

Chapter 19 Flash CS5绘图基础 302

19.1 Flash概述 303

19.1.1 Flash简介 303

19.1.2 Flash应用范围 303

19.2 Flash CS5的工作界面 305

19.2.1 菜单栏 305

19.2.2 工具箱 306

19.2.3 “时间轴”面板 306

19.2.4 舞台 307

19.2.5 “属性”面板 307

19.2.6 面板组 307

19.3 绘制图形对象 308

19.3.1 线条工具 308

19.3.2 铅笔工具 309

19.3.3 钢笔工具 309

19.3.4 椭圆工具 310

19.3.5 矩形工具 311

19.3.6 多角星形工具 311

19.4 填充图形对象 312

19.4.1 墨水瓶工具 312

19.4.2 颜料桶工具 312

19.4.3 滴管工具 313

19.4.4 刷子工具 314

19.5 “文本工具”的使用 314

19.5.1 创建静态文本 314

19.5.2 创建动态文本 315

19.5.3 创建输入文本 316

19.5.4 新手练兵——绘制Logo 316

19.5.5 新手练兵——绘制贺卡 318

本章小结 321

Chapter 20 使用时间轴和帧创建Flash简易动画 322

20.1 时间轴和帧 323

20.1.1 时间轴 323

20.1.2 帧的基本概念 323

20.2 创建逐帧动画 324

20.2.1 逐帧动画的创建原理 324

20.2.2 创建简单逐帧动画 324

20.3 创建补间动画 326

20.3.1 补间动画的创建原理 326

20.3.2 创建对象的缩放与淡出效果 326

20.4 创建声音动画 328

20.4.1 导入声音 328

20.4.2 添加声音 329

20.4.3 编辑声音 329

20.4.4 给网站首页添加声音 331

20.4.5 新手练兵——制作带音效的按钮 332

20.4.6 新手练兵——制作补间动画 335

本章小结 338

Chapter 21 使用层制作高级动画 339

21.1 图层的基本操作 340

21.1.1 图层的基本概念 340

21.1.2 新建图层 340

21.1.3 改变图层的顺序 341

21.1.4 新建图层文件夹 341

21.1.5 锁定和解锁图层 341

21.2 引导层动画的制作 342

21.2.1 普通引导层 342

21.2.2 创建沿直线运动的动画 343

21.2.3 创建沿轨道运动的动画 345

21.3 遮罩动画的制作 347

21.3.1 创建遮罩层 347

21.3.2 创建简单的遮罩动画 348

21.3.3 新手练兵——利用引导层制作动画 349

21.3.4 新手练兵——利用遮罩制作动画 351

本章小结 355

Chapter 22 使用ActionScript创建交互动画 356

22.1 ActionScript概述 357

22.1.1 ActionScript语言介绍 357

22.1.2 ActionScript 3.0基本语法 357

22.2 ActionScript基本语句 360

22.2.1 条件语句 360

22.2.2 循环语句 362

22.3 ActionScript代码的添加 365

22.3.1 在帧中插入ActionScript 365

22.3.2 在影片剪辑中插入ActionScript 366

22.4 ActionScript的编辑环境 366

22.4.1 “动作”面板概述 366

22.4.2 “动作”面板的Action命令 368

22.4.3 新手练兵——控制声音的播放 370

22.4.4 新手练兵——创建鼠标特效 373

本章小结 375

Chapter 23 HTML入门 376

23.1 HTML基本语法 377

23.1.1 网页结构 377

23.1.2 创建HTML文件 378

23.2 常见的HTML标签 379

23.2.1 常见文本类标签 379

23.2.2 特殊显示文本类标签 381

23.2.3 表格标签 382

23.2.4 超链接标签 383

23.2.5 段落标签 384

23.2.6 框架标签 384

23.2.7 表单与按钮标签 385

23.2.8 图片标签 388

23.2.9 换行标签 389

23.2.10 水平线标签 389

23.2.11 特殊标签 390

本章小结 390

Chapter 24 使用JavaScript创建特效网页 391

24.1 JavaScript简介 392

24.1.1 什么是JavaScript 392

24.1.2 JavaScript的特点 392

24.2 JavaScript基本语法 392

24.2.1 常量和变量 393

24.2.2 表达式和运算符 394

24.2.3 基本语句 395

24.2.4 函数 398

24.3 JavaScript事件 399

24.3.1 onClick事件 400

24.3.2 onChange事件 400

24.3.3 onSelect事件 401

24.3.4 onFocus事件 402

24.3.5 onLoad事件 402

24.3.6 onUnLoad事件 403

24.3.7 onMouseOver与onMouseOut事件 404

24.3.8 其他常用事件 404

24.4 JavaScript内部对象 406

24.4.1 navigator对象 406

24.4.2 document对象 407

24.4.3 windows对象 408

24.4.4 location对象 409

24.4.5 history对象 409

24.4.6 新手练兵——制作动态显示当前日期效果 410

24.4.7 新手练兵——随鼠标移动的图像 411

本章小结 413

Cahpter 25 设计企业网站——制作飞宇科技公司网站 414

25.1 企业网站设计特点解析 415

25.1.1 功能规划 415

25.1.2 创意分析 416

25.1.3 色彩搭配 416

25.2 利用Photoshop设计网站首页 416

25.2.1 制作首页背景 416

25.2.2 制作网站Banner 417

25.2.3 制作网站导航 419

25.2.4 制作网站栏目内容 420

25.2.5 制作版权信息 422

25.2.6 切割首页 423

25.3 在Dreamweaver中进行页面排版制作 424

25.3.1 创建本地站点 424

25.3.2 创建二级模板页面 425

25.3.3 利用模板制作其他网页 430

本章小结 432

Chapter 26 设计游戏网站——制作飞腾游戏在线网 433

26.1 游戏类网站规划 434

26.1.1 游戏网站概述 434

26.1.2 游戏网站的主页 434

26.2 制作网站主页 435

26.2.1 设置页面属性 435

26.2.2 制作网站导航栏 437

26.2.3 制作新闻公告 438

26.2.4 制作游戏活动指南 442

26.2.5 制作游戏特色 444

26.2.6 制作交流互动 445

26.2.7 制作游戏美图展示 446

26.2.8 制作网站投票 447

26.2.9 制作底部版权信息 449

本章小结 451

Chapter 27 设计电子商务网站——时尚购物网站 452

27.1 购物网站概述 453

27.1.1 购物网站的分类 453

27.1.2 购物网站的主要功能 454

27.2 购物网站的特点 455

27.2.1 大信息量的页面 455

27.2.2 合理的页面结构设计 456

27.2.3 完善的分类体系 456

27.2.4 商品图片的使用 457

27.3 创建数据库表 457

27.4 创建数据库连接 458

27.5 制作购物系统前台页面 459

27.5.1 制作商品分类展示页面 459

27.5.2 制作商品详细信息页面 463

27.6 制作购物系统后台管理 465

27.6.1 制作添加商品分类页面 465

27.6.2 制作添加商品页面 467

27.6.3 制作商品管理页面 469

27.6.4 制作修改页面 472

27.6.5 制作删除页面 474

本章小结 476