2023年6月21日发(作者：)
《《网页设计与制作立体化教程（Dreamweaver CC 2018）》
教学大纲
一、课程信息
课程名称：网页设计与制作
课程类别：专业基础课
课程性质：选修/必修
计划学时：48
计划学分：2
先修课程：无
选用教材：《 网页设计与制作立体化教程（Dreamweaver CC 2018）》（第2版）
适用专业：电子商务专业、计算机专业等。
课程负责人：
二、课程简介
Dreamweaver广泛应用于网页设计领域，《Dreamweaver网页设计》课程是学校电子商务和计算机专业一门核心专业课程，它是Web前端技术开发的必备课程，其教学目标是介绍网页设计与制作知识、网页制作工具的使用方法、网页设计技术的综合应用。通过本课程的学习，可以使学生了解网页设计技术的发展，掌握使用Dreamweaver软件进行网页制作的方法，并培养学生的团队协作与沟通交流能力，以及探索创新能力。
本课程教学时先介绍网页设计基础、Dreamweaver CC 2018基本操作，然后对编辑网页元素，编辑网页中的超链接，使用表格布局网页，使用CSS和Div，使用jQuery UI、模板和库，使用表单和行为，以及制作移动端网页等知识进行介绍，最后还安排综合案例，从而循序渐进地帮助学生掌握Dreamweaver CC 2018网页设计与制作的相关应用，着重培养学生实际应用能力和计算机的操作能力，能够运用所学的知识进行网页设计。
三、课程教学要求
序号
1
2
3
4
5
6
专业毕业要求
工程知识
问题分析
设计/开发解决方案
研究
使用现代工具
工程与社会
掌握网页设计与制作的相关知识，并对各个板块效果的设计与制作方法进行掌握
具备网页设计与制作的能力，能够独立完成不同类型网站的设计与制作。
Dreamweaver CC 2018
课程教学要求 关联程度
L
H
H
H
L
L 7
8
9
10
11
12
环境和可持续发展
职业规范
个人和团队
沟通
项目管理
终身学习
培养网页设计与制作相关工作人员
案例分析与讨论要求学生分组，分担任务，学习配合
通过小组发言、提交案例报告增强网页设计与制作知识
以终生学习为目标，对网页设计与制作相关知识进行掌握学习
L
L
H
M
L
H
注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。“关联程度”栏中字母表示二者关联程度。关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。
四、课程教学内容
章节 名称 主要内容 重难点关键词 学时 类型
任务一 赏析购物网站首页
任务二 规划“圈粉”网站
项目网页设实训 规划“爱尚汽车”网站
一 计基础 常见疑难解析
拓展知识
课后练习
任务一 创建“圈粉”网站站点
Dream任务二 制作“圈粉”商务网简介页面
weaver
实训一 创建“爱尚汽车”网站站点
项目CC
实训二 制作“爱尚汽车”车友会年会活二
2018动网页
基本操常见疑难解析
作 拓展知识——添加滚动字幕
课后练习
任务一 制作“圈粉”商品展示页面
任务二 制作“圈粉”视听宣传页面
实训一 创建“爱尚汽车”新车发布页面
项目编辑网实训二 制作“爱尚汽车”动画宣传页面
三 页元素
常见疑难解析
拓展知识
课后练习
任务一 为“圈粉”商务网创建文本
编辑网项目任务二 为“圈粉”产品图像页面创建图页中的四 像超链接
超链接
实训一 为“爱尚汽车”车友会活动页面网站、网页、主页的概念；网页的构成元素；常用网页制作软件；HTML、HTML5、6
JavaScript；网站开发流程；网站后期管理；
认识Dreamweaver CC
2018的操作界面；Dreamweaver CC
2018参数设置；CSS6
编辑功能；创建站点、编辑和管理站点；插入网页元素；插入文本；
网页中常用的图像格式；插入图像；设置图像属性；Edge
Animate动画合成；6
Flash动画；FLV文件；插入SWF文件；插入视频文件
创建文本超链接、创建图像超链接；
理论+上机
理论+上机
理论+上机
5
理论+上机 创建超链接
实训二 为“爱尚汽车”新车展页面创建超链接
常见疑难解析 拓展知识——将网页设置为浏览器首页
课后练习
任务一 布局“圈粉”商品展示页面
任务二 制作“圈粉”销售记录页面
实训一 布局“爱尚汽车”美图欣赏网页
实训二 制作“爱尚汽车”客户跟踪网页
常见疑难解析
拓展知识
课后练习
任务一 美化“圈粉”内容页面
任务二 制作“圈粉”网站首页
实训一 美化“车友会年会活动”网页
实训二 布局“爱尚汽车”首页
常见疑难解析
拓展知识——HTML5 结构元素
课后练习
认识表格和单元格“属性”面板；导入和导出表格数据；对表格数据进行排序；剪切、复制、粘贴和删除单元格；美化表格；
使用表项目格布局五
网页
6
理论+上机
使用项目CSS和六
Div
认识CSS、CSS设计器、设置CSS样式的属性、）CSS过渡效果的应用、应用CSS样6
式；认识Div、认识盒子模型、Div+CSS定位、使用“CSS 设计器”布局网页
理论+上机
使用项目jQuery
七
UI、模板和库
使用表项目单和行八
为
制作移项目动端网九
页
任务一 创建“圈粉”网站栏目网页
任务二 制作“圈粉”网站商品页面
实训一 制作“爱尚汽车”栏目页面
实训二 制作“爱尚汽车”产品展示页面
常见疑难解析
拓展知识——分离库项目
课后练习
任务一 制作“圈粉”网站登录页面
任务二 制作“圈粉”网站登录交互页面
实训一 制作“爱尚汽车”网站注册页面
实训二 制作“爱尚汽车”网站交互注册页面
常见疑难解析
拓展知识
课后练习
任务一 制作移动端门户网站主页
任务二 创建PHP 页面
实训一 制作移动端页面
实训二 制作登录表单验证页面
常见疑难解析
拓展知识
课后练习
添加jQuery UI元素；创建模板、创建库项6
目、制作网页；
理论+上机
插入表单并设置属性、插入表单元素并设置属性、使用jQuery UI表单；常见行为的用法；
5
理论+上机
创建jQuery Mobile页面、使用jQuery
Mobile组件；安装6
PHP服务器、制作并浏览PHP页面；
理论+上机 任务一 前期规划
任务二 制作网站站点
综合案任务三 制作网页模板
项目例——任务四 制作网站页面
十 订餐网常见疑难解析
站建设
拓展知识
课后练习
分析网站的用户需求、确定网站风格、设计网页效果图；制作网站主页；
5
理论+上机
五、考核要求及成绩评定
序号 成绩类别 考核方式 考核要求 权重（%）
1
2
3
期末成绩 期末考试
平时成绩
实战训练
大作业
10次
50
40
10
备注
百分制，60分为及格
优、良、中、及格、不及格
两次未参加课程则无法获得学分 平时表现 出勤情况
注：此表中内容为该课程的全部考核方式及其相关信息。
六、学生学习建议
（一）学习方法建议
1. 理论配合实战训练进行学习，提高学生的实战动手能力；
2. 让学生先了解网页设计的基础知识，再通过网页案例来认识网站，综合运用所学知识设计出自己构想的一个网站；
3. 提高学生的是设计感和审美能力；
4. 培养学生制作一个完整的网站的设计思路。
（二）学生课外阅读参考资料
略
七、课程改革与建设
本课程是一门实操性较强的课，相对于纯理论知识的枯燥讲解方式，为了吸引学生的兴趣，教学形式采用情景导入→任务讲解→上机实训→常见疑难解析与拓展知识→课后练习。相对于过去以基础知识为主的方式，改革后更注重实际操作的学习，通过更多案列，让学员学习到更实用的知识。
平时对学生的考核内容包括出勤情况、在线学习习题完成情况、课堂讨论等方面，占期末总评的50%。期末考试成绩占期末总评的50%。
制订人
签字：
教研室主
任签字：
修订时间：
院部负责人
签字：
年 月
日
2023年6月21日发(作者：)
《《网页设计与制作立体化教程（Dreamweaver CC 2018）》
教学大纲
一、课程信息
课程名称：网页设计与制作
课程类别：专业基础课
课程性质：选修/必修
计划学时：48
计划学分：2
先修课程：无
选用教材：《 网页设计与制作立体化教程（Dreamweaver CC 2018）》（第2版）
适用专业：电子商务专业、计算机专业等。
课程负责人：
二、课程简介
Dreamweaver广泛应用于网页设计领域，《Dreamweaver网页设计》课程是学校电子商务和计算机专业一门核心专业课程，它是Web前端技术开发的必备课程，其教学目标是介绍网页设计与制作知识、网页制作工具的使用方法、网页设计技术的综合应用。通过本课程的学习，可以使学生了解网页设计技术的发展，掌握使用Dreamweaver软件进行网页制作的方法，并培养学生的团队协作与沟通交流能力，以及探索创新能力。
本课程教学时先介绍网页设计基础、Dreamweaver CC 2018基本操作，然后对编辑网页元素，编辑网页中的超链接，使用表格布局网页，使用CSS和Div，使用jQuery UI、模板和库，使用表单和行为，以及制作移动端网页等知识进行介绍，最后还安排综合案例，从而循序渐进地帮助学生掌握Dreamweaver CC 2018网页设计与制作的相关应用，着重培养学生实际应用能力和计算机的操作能力，能够运用所学的知识进行网页设计。
三、课程教学要求
序号
1
2
3
4
5
6
专业毕业要求
工程知识
问题分析
设计/开发解决方案
研究
使用现代工具
工程与社会
掌握网页设计与制作的相关知识，并对各个板块效果的设计与制作方法进行掌握
具备网页设计与制作的能力，能够独立完成不同类型网站的设计与制作。
Dreamweaver CC 2018
课程教学要求 关联程度
L
H
H
H
L
L 7
8
9
10
11
12
环境和可持续发展
职业规范
个人和团队
沟通
项目管理
终身学习
培养网页设计与制作相关工作人员
案例分析与讨论要求学生分组，分担任务，学习配合
通过小组发言、提交案例报告增强网页设计与制作知识
以终生学习为目标，对网页设计与制作相关知识进行掌握学习
L
L
H
M
L
H
注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。“关联程度”栏中字母表示二者关联程度。关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。
四、课程教学内容
章节 名称 主要内容 重难点关键词 学时 类型
任务一 赏析购物网站首页
任务二 规划“圈粉”网站
项目网页设实训 规划“爱尚汽车”网站
一 计基础 常见疑难解析
拓展知识
课后练习
任务一 创建“圈粉”网站站点
Dream任务二 制作“圈粉”商务网简介页面
weaver
实训一 创建“爱尚汽车”网站站点
项目CC
实训二 制作“爱尚汽车”车友会年会活二
2018动网页
基本操常见疑难解析
作 拓展知识——添加滚动字幕
课后练习
任务一 制作“圈粉”商品展示页面
任务二 制作“圈粉”视听宣传页面
实训一 创建“爱尚汽车”新车发布页面
项目编辑网实训二 制作“爱尚汽车”动画宣传页面
三 页元素
常见疑难解析
拓展知识
课后练习
任务一 为“圈粉”商务网创建文本
编辑网项目任务二 为“圈粉”产品图像页面创建图页中的四 像超链接
超链接
实训一 为“爱尚汽车”车友会活动页面网站、网页、主页的概念；网页的构成元素；常用网页制作软件；HTML、HTML5、6
JavaScript；网站开发流程；网站后期管理；
认识Dreamweaver CC
2018的操作界面；Dreamweaver CC
2018参数设置；CSS6
编辑功能；创建站点、编辑和管理站点；插入网页元素；插入文本；
网页中常用的图像格式；插入图像；设置图像属性；Edge
Animate动画合成；6
Flash动画；FLV文件；插入SWF文件；插入视频文件
创建文本超链接、创建图像超链接；
理论+上机
理论+上机
理论+上机
5
理论+上机 创建超链接
实训二 为“爱尚汽车”新车展页面创建超链接
常见疑难解析 拓展知识——将网页设置为浏览器首页
课后练习
任务一 布局“圈粉”商品展示页面
任务二 制作“圈粉”销售记录页面
实训一 布局“爱尚汽车”美图欣赏网页
实训二 制作“爱尚汽车”客户跟踪网页
常见疑难解析
拓展知识
课后练习
任务一 美化“圈粉”内容页面
任务二 制作“圈粉”网站首页
实训一 美化“车友会年会活动”网页
实训二 布局“爱尚汽车”首页
常见疑难解析
拓展知识——HTML5 结构元素
课后练习
认识表格和单元格“属性”面板；导入和导出表格数据；对表格数据进行排序；剪切、复制、粘贴和删除单元格；美化表格；
使用表项目格布局五
网页
6
理论+上机
使用项目CSS和六
Div
认识CSS、CSS设计器、设置CSS样式的属性、）CSS过渡效果的应用、应用CSS样6
式；认识Div、认识盒子模型、Div+CSS定位、使用“CSS 设计器”布局网页
理论+上机
使用项目jQuery
七
UI、模板和库
使用表项目单和行八
为
制作移项目动端网九
页
任务一 创建“圈粉”网站栏目网页
任务二 制作“圈粉”网站商品页面
实训一 制作“爱尚汽车”栏目页面
实训二 制作“爱尚汽车”产品展示页面
常见疑难解析
拓展知识——分离库项目
课后练习
任务一 制作“圈粉”网站登录页面
任务二 制作“圈粉”网站登录交互页面
实训一 制作“爱尚汽车”网站注册页面
实训二 制作“爱尚汽车”网站交互注册页面
常见疑难解析
拓展知识
课后练习
任务一 制作移动端门户网站主页
任务二 创建PHP 页面
实训一 制作移动端页面
实训二 制作登录表单验证页面
常见疑难解析
拓展知识
课后练习
添加jQuery UI元素；创建模板、创建库项6
目、制作网页；
理论+上机
插入表单并设置属性、插入表单元素并设置属性、使用jQuery UI表单；常见行为的用法；
5
理论+上机
创建jQuery Mobile页面、使用jQuery
Mobile组件；安装6
PHP服务器、制作并浏览PHP页面；
理论+上机 任务一 前期规划
任务二 制作网站站点
综合案任务三 制作网页模板
项目例——任务四 制作网站页面
十 订餐网常见疑难解析
站建设
拓展知识
课后练习
分析网站的用户需求、确定网站风格、设计网页效果图；制作网站主页；
5
理论+上机
五、考核要求及成绩评定
序号 成绩类别 考核方式 考核要求 权重（%）
1
2
3
期末成绩 期末考试
平时成绩
实战训练
大作业
10次
50
40
10
备注
百分制，60分为及格
优、良、中、及格、不及格
两次未参加课程则无法获得学分 平时表现 出勤情况
注：此表中内容为该课程的全部考核方式及其相关信息。
六、学生学习建议
（一）学习方法建议
1. 理论配合实战训练进行学习，提高学生的实战动手能力；
2. 让学生先了解网页设计的基础知识，再通过网页案例来认识网站，综合运用所学知识设计出自己构想的一个网站；
3. 提高学生的是设计感和审美能力；
4. 培养学生制作一个完整的网站的设计思路。
（二）学生课外阅读参考资料
略
七、课程改革与建设
本课程是一门实操性较强的课，相对于纯理论知识的枯燥讲解方式，为了吸引学生的兴趣，教学形式采用情景导入→任务讲解→上机实训→常见疑难解析与拓展知识→课后练习。相对于过去以基础知识为主的方式，改革后更注重实际操作的学习，通过更多案列，让学员学习到更实用的知识。
平时对学生的考核内容包括出勤情况、在线学习习题完成情况、课堂讨论等方面，占期末总评的50%。期末考试成绩占期末总评的50%。
制订人
签字：
教研室主
任签字：
修订时间：
院部负责人
签字：
年 月
日
发布评论