2024年4月15日发(作者：)

Dreamweaver CS6网页设计立体化教程

（微课版）（第2版）

教学大纲

一、课程信息

课程名称：Dreamweaver网页设计

课程类别：专业基础课

课程性质：选修/必修

计划学时：48

计划学分：2

先修课程：无

选用教材：《Dreamweaver CS6网页设计立体化教程（微课版）（第2版）》，人民邮电出

版社出版教材；

适用专业：电子商务专业、计算机专业等。

课程负责人：

二、课程简介

Dreamweaver是由Adobe公司开发的网页设计与制作软件。Adobe公司在Dreamweaver

这一软件的版本上不断升级，是为了使广大从事网页制作和网页设计工作的用户拥有性能更

完善的得力工具，同时也是为了使刚刚步入设计领域的初学者能够拥有更加优秀的学习软件。

《Dreamweaver网页设计》课程是学校电子商务和计算机专业一门核心专业课程，它是

Web前端技术开发的必备课程，其教学目标是介绍网页设计与制作知识、网页制作工具的

使用方法、网页设计技术的综合应用。通过本课程的学习，可以使学生了解网页设计技术的

发展，掌握使用Dreamweaver软件进行网页制作的方法，并培养学生的团队协作与沟通交

流能力，以及探索创新能力。

本课程所选用教材的主要内容包括Dreamweaver CS6网页制作基础，输入与格式化文

本，插入图像和多媒体对象，在网页中创建超链接，布局网页版面，CSS样式与盒子模型，

模板、库、表单和行为的应用，制作ASP动态网页，网站的测试与发布，以及综合案例制

作等知识。通过大量案例和练习，着重培养学生的实际应用能力，并将职业场景引入课堂教

学，让学生提前进入职场人员角色。

三、课程教学要求

序号

1

专业毕业要求

工程知识

掌握网页设计基础和站点的创建与管理方法

掌握网站的建设基础和编辑文本的方法

通过项目实训讲解不同网页的设计与制作方法

课程教学要求 关联程度

2 问题分析

H

3

4

5

6

7

8

9

10

11

设计/开发解决方案

研究

使用现代工具

工程与社会

环境和可持续发展

职业规范

个人和团队

沟通

项目管理

具备Dreamweaver CS6基本操作能力，能够针对不同的

网页设计进行操作

计算机、手机

提高网页设计创新，培养业务设计的能力

课后练习可以进行分组讨论，分担任务，学习配合

通过小组发言、提交练习或思考报告增强沟通能力与执

行能力

以终生学习为目标，不断了解网页设计，制作网页，测

试与发布站点。学习设计操作方法和技巧，提高设计创

新能力。

H

M

M

L

H

H

H

H

12 终身学习

注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具

体描述。“关联程度”栏中字母表示二者关联程度。关联程度按高关联、中关联、低关联三

档分别表示为“H”“M”或“L”。“课程教学要求”及“关联程度”中的空白栏表示该课程

与所对应的专业毕业要求条目不相关。

四、课程教学内容

章节 名称

Dreamwea

verCS6网

页制作基

础

主要内容 重难点关键词 学时 类型

理论

讲解

+项

目实

训

1

掌握网站制作的相关知识

掌握网站站点的创建方法

网站、网页；站点；

HTML；导航条；CIS5

的使用；

2

了解网页的制作方法

新建与保存网页；创

输入与格

掌握如何新建、设置网页属性的方法

建列表；设置水平5

式化文本

掌握在网页中插入特殊文本的方法

线；添加滚动字幕；

掌握在网页中设置水平线的方法

插入图像

和多媒体

对象

掌握插入与编辑图像的方法

掌握网页中插入HTML5动画的方法

掌握网页中插入MP4视频的方法

同上

3

多媒体插件；HTML5

动画、MP4视频；

5

同上

4

在网页中

创建超链

接

布局网页

版面

掌握超链接的基础知识

掌握在网页中创建超链接的方法

掌握表格的基础知识

掌握使用APDiv制作首页的方法

掌握使用框架制作网页的方法

掌握CSS样式的基础知识

掌握CSS样式的设计方法

掌握盒子模型的布局优势

认识超链接、热点超

链接；空连接、脚本

链接；设置自动更新

链接；

5 同上

5

表格；APDiv；框架； 5

CSS样式的功能、CSS

样式的特点、CSS样

式的语法规则；认识4

CSS样式创建的位

置；盒子模型概述；

模板；弹创建库文

件；表单的基础操

作；添加隐藏域；行

为面板；

认识动态网页；动态

网页的开发流程、

Web服务器；安装与

配置IIS；创建数据

源；

兼容性测试；发布站

点；

同上

6

CSS样式

与盒子模

型

同上

7

掌握创建、编辑、应用与管理模板的

模板、库、

相关知识

表单和行

掌握表单的基础操作方法

为的应用

掌握常用行为的使用方法

掌握动态网页基础的相关知识

制作ASP掌握配置动态站点、创建数据源的基

动态网页 础操作方法

掌握创建记录集的方法

掌握网站的测试方法

掌握网站的发布方法

5 同上

8

5 同上

9

网站的测

试与发布

5 同上

10

综合案例

——制作

植物网站

掌握使用Dreamweaver CS6制作网

站的方法

掌握网站的制作流程

创建站点、创建Div

标签、创建CSS样4

式；布局页面结构；

同上

五、考核要求及成绩评定

序号 成绩类别 考核方式 考核要求 权重（%）

1

2

3

期末成绩 期末考试

平时成绩

实战训练

大作业

10次

50

40

10

备注

百分制，60分为及格

优、良、中、及格、不及格

2次未参加课程则无法获得学分 平时表现 出勤情况

注：此表中内容为该课程的全部考核方式及其相关信息。

六、学生学习建议

（一）学习方法建议

1. 理论配合课堂案例进行学习，提高学生对网页制作的创新能力；

2. 在条件允许的情况下，可以尝试利用网页制作进行业务操作；

3. 提高学生的设计创新、创意能力。

（二）学生课外阅读参考资料

略

七、课程改革与建设

本课程是一门实操性较强的课，相对于纯理论知识的枯燥讲解方式，为了吸引学生的兴

趣，可以采用“情景导入”引出“课堂案例”具体讲解软件知识，再通过“项目实训”和“课

后练习”加强训练学习内容，最后通过“技巧提升”提升读者的综合学习能力。讲解中先从

最基础的知识开始，循序渐进、层层深入，使学生对网页设计的应用有全面的了解。

平时对学生的考核内容包括出勤情况、在线学习习题完成情况、课堂讨论等方面，占期

末总评的50%。期末考试成绩占期末总评的50%。

制订人

签字：

教研室主任

签字：

修订时间：

院部负责人

签字：

年 月 日