Dreamweaver CS6网页制作(全彩版)(附光盘)

第 1 章 网页设计基础

1.1 认识网页设计

学习1小时

1.1.1 网页设计背景

1.1.2 常见网页的组成元素

1.1.3 设计工具及设计方法简介

1.1.4 网页布局方式

1.1.5 网页色彩要素搭配

1.1.6 网站制作的一般步骤

1. 需求分析、栏目设计

2. 设计制作效果图

3. 切片、生成HTML文档

4. 修正、加工HTML文档

上机1小时：特色网站观摩学习

1.2 认识Dreamweaver CS6工作界面

学习1小时

1.2.1 友善的工作界面及视图

1.2.2 标题栏和菜单栏

1.2.3 多文档窗口编辑界面

1.2.4 面板组

1. “插入”浮动面板

2. 收藏夹管理

1.2.5 “属性”面板

1. “HTML”属性与“CSS”属性切换

2. “HTML”属性与“CSS”属性的区别

3. 通过“HTML”属性面板设置属性

4. 通过“CSS”属性面板设置属性

1.2.6 不同风格的界面

上机1小时：自定义Dreamweaver CS6工作界面

1.3 练习1小时自定义操作界面

第 2 章 Dreamweaver CS6操作基础

2.1 站点管理

学习1小时

2.1.1 为什么要创建站点

2.1.2 创建站点

2.1.3 编辑站点

2.1.4 复制与删除站点

2.1.5 导入和导出站点

1. 导入站点

2. 导出站点

上机1小时：创建和管理新建站点

2.2 网页操作

学习1小时

2.2.1 创建并保存网页文档

2.2.2 设置网页属性

1. 关于“页面属性”对话框

2. 修改“页面”属性

2.2.3 预览网页

1. 使用Dreamweaver CS6预览网页

2. 在浏览器中进行预览

上机1小时：创建网页文档并设置页面属性

2.3 练习1小时

1. 导入站点并管理

2. 创建并保存网页文档

第 3 章 初识网页布局

3.1 表格的基本操作

学习1小时

3.1.1 插入表格

3.1.2 设置表格属性

1. 整个表格的属性设置

2. 选中并设置行和列的属性

3. 选中并设置单元格的属性

3.1.3 在表格中添加内容

3.1.4 操作行或列

1. 插入行或列

2. 删除行或列

3.1.5 拆分与合并单元格

1. 拆分单元格

2. 合并单元格

3.1.6 插入嵌套表格

3.1.7 扩展表格模式

3.1.8 表格中所使用的属性

3.1.9 使用表格进行网页布局

上机1小时：制作蛋糕网页布局

3.2 框架布局

学习1小时

3.2.1 框架集和框架的概念

3.2.2 框架集和框架的基本操作

1. 创建框架集

2. 保存框架集和框架

3. 修改框架集结构

4. 删除框架

3.2.3 设置框架集和框架的属性

1. 设置框架集的属性

2. 设置框架的属性

3.2.4 内嵌式框架的应用

1. 创建内嵌式框架

2. IFrame框架的属性设置

上机1小时：制作后台管理

3.3 练习1小时

制作“台历”页面

第 4 章 添加网页元素

4.1 在网页中添加文本

学习1小时

4.1.1 添加文本

4.1.2 文本的基本操作

4.1.3 设置文本字体和大小

1. 编辑字体

2. 设置字体和大小

4.1.4 设置文本颜色

4.1.5 设置文本样式

4.1.6 设置文本对齐方式

4.1.7 插入和设置水平线

4.1.8 插入特殊符号、时间和注释

1. 插入特殊符号

2. 插入时间

3. 插入注释

上机1小 时：编辑我的空间网页

4.2 在网页中添加段落

学习1小时

4.2.1 将文本设置为段落

1. 段落设置

2. 设置换行符

4.2.2 将文本设置为标题

4.2.3 设置空格和段落缩进

1. 插入空格

2. 设置段落缩进

4.2.4 编辑文本列表

1. 项目列表

2. 编号列表

上机1小时：制作网页中的列表区域

4.3 在网页中添加图像

学习1小时

4.3.1 了解图像格式

4.3.2 插入并设置图像

1. 插入图像

2. 设置图像属性

4.3.3 插入并设置图像占位符

1. 插入图像占位符

2. 设置图像占位符

4.3.4 插入鼠标经过图像

4.3.5 添加背景图像

上机1小时：制作动画片网页

4.4 练习2小时

1. 练习1小时：制作图文混排页面

2. 练习1小时：制作左图右文页面

第 5 章 超级链接和Spry菜单

5.1 认识及应用超级链接

学习1小时

5.1.1 认识超级链接

1. 超级链接的概念

2. 超级链接的分类

5.1.2 添加超级链接

1. 通过菜单命令添加超级链接

2. 通过插入按钮添加超级链接

5.1.3 为现有文本添加超级链接

5.1.4 添加电子邮件超级链接

5.1.5 添加锚记

1. 命名锚记

2. 链接命名的锚记

5.1.6 添加脚本链接和空链接

1. 添加脚本链接

2. 添加空链接

5.1.7 添加图像超级链接

5.1.8 热点链接应用

1. 热点链接分类

2. 绘制热点

3. 热点的属性设置

4. 热点右键功能

上机1小时：制作超级链接图文混排网页

5.2 Spry菜单

学习1小时

5.2.1 关于Spry菜单栏Widget

1. Widget的概念

2. Widget的分类

5.2.2 插入和编辑菜单栏Widget

1. 插入菜单栏Widget

2. 编辑菜单栏Widget

5.2.3 更改菜单栏Widget的方向

5.2.4 更改菜单栏Widget的尺寸

上机1小时：制作网页导航栏

5.3 练习1小时

制作Spry导航并完成网页链接

第 6 章 利用多媒体对象丰富页面

效果

6.1 在页面中使用Flash对象

学习1小时

6.1.1 插入SWF格式的Flash文件

6.1.2 调整Flash文件显示的大小

6.1.3 Flash相关信息设置

6.1.4 Flash播放控制

6.1.5 Flash边距调整

6.1.6 对齐方式及背景颜色设置

6.1.7 Flash附加参数设置

1. Wmode参数

2. “参数”对话框

上机1小时：插入Flash对象并设置

6.2 插入其他多媒体对象

学习1小时

6.2.1 插入并设置FLV视频文件

1. 插入FLV视频文件

2. 设置FLV视频的属性

6.2.2 认识并插入Shockwave影片

1. 认识Shockwave影片

2. 插入Shockwave影片

6.2.3 在网页中插入背景音乐

1. 插入背景音乐

2. 在“属性”面板中设置背景音乐

6.2.4 插入其他媒体对象

1. 插入传统视频文件

2. 插入APPLET

3. 插入ActiveX

上机1小时：制作游戏界面

6.3 练习1小时

制作游戏宣传网页

第 7 章 HTML和CSS

7.1 HTML

学习1小时

7.1.1 什么是HTML

7.1.2 认识HTML的基本语法

7.1.3 常用HTML标记

1. 基本标记

2. 格式标记

3. 文本标记

4. 图像标记

5. 表格标记

6. 链接标记

7. 表单标记

7.1.4 HTML编辑器

1. 认识Dreamweaver CS6的HTML代码编辑器

2. “代码”视图的工具栏

7.1.5 插入HTML代码

7.1.6 编辑HTML代码

1. 插入HTML模式

2. 编辑标签模式

3. 环绕标签模式

上机1小时：制作“乐购网”网页

7.2 CSS

学习1小时

7.2.1 CSS样式的概念

7.2.2 认识CSS的基本语法

1. 了解CSS样式规则

2. CSS样式规则分类

3. CSS样式的语法

7.2.3 CSS的定义和引用方法

1. CSS的定义方法

2. 引用CSS样式

7.2.4 认识“CSS样式”浮动面板

7.2.5 CSS美化文本

7.2.6 CSS美化图像

7.2.7 CSS定义链接样式

1. 定义链接样式

2. 定义局部链接样式

7.2.8 CSS美化网页背景

7.2.9 使用CSS样式制作特效

1. 制作光标效果

2. 制作滤镜效果

上机1小时：制作手机页面

7.3 练习2小时

1. 练习1小时：制作“个人艺术”网页

2. 练习1小时：制作“科技公司网站”首页

第 8 章 使用Div css布局网页

8.1 Div的相关操作

学习1小时

8.1.1 Div对象的插入和设置

1. 插入Div对象

2. 设置Div对象

8.1.2 用Div CSS布局网页

1. Div CSS布局网页的优缺点

2. Div CSS布局的具体操作

8.1.3 AP Div对象的绘制和设置

1. AP Div对象的布局

2. 插入AP Div元素

3. 插入重叠AP Div 对象

4. 设置AP Div 对象的属性

8.1.4 AP Div管理

1. 认识“AP元素”浮动面板

2. 选择AP Div元素

3. 更改AP Div元素的层叠顺序

4. 更改AP Div元素的可见性

8.1.5 操作AP Div元素

1. 调整AP Div元素的大小

2. 移动AP Div元素

3. 对齐AP Div元素

8.1.6 AP Div与表格的相互转换

1. 将AP Div元素转换为表格

2. 将表格转换为AP Div元素

上机1小时：制作“留言板”网页

8.2 Div CSS灵活布局

学习1小时

8.2.1 Div CSS盒模型

1. Margin（边界）

2. Border（边框）

3. Padding（填充）

4. Content（内容）

8.2.2 CSS Div定位

1. Relative（相对定位）

2. absolute（**定位）

3. fixed（悬浮定位）

8.2.3 使用Div CSS布局设计

1. 居中布局

2. 浮动布局

上机1小时：制作化工材料公司网站首页

8.3 练习1小时

制作“卡片墙”网页

第 9 章 用表单实现用户交互性

9.1 使用表单

学习1小时

9.1.1 认识表单和表单标签

9.1.2 表单标签的插入及属性设置

1. 插入表单标签

2. 设置表单标签属性

9.1.3 插入表单元素

9.1.4 设置表单元素的属性

1. 文本域

2. 按钮

3. 单选按钮和单选按钮组

4. 复选框

5. 选择“（列表/菜单）”对象

6. 跳转菜单

上机1小时：制作具有复合功能的搜索条

9.2 使用Spry表单

学习1小时

9.2.1 了解Spry表单构件

9.2.2 Spry验证文本域

1. 插入Spry验证文本域

2. 设置Spry验证文本域

9.2.3 Spry验证文本区域

9.2.4 Spry验证复选框

9.2.5 Spry验证选择对象

1. 插入Spry验证选择对象

2. 设置Spry验证选择对象的属性

上机1小时：制作注册页面

9.3 练习1小时

制作社区调查表单网页

第 10 章 使用行为和Spry面板

10.1 添加和设置行为

学习1小时

10.1.1 认识事件和设置行为

10.1.2 “行为”浮动面板

10.1.3 行为的基本操作

10.1.4 绑定行为

1. 绑定“交换图像”行为

2. 绑定“显示隐藏元素”行为

3. 绑定“弹出信息”窗口行为

4. 绑定“打开浏览器窗口”行为

5. 绑定“拖动AP元素”行为

6. 绑定“设置文本”和“调用Javascript”行为

10.1.5 应用行为效果

1. “增大/收缩”行为效果

2. “挤压”和“晃动”行为效果

3. “显示/渐隐”行为效果

4. “滑动”和“遮帘”行为效果

5. “高亮颜色”行为效果

上机1小时：制作随机验证码的文本域

10.2 使用Spry面板

学习1小时

10.2.1 认识Spry面板

10.2.2 插入并设置Spry面板

1. 插入并设置Spry选项卡式面板

2. 插入并设置Spry折叠式面板

3. 插入并设置Spry可折叠面板

上机1小时：制作QQ软件面板

10.3 练习2小时

1. 练习1小时：制作“DIY模块式”首页

2. 练习1小时：制作HTML在线编辑器页面

第 11 章 提高网页制作效率

11.1 网页模板的应用

学习1小时

11.1.1 网页模板的作用和使用方法

1. 网页模板的作用

2. 模板的使用方法

11.1.2 创建和编辑网页模板

1. 创建网页模板

2. 编辑网页模板

11.1.3 网页模板的维护与更新

11.1.4 将模板应用到现有网页文档

11.1.5 从模板分离网页文档

上机1小时：创建基于模板的网页

11.2 库项目和扩展管理的应用

学习1小时

11.2.1 什么是库和库项目

1. 认识“库”面板

2. 能转换为库项目的网页元素

11.2.2 创建库项目

11.2.3 插入和修改库项目

1. 插入库项目

2. 修改库项目

11.2.4 更新库项目

11.2.5 Dreamweaver CS6扩展管理

1. 扩展管理的概念

2. “ 扩展管理器”界面

上机1小时：库项目的管理和使用

11.3 练习2小时

1. 练习1小时：利用模板和库提高网页设计效率

2. 练习1小时：常用扩展的安装和使用

第 12 章 动态网站基础

12.1 动态网页的基本操作

学习1小时

12.1.1 什么是动态网站

12.1.2 动态网站的开发流程

12.1.3 配置IIS和服务器站点

1. 配置IIS服务器

2. 配置服务器站点

12.1.4 数据库的应用

1. 数据库结构设计

2. 数据源设置

上机1小时：动态网站服务器环境配置

12.2 制作动态网页

学习1小时

12.2.1 连接数据库

12.2.2 定义记录集

12.2.3 创建动态表格

12.2.4 创建动态文本

12.2.5 添加显示区域和重复区域

1. 添加显示区域

2. 添加重复区域

12.2.6 设置记录集分页

12.2.7 转到详细页面

上机1小时：制作“员工名单”列表页面

12.3 练习2小时

1. 练习1小时：制作“动态插入数据”功能

2. 练习1小时：制作“查询数据”功能

第 13 章 综合实例演练

13.1 上机2小时：制作美食网站

13.1.1 实例目标

13.1.2 制作思路

13.1.3 制作过程

1. 创建网站站点

2. 制作网站首页

3. 制作子网页

4. 保存模板网页并新建网页

5. 链接各个网页

13.2 上机2小时：制作后台管理网页

13.2.1 实例目标

13.2.2 制作思路

13.2.3 制作过程

1. 配置IIS和服务器

2. 创建数据库并选择数据源

3. 制作网页并添加相应元素

4. 连接数据源并设置功能

5. 制作底部信息

13.3 练习1小时

1. 制作美食网的留言页面

2. 制作科技网页面

附录A 秘技连连看

一、网页制作的基本操作

1. 网页色彩的搭配方法

2. 网页导航的制作技巧

3. 自定义Dreamweaver CS6的工作界面

4. 新建文档默认参数的设置

5. 使用标签选择器选择对象

6. 新建站点的几种方法

7. 定义网页的关键字

8. 使用表格布局消除分辨率的差异

9. 为网页添加背景图片

10. 为表格添加背景图片

二、网页元素设置技巧

1. 为文本添加横线

2. 设置水平线的颜色

3. 设置文本滚动效果

4. 设置首字下沉效果

5. 为图片添加提示信息

6. 为图片添加指定颜色的边框

7. 去掉图片和表格间的空隙

8. 为链接添加提示信息

9. 添加空格的技巧

10. 使日期自动更新

11. 设置Flash的背景

12. 通过源代码添加背景音乐

13. 设置文本段落首行缩进

14. 设置字符间距

15. 插入鼠标经过的图片效果

三、布局及Div CSS的设置

1. 使用表格的技巧

2. 隐藏表格

3. 快速增加行

4. 导入Excel表格数据

5. 设置框架集的标题

6. 设置层的透明度

7. 定义多重类（class）

8. 清除浮动

9. 调整AP Div的大小

10. 快速选中表格

11. 快速选中单元格

12. 设置表格边框的颜色

13. 分割框架

14. 设置框架的边框

15. 嵌套选择器

16. CSS控制HTML页面效果的几种方法

17. 添加图片编辑器

18. 通过跟踪图像来定位网页中元素的位置

19. 设置图片链接无边框

20. 显示/隐藏AP Div

21. 创建基于模板的网页

22. 删除可编辑区域

23. 更新页面

24. 图像管理

25. 控制文本域的字符长度

26. 使用图形按钮

27. 添加标签

28. 跳转网页的设置

29. 同时链接两个网页

30. 定义弹出窗口

四、制作动态网站技巧

1. 选择数据库的技巧

2. 开发语言与数据库的搭配技巧

3. 修改DSN数据源

4. 增加数据库的安全

5. 编辑记录集

6. 使用翻页按钮替换翻页超级链接文本

附录B 72小时后该如何提升

1. 加强实际操作

2. 总结经验和教训

3. 吸取他人经验

4. 加强交流与沟通

5. 通过网上提供的视频进行学习

6. 上技术论坛进行学习

7. 还可以找我们