《网页设计与网站建设》课程教学大纲-重财

课程名称

（中英文）

网页设计与网站建设

Web Design and Construct

课程代码

070016

开课单位

物流工程学院

课程平台

专业核心

课程性质

必修

考核方式

考查

学分

3

授课语言

中文

学时

48

理论学时

40

实践学时

8

适用专业

电子商务

先修课程

程序设计基础（P）、数据库应用系统开发

课程简介

本课程是本科层次电子商务专业的专业课程，课程起着引导学生掌握网站设计的基本技能，利用专业网页设计软件Dreamweaver进行网站设计与建设。

课程的教学目的在于通过教与学，使学生正确理解网页设计与网站建设的概念、同时培养学生实际操作能力，促使学生能够很好地独立完成网站的设计。更进一步培养学生综合运用学到的理论知识处理实际问题，为以后的学习和实际工作打下基础。

教材与参考资料

1. 《网页设计与制作案例教程（第2版）》，胡秀娥主编，航空工业出版社，2023年11月出版。

2. 《网页设计与制作—Dreamweaver CC标准教程》，修毅主编，人民邮电出版社，2018年出版。

网络教学资源

1. https://www.yuketang.cn/web。

2. https://pkuedu.online

课程目标与毕业要求支撑关系

课程目标

支撑毕业要求指标点

1.能够协同学习并掌握HTML语言及网页设计的基础知识与原理，能够通过团队协作与沟通协调，以小组的形式完成项目式目标。

7（团队合作）：具有一定组织管理能力，能够在多样化、多学科背景下的团队中承担执行者、协调者以及负责人的角色，通过参与团队项目，学生能够在网页设计与网站建设、直播电商运营、网络营销与推广等项目中承担策划、运营、设计等不同角色。

2.能够熟练查找并阅读相关网页html代码、能够应用框架及模板就行网页设计、能够检索并整理html代码相关资源。

9（终身学习）：具有自主学习、终身学习的意识和能力，适应经济、社会、科技的发展。能够通过批判性思维独立思考并评估新技术、新模式的应用价值。能够通过不断学习新知识、新技术，保持专业竞争力，适应电子商务行业的快速变化。

3.能够利用Dreamweaver进行HTML代码及CSS样式表设计，能够完成完整的网页前端设计，能够完成部分后端设计。

5.1（信息技术与应用）掌握电子商务领域核心技术工具应用能力，能够运用数据分析工具完成数据采集、清洗、分析与可视化，并具备运用开发工具实现电商系统设计与实施的能力。

4.能够结合电子商务平台特性，通过HTML代码和CSS样式表，利用网页布局相关知识，设计电子商务平台。

5.2（信息技术与应用）熟练掌握主流电子商务平台运营工具，包括店铺管理、商品运营、用户运营等核心功能模块的操作与应用，能够运用数据分析工具优化运营决策。

内容与进度

教学内容

学时

教学方式

课外环节

思政案例

课程目标

1、网页设计与制作基础

（1）网页设计基础

（2）网页制作基础

（3）了解网页设计与制作相关职位的职责

4

讲授

作业

目标1、2

2、站点的创建与管理

（1）认识

Dreamweaver CC

（2）Dreamweaver CC基本应用

（3）创建“图书交易网”站点

6

讲授

作业

目标2、3

3、HTML5与CSS3基础

（1）HTML5基础

（2）CSS3基础

（3）制作“图书交易网”主页的“网站介绍”模块

6

讲授

作业

目标1、2

4、网页文本、图像与多媒体

（1）在网页中添加文本

（2）在网页中添加图像

（3）在网页中添加多媒体

（4）制作“图书交易网”主页的“图书推荐”模块

6

讲授

作业

目标1、2

5、网页列表与超链接

（1）在网页中添加列表

（2）在网页中添加超链接

（3）制作常见导航栏

（4）制作“图书交易网”主页的导航栏

3

讲授

作业

目标1、2

6、网页表格与表单

（1）在网页中添加表格

（2）在网页中添加表单

（3）制作“图书交易网”反馈意见页

3

讲授

作业

目标1、2

实验1 基于多媒体元素的网页前端设计实验

4

上机+实验

上机

匠心传承·数字筑梦”—— 建设“中华纹样数字博物馆”公益网站

目标3、4

7、网页布局

（1）网页布局基础

（2）经典网页布局

（3）响应式布局

（4）布局“图书交易网”主页

6

讲授

作业

目标3、4

8、网页交互与特效

（1）在网页中添加行为

（2）JavaScript基础

（3）制作“图书交易网”主页的Banner

3

讲授

作业

目标3、4

9、模板与库

（1）模板的基本操作

（2）库的基本操作

（3）创建并应用模板制作“图书交易网”小说投稿页

3

讲授

作业

目标2、3、4

实验2 基于“DIV+CSS”的网页设计实验

4

上机+实验

上机

目标3、4

考核评价

考核方式与权重

考核环节

目标1

目标2

目标3

目标4

平时作业

50%

50%

实验

50%

50%

大作业

100%

100%

目标权重

15%

15%

35%

35%

总成绩

平时作业×15% + 实验×15% +大作业×70%

评分标准

考核环节

90-100

80-89

70-79

60-69

<60

平时作业

独立思考、按时完成，思路清晰、步骤完整、答案正确。

独立思考、基本按时完成，思路基本清晰、步骤基本完整、答案正确。

独立思考、基本按时完成，思路基本清晰、步骤不完整、答案基本正确。

独立思考、未按时完成，思路不清晰、步骤不完整、答案基本正确。

抄袭他人、未按时完成，思路不清晰、步骤不完整、答案不正确。

大作业

代码正确、网页模块完整、网页功能齐全，CSS样式表使用正确、网页布局设计良好。

代码正确、网页模块完整、网页功能基本齐全，CSS样式表使用正确、网页布局基本合理。

代码正确、网页模块基本完整、网页功能不够齐全，CSS样式表使用基本正确、网页布局不够合理。

代码正确、网页模块不够完整、网页功能不齐全，CSS样式表使用基本正确、网页布局不合理。

代码不正确、网页模块不完整、网页功能不齐全，CSS样式表使用不正确、未进行网页布局设计。

分目标平均达成度

目标1平均达成度=实验平均达成度（目标1）*50%+平时作业平均达成度（目标2）*50%

目标2平均达成度=平时作业平均达成度（目标2）*50%+实验平均达成度（目标1）*50%

目标3平均达成度=大作业平均达成度（目标3）*100%

目标4平均达成度=大作业平均达成度（目标4）*100%

总目标达成度

总目标达成度=目标1平均达成度*15%+目标2平均达成度*15%+目标3平均达成度*35%+目标4平均达成度*35%）

实验项目

序号

实验项目名称

学时

实验类别

实验性质

实验类型

实验室名称

1

实验1 基于多媒体元素的网页前端设计实验

4

专业基础

必做

设计

电子商务创新创业智慧实验室

2

实验2 基于“DIV+CSS”的网页设计实验

4

专业基础

必做

设计

电子商务创新创业智慧实验室

大纲撰写人

刘宇

大纲审核人

陶俊杉

课程名称

（中英文）

网页设计与网站建设

Web Design and Construct

课程代码

070016

开课实验室

物流工程学院

课程平台

专业核心

课程性质

必修

考核方式

考查

实验学分/学时

1/8

授课语言

中文

适用专业

电子商务

先修课程

程序设计基础（P）、数据库应用系统开发

课程简介

本课程是本科层次电子商务专业的专业课程，课程起着引导学生掌握网站设计的基本技能，利用专业网页设计软件Dreamweaver进行网站设计与建设。

课程的教学目的在于通过教与学，使学生正确理解网页设计与网站建设的概念、同时培养学生实际操作能力，促使学生能够很好地独立完成网站的设计。更进一步培养学生综合运用学到的理论知识处理实际问题，为以后的学习和实际工作打下基础。

教材与参考资料

1. 《网页设计与制作案例教程（第2版）》，胡秀娥主编，航空工业出版社，2023年11月出版。

2. 《网页设计与制作—Dreamweaver CC标准教程》，修毅主编，人民邮电出版社，2018年出版。

网络教学资源

1. https://www.yuketang.cn/web。

2. https://pkuedu.online

课程目标与毕业要求支撑关系

课程目标

支撑毕业要求指标点

1.能够协同学习并掌握HTML语言及网页设计的基础知识与原理，能够通过团队协作与沟通协调，以小组的形式完成项目式目标。

7（团队合作）：具有一定组织管理能力，能够在多样化、多学科背景下的团队中承担执行者、协调者以及负责人的角色，通过参与团队项目，学生能够在网页设计与网站建设、直播电商运营、网络营销与推广等项目中承担策划、运营、设计等不同角色。

2.能够熟练查找并阅读相关网页html代码、能够应用框架及模板就行网页设计、能够检索并整理html代码相关资源。

9（终身学习）：具有自主学习、终身学习的意识和能力，适应经济、社会、科技的发展。能够通过批判性思维独立思考并评估新技术、新模式的应用价值。能够通过不断学习新知识、新技术，保持专业竞争力，适应电子商务行业的快速变化。

3.能够利用Dreamweaver进行HTML代码及CSS样式表设计，能够完成完整的网页前端设计，能够完成部分后端设计。

5.1（信息技术与应用）掌握电子商务领域核心技术工具应用能力，能够运用数据分析工具完成数据采集、清洗、分析与可视化，并具备运用开发工具实现电商系统设计与实施的能力。

4.能够结合电子商务平台特性，通过HTML代码和CSS样式表，利用网页布局相关知识，设计电子商务平台。

5.2（信息技术与应用）熟练掌握主流电子商务平台运营工具，包括店铺管理、商品运营、用户运营等核心功能模块的操作与应用，能够运用数据分析工具优化运营决策。

实验项目

序号

实验项目名称

实验内容与要求

学时

实验性质

实验类型

主要设备

思政案例

1

实验1 基于多媒体元素的网页前端设计实验

利用文字、图片、视频等多媒体元素实现一个内容完整的网页前端

4

必做

设计

电子商务创新创业智慧实验室

匠心传承·数字筑梦”—— 建设“中华纹样数字博物馆”公益网站

2

实验2 基于“DIV+CSS”的网页设计实验

在实验1的基础上，利用DIV实现网页布局，利用CSS层叠样式表实现网络样式设计，并通过JavaScript实现脚本设计

4

必做

设计

电子商务创新创业智慧实验室

实验考核

考核方式与权重

考核环节

目标1

目标2

目标3

目标4

实验1

50%

50%

实验2

50%

50%

权重

50%

50%

总成绩

实验1×50% + 实验2×50%

评分标准

评价项目

90-100

80-89

70-79

60-69

<60

团队协作能力

能够很好的通过团队协作合理分工完成实验，实验过程全员参与分工合理。

能够较好的通过团队协作合理分工完成实验，实验过程全员参与且分工较合理。

能够通过团队协作合理分工完成实验，实验过程基本全员参与且分工较合理。

能够通过团队协作合理分工完成实验，实验过程未全员参与且分工不合理。

未能够通过团队协作合理分工完成实验，实验过程未全员参与且分工不合理。

沟通交流能力

能够很好的进行沟通交流，能够很好的通过交流来分析问题并找到解决路径。

能够较好的进行沟通交流，能够较好的通过交流来分析问题并找到解决路径。

能够正常进行沟通交流，能够通过交流来分析问题并找到解决路径。

能够正常进行沟通交流，未能够通过交流来分析问题并找到解决路径。

不能正常进行沟通交流，未能通过交流来分析问题并找到解决路径。

报告整理能力

能够很好的检索查找相关HTML代码并合理使用，能够很好的完成实验报告，报告内容充实，逻辑合理。

能够较好的检索查找相关HTML代码并合理使用，能够较好的完成实验报告，报告内容较充实，逻辑较合理。

能够检索查找相关HTML代码并合理使用，能够完成实验报告，报告内容较充实，逻辑基本合理。

基本能够检索查找相关HTML代码并合理使用，实验报告基本完整，报告内容不够充实，逻辑基本合理。

报告存在抄袭，不能够检索查找相关HTML代码并合理使用，实验报告不完整，报告内容不充实，逻辑不合理。

分目标平均达成度

目标1平均达成度=实验1平均达成度（目标1）*50%+实验2平均达成度（目标1）*50%

总目标达成度

总目标达成度=目标1平均达成度*50%+目标2平均达成度*50%

大纲撰写人

刘宇

大纲审核人

陶俊杉