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.2Spry菜单

学习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.3Flash相关信息设置

6.1.4Flash播放控制

6.1.5Flash边距调整

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

6.1.7Flash附加参数设置

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.1HTML

学习1小时

7.1.1什么是HTML

7.1.2认识HTML的基本语法

7.1.3常用HTML标记

1.基本标记

2.格式标记

3.文本标记

4.图像标记

5.表格标记

6.链接标记

7.表单标记

7.1.4HTML编辑器

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

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

7.1.5插入HTML代码

7.1.6编辑HTML代码

1.插入HTML模式

2.编辑标签模式

3.环绕标签模式

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

7.2CSS

学习1小时

7.2.1CSS样式的概念

7.2.2认识CSS的基本语法

1.了解CSS样式规则

2.CSS样式规则分类

3.CSS样式的语法

7.2.3CSS的定义和引用方法

1.CSS的定义方法

2.引用CSS样式

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

7.2.5CSS美化文本

7.2.6CSS美化图像

7.2.7CSS定义链接样式

1.定义链接样式

2.定义局部链接样式

7.2.8CSS美化网页背景

7.2.9使用CSS样式制作特效

1.制作光标效果

2.制作滤镜效果

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

7.3练习2小时

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

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

第 8 章使用Div+CSS布局网页

8.1Div的相关操作

学习1小时

8.1.1Div对象的插入和设置

1.插入Div对象

2.设置Div对象

8.1.2用Div+CSS布局网页

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

2.Div+CSS布局的具体操作

8.1.3AP Div对象的绘制和设置

1.AP Div对象的布局

2.插入AP Div元素

3.插入重叠AP Div 对象

4.设置AP Div 对象的属性

8.1.4AP 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.6AP Div与表格的相互转换

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

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

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

8.2Div+CSS灵活布局

学习1小时

8.2.1Div+CSS盒模型

1.Margin（边界）

2.Border（边框）

3.Padding（填充）

4.Content（内容）

8.2.2CSS+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.2Spry验证文本域

1.插入Spry验证文本域

2.设置Spry验证文本域

9.2.3Spry验证文本区域

9.2.4Spry验证复选框

9.2.5Spry验证选择对象

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.5Dreamweaver 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秘技连连看

一、网页制作的基本操作

二、网页元素设置技巧

三、布局及Div+CSS的设置

四、制作动态网站技巧

附录B72小时后该如何提升

《Dreamweaver CS6网页制作》一书详细而又全面地介绍了使用Dreamweaver CS6制作网页的相关知识，主要内容包括网页设计基础，Dreamweaver CS6的基本操作，认识网页布局，网页元素的添加，超级链接和Spry菜单的使用，多媒体对象的使用，认识HTML和CSS，使用Div+CSS布局网页，表单的交互性，行为和Spry面板的使用，模板、库和扩展的管理应用以及动态网站的应用等。最后一章还通过制作静态网页和动态网页对网页制作的相关知识和操作进行了综合演练。《Dreamweaver CS6网页制作》内容全面，图文对应，讲解深浅适宜，叙述条理清晰，并配有多媒体教学光盘，对网页制作初、中级用户有很大的帮助。《Dreamweaver CS6网页制作》适用于公司职员、在校学生、教师以及各行各业相关人员进行学习和参考，也可作为设计类培训班的网页设计培训教材。《Dreamweaver CS6网页制作》和光盘有以下显著特点：100节交互式视频讲解，可模拟操作和上机练习，边学边练更快捷！ 实例素材及效果文件，实例及练习操作，直接调用更方便！ 全彩印刷，炫彩效果，像电视一样，摒弃“黑白”，进入“全彩”新时代！ 372页数字图书，在电脑上轻松翻页阅读，不一样的感受！

100节交互式视频讲解，可模拟操作和上机练习，边学边练更快捷！
实例素材及效果文件，实例及练习操作，直接调用更方便！
全彩印刷，炫彩效果，像电视一样，摒弃“黑白”，进入“全彩”新时代！
372页数字图书，在电脑上轻松翻页阅读，不一样的感受！
丰富学习套餐：
122节《Dreamweaver CS5网页制作》交互式视频讲解/Dreamweaver案例赏析/网页设计常用的图标和按钮/经典网页模版/Dreamweaver常用快捷键