网页设计与网站建设完全实用手册

第1篇 网页设计与网站建设入门篇

了解网页设计与网站建设基础

1.1 常见的网站类型 19

1.1.1 个人网站 19

1.1.2 企业类网站 19

1.1.3 机构类网站 19

1.1.4 娱乐休闲类网站 20

1.1.5 行业信息类网站 21

1.1.6 购物类网站 21

1.1.7 门户类网站 22

1.2 常用网页设计软件和技术 23

1.2.1 网页编辑排版软件 23

1.2.2 网页动画制作软件 24

1.2.3 网页图像设计软件 24

1.2.4 网页标记语言HTML介绍 25

1.2.5 网页脚本语言 26

1.2.6 动态网页编程语言ASP 27

1.3 网站建设的一般流程 28

1.3.1 网站的需求分析 28

1.3.2 规划站点结构 29

1.3.3 收集素材 29

1.3.4 设计网页图像 31

1.3.5 制作网页 31

1.3.6 开发动态网站模块 31

1.3.7 申请域名和服务器空间 32

1.3.8 网站的测试 33

1.3.9 网站的推广 33

网站页面的色彩搭配

2.1 色彩基础知识 35

2.1.1 色彩的原理 35

2.1.2 色彩的三要素 35

2.2 常见网页色彩搭配分析 37

2.2.1 红色色彩搭配 37

2.2.2 黄色色彩搭配 39

2.2.3 蓝色色彩搭配 39

2.2.4 绿色色彩搭配 40

2.2.5 紫色色彩搭配 41

2.2.6 橙色色彩搭配 42

2.2.7 黑色色彩搭配 43

2.2.8 灰色色彩搭配 44

2.3 网页色彩搭配 44

2.3. 1 网页色彩搭配的原则 44

2.3. 2 网页色彩搭配方法 46

第2篇 静态网页制作篇

快速掌握DreamWeaver CS5设计

基本网页

3.1 DreamWeaver CS5简述 51

3.2 DreamWeaver CS5的工作界面 51

3.2.1 菜单栏 52

3.2.2 插入栏 52

3.2.3 浮动面板 52

3.2.4 “属性”面板 53

3.2.5 文档窗口 53

3.3 创建和管理站点 54

3.3.1 上机练习——创建本地站点 54

3.3.2 上机练习——管理本地站点 56

3.4 插入文本 58

3.4.1 上机练习——插入普通文本 58

3.4.2 设置文本属性 59

3.4.3 上机练习——插入特殊字符 61

3.5 使用列表 63

3.5.1 插入项目列表 63

3.5.2 插入编号列表 64

3.6 在网页中插入文件头部内容 64

3.6.1 插入META信息 64

3.6.2 设置基础 65

3.6.3 插入关键字 66

3.6.4 插入说明文字 66

3.6.5 设置刷新 67

3.7 插入其他对象 67

3.7.1 上机练习——插入日期 67

3.7.2 上机练习——插入水平线 69

3.8 实例精讲 72

实例1——创建本地站点实例 72

实例2——创建基本文本网页实例 73

设计丰富多彩的图像和多媒体网页

4.1 在网页中插入图像 79

4.1.1 网页中图像的常见格式 79

4.1.2 上机练习——插入图像 79

4.1.3 上机练习——设置图像属性 81

4.1.4 上机练习——插入图像占位符 84

4.2 网页图像的应用 86

4.2.1 上机练习——鼠标经过图像 86

4.2.2 上机练习——网页背景渐变效果 88

4.3 插入声音 90

4.3.1 关于音频文件格式 90

4.3.2 上机练习——添加背景音乐 90

4.4 插入视频 93

4.4.1　视频的文件格式 93

4.4.2　上机练习——在网页中插入视频 93

4.5 插入其他媒体文件 95

4.5.1　上机练习——插入Flash 95

4.5.2　上机练习——插入Java Applet 97

4.6　网页链接的创建 99

4.6.1 网页链接的基本类型 99

4.6.2 上机练习——图像热点链接 100

4.6.3 上机练习——E-mail链接 102

4.6.4 上机练习——下载文件链接 104

4.6.5 上机练习——锚点链接 106

4.6.6 上机练习——脚本链接 108

4.6.7 上机练习——空链接 109

4.7 实例精讲 109

实例1——图文混排网页 110

实例2——创建网页锚点链接 112

使用表格和框架排版网页

5.1 插入表格 119

5.1.1 上机练习——插入表格 119

5.1.2 添加内容到单元格 120

5.2 编辑表格 121

5.2.1 选择表格及其元素 121

5.2.2 调整表格和单元格的大小 126

5.2.3 添加、删除行或列 128

5.2.4 拆分单元格 130

5.2.5 合并单元格 131

5.2.6 剪切、复制、粘贴表格 131

5.3 设置表格属性 132

5.3.1 设置整个表格的属性 132

5.3.2 设置行、列和单元格属性 133

5.4 创建框架网页 133

5.4.1 创建框架网页 134

5.4.2 保存框架 134

5.4.3 在顶部框架中添加内容 135

5.4.4 在底部框架中添加内容 137

5.5 使用Spry布局对象 140

5.5.1 使用Spry菜单栏 140

5.5.2 使用Spry选项卡式面板 141

5.5.3 使用Spry折叠式 142

5.5.4 使用Spry可折叠面板 142

5.6 实例精讲 143

实例1——制作圆角表格 143

实例2——使用框架布局网页 147

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

6.1 创建模板 154

6.1.1 上机练习——新建模板 154

6.1.2 上机练习——从现有文档创建模板 155

6.2 创建可编辑区域 156

6.2.1 上机练习——插入可编辑区域 156

6.2.2 删除可编辑区域 158

6.3 使用模板创建网页 158

6.4 创建与应用库项目 160

6.4.1 上机练习——创建库项目 160

6.4.2 上机练习——应用库项目 162

6.4.3 上机练习——修改库项目 164

6.5 实例精讲 165

实例1——创建模板 165

实例2——利用模板创建网页 170

使用行为和脚本设计动感特效网页

7.1 了解行为和事件 174

7.1.1 行为 174

7.1.2 事件 174

7.1.3 行为的添加 175

7.2 使用Dreamweaver内置行为 176

7.2.1 上机练习——交换图像 176

7.2.2 恢复交换图像 178

7.2.3 上机练习——打开浏览器窗口 178

7.2.4 上机练习——调用JavaScript 180

7.2.5 改变属性 181

7.2.6 上机练习——拖动AP元素 182

7.2.7 上机练习——转到URL 184

7.2.8 上机练习——弹出信息 185

7.2.9 上机练习——预先载入图像 186

7.2.10 上机练习——设置状态栏文本 187

7.2.11 跳转菜单 188

7.2.12 显示-隐藏元素 189

7.2.13 上机练习——检查表单 193

7.2.14 上机练习——增大/收缩效果 194

7.2.15 上机练习——挤压效果 195

7.3 使用JavaScript制作网页特效 196

7.3.1 上机练习——制作滚动文字公告 197

7.3.2 上机练习——禁止下载网页图像 198

7.3.3 上机练习——设置为IE首页 200

7.3.4 上机练习——添加到收藏夹 201

使用CSS样式表美化网页

8.1 了解CSS样式表 204

8.2 CSS基本语法 204

8.3 设置CSS属性 205

8.3.1 设置CSS类型属性 205

8.3.2 设置CSS背景属性 206

8.3.3 设置CSS区块属性 207

8.3.4 设置CSS方框属性 208

8.3.5 设置CSS边框属性 208

8.3.6 设置CSS列表属性 209

8.3.7 设置CSS定位属性 210

8.3.8 设置CSS扩展属性 211

8.4 链接或导出外部CSS样式表 211

8.4.1 上机练习——创建内部样式表 211

8.4.2 上机练习——创建外部样式表 213

8.4.3 上机练习——链接外部样式表 214

8.5 实例精讲 216

实例1——应用CSS样式定义字体大小 216

实例2——应用CSS样式制作阴影文字 218

用CSS+DIV灵活布局页面

9.1 CSS布局基础 223

9.1.1 什么是Web标准 223

9.1.2 CSS+DIV布局的优势 223

9.2 关于AP Div 224

9.2.1 AP Div的概念 224

9.2.2 “AP元素”面板 225

9.2.3 创建普通AP Div 225

9.2.4 创建嵌套AP Div 226

9.3 设置AP Div的属性 227

9.3.1 设置AP Div的显示/隐藏属性 227

9.3.2 改变AP Div的堆叠顺序 228

9.3.3 为AP Div添加滚动条 228

9.3.4 改变AP Div的可见性 229

9.4　CSS定位与DIV布局 230

9.4.1　盒子模型 230

9.4.2 元素的定位 231

9.5 CSS+DIV布局方法 234

9.5.1 使用DIV对页面整体规划 234

9.5.2　设计各块的位置 235

9.5.3　使用CSS定位 236

第3篇 动态网页制作篇

动态网站设计基础

10.1 动态网页的特点和制作流程 241

10.1.1 动态网页的特点 241

10.1.2 动态网页的制作流程 242

10.2 在网页中插入交互式表单对象 242

10.2.1 上机练习——插入表单域 243

10.2.2 上机练习——插入文本域 245

10.2.3 上机练习——插入复选框和单选按钮 249

10.2.4 上机练习——插入列表/菜单 254

10.2.5 上机练习——插入文件域、图像域和按钮 256

10.3 搭建本地服务器 259

10.3.1 上机练习——安装IIS 259

10.3.2 上机练习——配置Web服务器 260

10.4 创建数据库连接 261

10.4.1 上机练习——创建ODBC连接 261

10.4.2 上机练习——使用DSN创建ADO连接 262

10.5 编辑数据表记录 263

10.5.1 创建记录集（查询） 263

10.5.2 插入记录 264

10.5.3 更新记录 265

10.5.4 删除记录 266

10.6 添加服务器行为 266

10.6.1 插入重复区域 267

10.6.2 插入显示区域 267

10.6.3 记录集分页 268

10.6.4 转到详细页面 269

10.6.5 转到相关页面 270

10.6.6 用户身份验证 270

设计留言板系统

11.1 程序设计分析 274

11.2 创建数据表与数据库连接 275

11.2.1 设计数据库 275

11.2.2 创建数据库连接 277

11.3 设计留言板的各个页面 278

11.3.1 留言列表页面 278

11.3.2 留言详细信息页面 285

11.3.3 发表留言页面 287

设计新闻发布系统

12.1 新闻系统概述 295

12.2 主要功能栏目 295

12.3 风格与配色 297

12.4 网站实现 297

12.4.1 创建数据库 297

12.4.2 创建数据库连接 300

12.4.3 新闻列表页面 301

12.4.4 新闻详细页面 309

12.4.5 后台登录页面 311

12.4.6 新闻管理页面 316

12.4.7 添加新闻页面 322

12.4.8 修改新闻页面 327

12.4.9 删除新闻页面 329

设计会员注册登录系统

13.1 设计概述 333

13.2 创建数据库与数据库连接 335

13.2.1 创建数据库表 335

13.2.2 创建数据库连接 336

13.3 会员注册 337

13.3.1 注册页面 337

13.3.2 注册成功与失败页面 344

13.4 会员登录 347

13.4.1 会员登录页面 347

13.4.2 登录成功页面 351

13.4.3 登录失败页面 353

第4篇 网页图像设计篇

使用Photoshop CS5设计网页中的

特效文字

14.1 使用文字工具 357

14.1.1 上机练习——文字的输入 357

14.1.2 上机练习——设置文字属性 358

14.1.3 上机练习——文字的变形 359

14.2 Photoshop图层基本操作 360

14.2.1 添加图层 361

14.2.2 删除图层 361

14.2.3 合并图层 362

14.2.4 设置图层样式 362

14.3 设计常见的网页特效文字 364

实例1——背景文字 364

实例2——渐变文字 368

实例3——变形文字 371

实例4——唯美炫丽星空字 372

设计网页中的其他图像

15.1 设计网站Logo 377

15.1.1 Logo的特点 377

15.1.2 Logo设计标准 377

15.1.3 实例1——网站Logo设计实例 377

15.2 网络广告的制作 381

15.2.1 网络广告设计技巧 381

15.2.2 实例2——设计网络广告 382

15.3 设计网站首页 386

15.3.1 实例3——首页的制作 386

15.3.2 实例4——切割输出首页图像 392

15.4 设计网页按钮 394

15.4.1 实例5——制作圆角按钮 394

15.4.2 实例6——制作矩形按钮 396

15.5 制作导航栏 397

15.5.1 实例7——制作丰富多彩的导航栏 397

15.5.2 实例8——制作图像导航 400

第5篇 网页动画设计篇

使用Flash CS5创建各种动画

16.1 Flash CS5工作界面 405

16.2 时间轴与关键帧 408

16.2.1 时间轴 408

16.2.2 时间轴中的图层 409

16.2.3 关键帧 410

16.3 创建基本动画 410

16.3.1 实例1——逐帧动画 410

16.3.2 实例2——补间动画 414

16.4 创建引导动画 417

16.4.1 引导动画的创建原理 417

16.4.2 实例3——创建引导动画 418

16.5 创建遮罩动画 421

16.5.1 遮罩动画的创建原理 421

16.5.2 实例4——创建遮罩动画 421

16.6 创建有声动画 423

16.6.1 Flash CS5中可使用的声音 423

16.6.2 添加声音 424

16.6.3 编辑声音 425

16.6.4 实例5——创建声音动画 427

使用Flash CS5创建交互动画

17.1 ActionScript概述 431

17.1.1 ActionScript 3.0的特征 431

17.1.2 ActionScript 3.0语言特点 431

17.2 ActionScript 3.0语法基础 432

17.2.1 ActionScript中的专业术语 432

17.2.2 ActionScript 3.0基本语法 434

17.3 常用ActionScript语句 436

17.3.1 for循环 436

17.3.2 while和do while循环 436

17.3.3 条件语句 437

17.3.4 特殊条件判断 437

17.4 ActionScript的编辑环境 438

17.5 代码的输入 439

17.5.1 给帧添加动作 439

17.5.2 为影片剪辑添加动作 440

17.6 利用ActionScript制作交互网页动画 440

17.6.1 实例1——控制声音的播放 441

17.6.2 实例2——创建跳转到其他网页动画 444

17.6.3 实例3——创建网页导航动画 446

17.6.4 实例4——创建鼠标特效 452

第6篇 网站的策划与安全管理篇

网站的整体策划

18.1 为什么要进行网站策划 458

18.2 怎样进行网站策划 459

18.2.1 网站策划的原则 459

18.2.2 网站策划的关键点 460

18.3 如何确定网站的定位 461

18.4 确定网站的目标用户 462

18.5 网站的内容策划 462

18.5.1 网站内容策划的重要性 462

18.5.2 如何做好网站内容策划 463

网站页面设计策划

19.1 网站栏目和页面设计策划 466

19.1.1 网站的栏目策划 466

19.1.2 网站的页面策划 467

19.2 网站导航设计 469

19.2.1 导航设计的基本要求 469

19.2.2 全局导航的基础要素 469

19.2.3 辅助导航的设计要点 470

19.2.4 导航设计注意要点 471

19.3 网站页面版式风格设计 472

19.3.1 网站内容的排版 472

19.3.2 网站网页的布局形式 473

19.3.3 网站界面设计的兼容性 475

19.3.4 界面布局与内容的相关性 476

19.4 网站视觉元素设计 477

19.4.1 让文字易辨识 477

19.4.2 让图片更合理 478

19.4.3 让表单更易用 479

19.4.4 让按钮更易点击 480

网站的安全与运营维护

20.1 Web服务的高级设置 483

20.1.1 设置用户 483

20.1.2 NTFS权限的设置 484

20.1.3 目录和应用程序访问权限的设置 485

20.1.4 匿名和授权访问控制 486

20.1.5 备份与还原IIS 487

20.2 反黑客技术 488

20.2.1 计算机的设置 488

20.2.2 隐藏IP地址 491

20.2.3 操作系统账号管理 492

20.2.4 安装必要的安全软件 493

20.2.5 做好浏览器的安全设置 494

20.2.6 网站防火墙的应用 494

20.3 网站运营 495

20.3.1 网站运营的工作内容 495

20.3.2 网站运营的关键问题 496

20.4 网站日常维护与管理 497

第7篇 网站建设综合案例篇

设计企业宣传展示型网站

21.1 网站前期策划 500

21.2 网站的色彩及版面布局 501

21.2.1 确定网站的色彩 501

21.2.2 草案及粗略布局 502

21.3 设计网站首页 502

21.3.1 首页的设计 502

21.3.2 切割首页 510

21.4 创建本地站点 512

21.5 二级模板页面的设计 513

21.5.1 创建库文件 513

21.5.2 创建模板 516

21.5.3 利用模板创建二级页面 519

设计在线购物网站

22.1 购物网站设计概述 523

22.1.1 购物网站概念 523

22.1.2 购物网站的设计要点 523

22.1.3 主要功能页面 524

22.2 创建数据库表 527

22.3 创建数据库连接 529

22.4 制作购物系统前台页面 530

22.4.1 制作商品分类展示页面 530

22.4.2 制作商品详细信息页面 536

22.5 制作购物系统后台管理 538

22.5.1 制作添加商品页面 538

22.5.2 制作商品管理页面 543

22.5.3 制作修改页面 548

22.5.4 制作删除页面 551

《网页设计与网站建设完全实用手册》：凝聚了设计师10多年的专业设计经验与技巧，是学习网页设计与网站建设的首选图书。书中案例全部取材于成功的个人网站和商业网站，帮助初学者触类旁通，轻松成为高手。通过图解与多媒体教学的方式，全方位讲解网页设计与网站建设基础知识口应用要领。技术与实用的完美结合，注重实际操作，内含网站建设的完整解决方案。结构清晰。主题明确：按照软件自身的特点，有条理、有层次地讲解了软件的各种相关功能。实例经典，举一反三：通过典型实例实战演练应用软件的技巧，力求在实例讲解和实战演练过程中让读者掌握相关技巧。讲解通俗，步骤详细：知识点的讲解和实例的操作都以通俗易懂的语言加以阐述，并穿插讲解一些实用技巧，学习起来更加轻松易懂。《网页设计与网站建设完全实用手册》共22章，以“网页设计与网站建设入门”→“静态网页制作”→“动态网页制作”→“网页图像设计”→“网页动画设计”→“网站的策划与安全管理”→“网站建设综合案例”为线索具体展开，循序渐进讲述了网页设计与网站建设基础；掌握Dreamweaver CS5制作基本网页、设计丰富多彩的图像和多媒体网页、网页布局排版工具——表格和框架、使用模板和库提高网页制作效率、使用CSS样式表设计布局网页、使用行为和脚本设计动感特效网页；动态网站设计；使用Photoshop CS5设计网页中的特效文字、设计网页中的其他图像；使用Flash CS5创建基本动画、使用Flash CS5创建交互动画；网站的策划、维护、发布与推广；网站综合案例的建设，包括企业宣传展示型网站、设计在线购物网站。《网页设计与网站建设完全实用手册》语言简练、内容丰富、结构合理，采用循序渐进的讲述方法，通过丰富的实战范例对知识点进行讲解，按照讲练结合的形式编排内容。在光盘中提供了丰富的教学资源，不仅适合网页制作初学者和爱好者使用，同时也是相关培训班和各院校相关专业的理想教材。【作者简介】孙东梅，资深网站开发与网页设计工程师。1997年开始网站开发，迄今已十余年之久，设计和开发了几百个商业网站，既有个人网站和企业网站，也有电子商务网站和门户网站，积累了非常丰富的实际工作经验。作者对Dreamweaver、Flash、Photoshop、Fireworks等网页制作工具的使用已经达到了炉火纯青的地步，善于网站设计、网站Web前端开发和网站后台开发，对HTML、CSS、XHTML、XML、AJAX、VBScript等网页前台技术有着深入的研究，并对这些技术的应用有着独到的见解。作者发表过Web设计文章十几篇，出版过多本网页制作畅销图书，从而为本书的质量提供了很好的保证。