网页设计与网站建设完全学习手册

第1篇 快速进入网页设计

第1章 网站建设基础

1.1 预备知识

1.1.1 什么是网站

1.1.2 静态网页和动态网页

1.1.3 申请域名

1.1.4 申请服务器空间

1.2 常用的网页设计软件

1.2.1 网页设计软件Dreamweaver

1.2.2 图像设计软件Photoshop和Fireworks

1.2.3 动画设计软件Flash

1.2.4 HTML标记

1.2.5 FTP软件

1.3 网站建设的一般流程

1.3.1 网站的定位

1.3.2 确定网站主题

1.3.3 网站整体规划

1.3.4 收集资料与素材

1.3.5 设计网页页面

1.3.6 切图并制作成页面

1.3.7 开发动态网站模块

1.3.8 发布与上传

1.3.9 后期更新与维护

1.3.10 网站的推广

第2章 策划有创意的特色网页

2.1 创建优秀的网页

2.1.1 什么是优秀的网页

2.1.2 优秀网页的是怎样做出来的

2.2 怎样进行网站策划

2.2.1 网站策划的原则

2.2.2 网站策划的关键点

2.3 策划有创意的独特网站

第3章 网页的布局设计

3.1 网页版面布局设计

3.1.1 网页版面布局原则

3.1.2 点、线、面的构成

3.2 网页布局方法

3.2.1 纸上布局法

3.2.2 软件布局法

3.3 常见的网页结构类型

3.3.1 "厂"字形布局

3.3.2 "国"字型布局

3.3.3 "框架"型布局

3.3.4 "封面"型布局

3.3.5 Flash型布局

3.4 文字与版式设计

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

3.4.2 文字的颜色

3.4.3 文字的图形化

3.5 图像设计排版

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

3.5.2 让图片更合理

第4章 网页的色彩搭配

4.1 色彩基础知识

4.1.1 色彩的基本概念

4.1.2 网页安全色

4.2 色彩的三要素

4.2.1 色相

4.2.2 明度

4.2.3 纯度

4.3 色彩与心理

4.3.1 红色心理与网页表现

4.3.2 黄色心理与网页表现

4.3.3 蓝色心理与网页表现

4.3.4 绿色心理与网页表现

4.3.5 紫色心理与网页表现

4.3.6 橙色心理与网页表现

4.3.7 白色心理与网页表现

4.3.8 黑色心理与网页表现

4.3.9 灰色心理与网页表现

4.4 页面色彩搭配

4.4.1 网页色彩搭配原理

4.4.2 网页设计中色彩搭配的技巧

第2篇 设计精彩的网页图像

第5章 快速掌握图像设计软件

Photoshop CS6

5.1 Photoshop CS6介绍

5.1.1 菜单栏

5.1.2 工具箱及工具选项栏

5.1.3 文档窗口及状态栏

5.1.4 面板

5.2 绘图工具使用

5.2.1 使用矩形工具和圆角矩形工具

5.2.2 使用单行选框工具及单列选框工具

5.2.3 使用直线工具

5.2.4 使用油漆桶工具

5.2.5 使用渐变工具

5.3 制作文本特效

5.3.1 图层的基本操作

5.3.2 使用图层样式

5.3.3 输入文本

5.3.4 设置文本格式

5.3.5 设置变形文字

5.3.6 使用滤镜

5.4 输出保存图像

5.4.1 将图片保存为PSD格式

5.4.2 将图片导出为JPG格式

5.4.3 将图片导出为GIF格式

5.5 综合实战

5.5.1 实战：绘制天气图标

5.5.2 实战：立体质感的3D文字

第6章 页面图像的切割与优化

6.1 优化页面图像

6.1.1 图像的优化

6.1.2 输出透明GIF图像

6.2 网页切片输出

6.2.1 创建切片

6.2.2 编辑切片

6.2.3 优化和输出切片

6.3 创建GIF动画

6.3.1 GIF动画原理

6.3.2 认识"动画"面板

6.3.3 制作GIF动画

6.4 综合实战

6.5 在Dreamweaver中优化图像

第7章 设计网站的图片元素

7.1 设计网站Logo

7.1.1 网站Logo的重要性

7.1.2 网站Logo设计原则

7.1.3 实战：设计网站Logo

7.2 设计网站Banner

7.2.1 什么是Banner

7.2.2 Banner的制作原则

7.2.3 实战：设计有动画效果的Banner

7.3 制作网页导航条

7.3.1 网页导航条简介

7.3.2 实战：设计横向导航条

第3篇 设计炫动网页动画

第8章 快速掌握动画设计软件Flash CS6

8.1 Flash CS6简介

8.1.1 Flash 应用范围

8.1.2 Flash CS6工作界面

8.2 Flash动画制作基础知识

8.2.1 建立与保存Flash动画

8.2.2 设置Flash的属性

8.2.3 Flash时间轴的使用

8.2.4 插入关键帧

8.2.5 添加图层与图层管理

8.2.6 插入元件

8.2.7 库的管理与使用

8.3 Flash动画的优化与发布

8.3.1 优化动画

8.3.2 测试动画

8.3.3 设置动画发布格式

8.4 综合实战：发布动画

第9章 制作简单的Flash动画

9.1 图层基本操作和管理

9.1.1 图层的概念

9.1.2 图层的主要类型

9.1.3 创建和编辑图层文件夹

9.1.4 引导图层

9.1.5 遮罩图层

9.2 创建逐帧动画

9.3 补间动画的制作

9.3.1 创建改变对象大小的动画

9.3.2 创建形状补间动画

9.4 利用图层制作动画

9.4.1 创建沿曲线运动的动画

9.4.2 创建遮罩动画

第10章 制作声音和视频动画

10.1 导入声音文件

10.1.1 Flash中声音的类型

10.1.2 导入音频文件

10.2 添加声音

10.2.1 轻松为按钮添加声音

10.2.2 为影片添加声音

10.3 声音属性的编辑

10.3.1 设置声音的重复播放

10.3.2 设置声音的同步方式

10.4 导入视频文件

10.4.1 Flash支持的视频格式

10.4.2 在Flash中嵌入视频

10.5 综合实战：给Flash动画片头添加声音

网页设计与网站建设完全学习手册

第11章 制作高级脚本动画

11.1 ActionScript编程基础

11.1.1 ActionScript概述

11.1.2 面向对象的脚本编程概念

11.1.3 动作面板概述

11.2 ActionScript 的运算符

11.2.1 数值运算符

11.2.2 比较运算符

11.2.3 逻辑运算符

11.2.4 赋值运算符

11.2.5 相等运算符

11.2.6 位运算符

11.2.7 运算符的优先级

11.3 常用ActionScript语句

11.3.1 If条件判断

11.3.2 特殊条件判断

11.3.3 for循环

11.3.4 while和do while循环

11.4 Flash 中脚本的添加

11.4.1 为帧添加ActionScript

11.4.2 为按钮添加ActionScript

11.4.3 为影片剪辑添加ActionScript

11.5 综合实战

11.5.1 实战：制作发送电子邮件动画

11.5.2 实战：制作响应图片效果

第4篇 网页的排版与制作

第12章 Dreamweaver CS6的工作环境

12.1 认识Dreamweaver CS6界面

12.1.1 文档工具栏

12.1.2 常用菜单命令

12.1.3 插入工具栏

12.1.4 属性面板

12.1.5 面板组

12.2 创建本地站点

12.3 管理站点

12.3.1 打开站点

12.3.2 编辑站点

12.3.3 删除站点

12.3.4 复制站点

12.4 综合实战：创建本地站点

第13章 添加页面内容和多媒体元素

13.1 文本的输入和编辑

13.1.1 输入文本

13.1.2 设置文本属性

13.1.3 输入特殊字符

13.2 在网页中插入图像

13.2.1 插入图像

13.2.2 设置图像属性

13.2.3 插入鼠标经过图像

13.3 链接的设置

13.3.1 链接的类型

13.3.2 实战：设置文本链接和图像链接

13.3.3 创建锚记链接

13.3.4 创建图像热点链接

13.3.5 创建电子邮件链接

13.3.6 创建下载文件的链接

13.4 插入媒体

13.4.1 插入Flash动画

13.4.2 插入视频

13.4.3 插入网页背景音乐网页

13.5 综合实战：制作图文混排的多媒体页面

第14章 使用行为和JavaScript制作网页特效

14.1 特效中的行为和事件

14.1.1 动作

14.1.2 事件

14.2 使用Dreamweaver内置行为

14.2.1 交换图像

14.2.2 弹出提示信息

14.2.3 打开浏览器窗口

14.2.4 转到URL

14.2.5 预先载入图像

14.2.6 设置容器中的文本

14.2.7 显示-隐藏元素

14.2.8 检查表单

14.2.9 设置状态栏文本

14.3 利用脚本制作特效网页

14.3.1 制作滚动公告网页

14.3.2 制作自动关闭网页

第15章 利用表单对象创建表单文件

15.1 表单概述

15.2 插入输入类表单对象

15.2.1 插入表单域

15.2.2 插入文本域

15.2.3 插入密码域

15.2.4 插入多行文本域

15.2.5 插入隐藏域

15.2.6 插入复选框

15.2.7 插入单选按钮

15.2.8 插入列表/菜单

15.2.9 插入跳转菜单

15.2.10 插入图像域

15.2.11 插入文件域

15.2.12 插入按钮

15.3 综合实战：制作电子邮件表单

第16章 用表格排版网页

16.1 在网页中插入表格

16.1.1 插入表格

16.1.1 添加内容到单元格

16.2 设置表格属性

16.2.1 设置单元格属性

16.2.2 设置表格属性

16.3 表格的基本操作

16.3.1 选定表格

16.3.2 添加行或列

16.3.3 删除行或列

16.3.4 合并单元格

16.3.5 拆分单元格

16.3.6 调整表格大小

16.4 表格的其他功能

16.4.1 导入表格式数据

16.4.2 排序表格

16.5 综合实战

16.5.1 实战：利用表格排版页面

16.5.2 实战：创建网页圆角表格

第17章 使用模板和库快速创建网页

17.1 认识模板

17.2 创建模板

17.2.1 在空白文档中创建模板

17.2.2 用现有文档创建模板

17.2.3 创建可编辑区域

17.3 创建基于模板的页面

17.4 库的创建、管理与应用

17.4.1 创建库项目

17.4.2 库项目的应用

17.4.3 编辑库项目

17.5 综合实战：创建完整的企业网站模板

17.5.1 创建模板

17.5.2 利用模板创建网页

第18章 使用CSS样式美化网页

18.1 初识CSS

18.1.1 CSS概述

18.1.2 CSS的作用

18.1.3 基本CSS语法

18.2 定义CSS样式的属性

18.2.1 文本样式的定义

18.2.2 背景样式的定义

18.2.3 区块样式的定义

18.2.4 方框样式的定义

18.2.5 边框样式的定义

18.2.6 列表样式的定义

18.2.7 定位样式的定义

18.2.8 扩展样式的定义

18.2.9 CSS过渡

18.3 编辑CSS样式

18.3.1 修改CSS样式

18.3.2 删除CSS样式

18.3.3 复制CSS样式

18.4 综合实战

18.4.1 实战：CSS样式美化文字

18.4.2 应用CSS样式制作阴影文字

第19章 使用CSS+DIV灵活布局页面

19.1 网站与Web标准

19.1.1 什么是Web标准

19.1.2 为什么要建立Web标准

19.2 初识DIV

19.2.1 Div概述

19.2.2 创建Div

19.2.3 CSS+DIV布局的优势

19.3 CSS定位与DIV布局

19.3.1 盒子模型

19.3.2 元素的定位

19.4 CSS+DIV布局的常用方法

19.4.1 使用Div对页面整体规划

19.4.2 设计各块的位置

19.4.3 使用CSS定位

第5篇 动态网站开发

第20章 动态网站开发基础

20.1 动态网站原理

20.1.1 什么是动态网站

20.1.2 动态网站的主要技术

20.2 在Dreamweaver中编码

网页设计与网站建设完全学习手册

20.2.1 根据代码提示设置背景音乐

20.2.2 使用代码片断快速创建网页

20.2.3 使用标签选择器插入浮动框架

20.2.4 使用标签编辑器编辑标签

20.2.5 marquee标签

20.3 搭建动态网页平台

20.3.1 互联网信息服务器(IIS)介绍

20.3.2 设置互联网信息服务器(IIS)

20.4 数据库基础

20.4.1 数据库的基本概念

20.4.2 认识Access数据库

20.4.3 建立Access数据库

20.5 创建数据库连接

20.5.1 定义系统DSN

20.5.2 建立系统DSN连接

20.6 编辑数据表记录

20.6.1 创建记录集

20.6.2 插入记录

20.6.3 更新记录

20.6.4 删除记录

20.7 添加服务器行为

20.7.1 插入重复区域

20.7.2 插入显示区域

20.7.3 记录集分页

20.7.4 转到详细页面

20.7.5 转到相关页面

20.7.6 用户身份验证

第21章 动态网页开发语言ASP基础与应用

21.1 ASP概述

21.1.1 ASP简介

21.1.2 ASP的工作原理

21.2 ASP连接数据库

21.3 Request对象

21.3.1 集合对象

21.3.2 属性

21.3.3 方法

21.3.4 Request对象使用实例

21.4 Response对象

21.4.1 集合对象

21.4.2 属性

21.4.3 方法

21.4.4 Response对象使用实例

21.5 Server对象

21.5.1 属性

21.5.2 方法

21.6 Application对象

21.6.1 方法

21.6.2 事件

21.7 Session对象

21.7.1 属性

21.7.2 方法

21.7.3 事件

21.7.4 Session对象实例

21.8 ASP的开发工具

21.8.1 用Dreamweaver编写ASP程序

21.8.2 用记事本编写ASP程序

21.8.3 用其他文本编辑器编写ASP程序

第22章 创建动态留言系统

22.1 留言系统的设计分析

22.2 创建数据表与数据库连接

22.2.1 设计数据库

22.2.2 创建数据库连接

22.3 留言列表页面

22.3.1 基本页面设计

22.3.2 创建记录集

22.3.3 添加重复区域

22.3.4 转到详细页面

22.4 留言详细信息页面

22.4.1 设计页面静态部分

22.4.2 创建记录集

22.5 发表留言页面

22.5.1 插入表单对象

22.5.2 插入记录

第6篇 网站的发布与推广

第23章 网站的发布与维护

23.1 站点的测试

23.1.1 检查链接

23.1.2 站点报告

23.1.3 清理文档

23.2 网页的上传

23.2.1 利用Dreamweaver上传网页

23.2.2 使用LeapFtp软件上传文件

23.3 网站的维护

23.3.1 网站的软硬件维护

23.3.2 网站内容维护

23.3.3 网站备份

23.4 网站安全维护

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

23.4.2 匿名和授权访问控制

23.4.3 隐藏IP地址

23.4.4 操作系统账号管理

23.4.5 安装必要的安全软件

第24章 网站的宣传推广

24.1 注册到搜索引擎

24.1.1 搜索引擎

24.1.2 搜索引擎的原理

24.1.3 搜索引擎分类

24.1.4 搜索引擎注册

24.1.5 搜索引擎优化原则

24.2 导航网站登录

24.3 友情链接

24.4 网络广告

24.5 发布信息推广

24.6 利用群组消息即时推广

24.7 电子邮件

24.7.1 电子邮件推广

24.7.2 电子邮件推广的技巧

24.8 问答式免费推广

24.9 在博客中推广

24.10 传统网下推广

第7篇 网站综合案例

第25章 设计制作公司宣传网站

25.1 网站前期策划

25.1.1 网站总体策划

25.1.2 企业网站主要功能栏目

25.2 设计网站页面

25.2.1 首页的设计

25.2.2 切图并输出

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

25.3.1 创建本地站点

25.3.2 创建二级模板页面

25.3.3 利用模板制作其他网页

25.4 给网页添加特效

25.4.1 滚动公告

25.4.2 制作弹出窗口页面

第26章 设计制作缤纷多彩的在线购物网站

26.1 购物网站设计策划

26.1.1 基本网站概念

26.1.2 购物网站设计要点

26.1.3 主要功能页面

26.2 创建数据库表

26.3 创建数据库连接

26.4 制作购物系统前台页面

26.4.1 制作商品分类展示页面

26.4.2 制作商品详细信息页面

26.5 制作购物系统后台管理

26.5.1 制作管理员登录页面

26.5.2 制作添加商品分类页面

26.5.3 制作添加商品页面

26.5.4 制作商品管理页面

26.5.5 制作修改页面

26.5.6 制作删除页面

本书定位于网页设计与网站建设初中级读者，以“快速进入网页设计”→“设计精彩的网页图像”→“设计炫动网页动画” →“网页的排版与制作”→“动态网站开发”→“网站的发布与推广”→“网站综合案例”为线索具体展开，循序渐进地讲 述了网页设计与网站建设方方面面的知识。本书可作为相关院校的网页设计与网站建设教材及参考书，也可以作为自学者的参考资料。

主要特点包括：
1.知识点丰富：本书在实例讲解的过程中，包括“指点迷津”、“高手支招”、“知识要点”、“提示”等版块。“指点迷津”用于对疑难问题和常见技巧解答；“高手支招”用于介绍问题的举一反三、一题多解的方法；“知识要点”用于对正文知识的补充和说明，理论知识的讲解；“提示”用于介绍其他的一些常见问题或注意事项。
2.超值实用：本书以网页制作与网站建设为主线，讲述网页制作与网站建设的方方面面，涵盖了众多优秀网页设计师的宝贵实战经验，以及丰富的创作灵感和设计理念。
3.实战性强：采用StepbyStep的制作流程进行讲解，全面剖析网页设计与网站建设的制作方法，使读者在短时间内轻松上手、举一反三。读者只需要根据这些操作步骤一步一步地制作，即可制作出各种功能的动态网站。
4.体系完整：本书以实用功能讲解为核心，每小节分为基本知识学习和综合实战两部分，基本知识学习部分以基本知识为主，讲解每个知识点的操作和用法，操作步骤详细、目标明确；综合实战部分则相当于一个学习任务或案例制作。
5.书盘结合，交互学习：本书配套光盘中含有全书的全部实例文件，内容丰富多彩、简洁实用。光盘中还赠送10小时的超值网页设计教学视频，包括网页设计与网站建设方方面面的技术讲解、DreamweaverCS6多媒体教学视频、FlashCS6多媒体教学视频、PhotoshopCS6多媒体教学视频、动态网站设计多媒体教学视频。