Web设计技术-精品在线开放建设课程概述

负责人：张杰

本课程是网络工程专业基础课，开设时间为第四学期，授课对象为网络工程专业、IEC互联网专业、计算机科学与技术专业、物联网技术专业的本科学生，人数为每年250人。课程讲授网页设计中所需要的基本技术，使学生掌握相关技术的基本使用，同时也使得学生能够跟踪最新技术的发展，培养自主学习与研究的能力。

本课程采用了多媒体教学法+启发式教学法+类比法的教学方法，以及ppt课件+板书+演示+上机实习+创意设计的教学手段，学生考核采取上机作业、课程设计项目与卷面考试三者结合，初步引入了过程性评价与终结性评价相结合的考核方式，搭建了教学网站，基本实现了在线学习和课堂教学的结合，有效提升了教学效果，培养了教学团队，得到了广大师生的一致好评。

当前课程建设进度：

（1）正在录制围绕知识点展开的短视频模块集，达到颗粒化组织教学内容及资源的目标。

（2）建设了Web设计技术课程网站提供教学视频、课件、作业、教师介绍、模拟试题及答疑等。目前正在将课程网站向爱课程平台迁移。

（3）已经编写课程教材两部，目前教学团队正在编写新的教材，改进前期教学过程中发现的不足之处，参考国际最新教材，吸收与爱丁堡龙比亚大学的交流经验，跟踪Web设计最新技术和发展趋势。

（4）引入在线学习与课堂教学相结合、翻转课堂等多种方式的课堂教学模式，结合在线开放课程教学的特征与需求进行整体教学设计，使教学安排和呈现方式符合学习者移动学习的需求。

（5）探索线上和线下融合，过程性评价与终结性评价相结合的多元化考核评价模式，促进学生自主性学习、过程性学习和体验式学习。

（6）通过在线开放课程建设，形成一支教学、辅导、设计和技术支持等结构合理、人员稳定、教学水平高、教学效果好、资源设计和制作能力强的优秀课程教学团队。

1）教学目标：讲授网页设计中所需要的基本技术，使学生掌握相关技术的基本使用，同时也使得学生能够跟踪最新技术的发展，培养自主学习与研究的能力。

    2）教学内容：

（1）Web基础知识

了解Internet和万维网的发展历程，了解互联网新技术；

掌握Internet基础知识，掌握C/S与B/S结构

要求学生：了解Internet和万维网的起源及其发展过程，掌握IP表示方法、分配原则和域名系统，掌握C/S和B/S结构，了解IPV6、物联网移动互联和云计算、大数据新技术特点。

（2）HTML

理解HTML网页基本工作原理；

掌握HTML文档结构、标记和基本语法；

熟悉HTML5页面布局，掌握HTML5视频、音频标记基本用法；

要求学生：了解HTML基本概念，掌握HTML文档结构，掌握HTML标题、段落、超链接、表格、框架、表单等标记的属性及用法，理解表单、框架及其功能，熟悉HTML5页面结构，注意与HTML4文档结构区别，掌握HTML5视频、音频标记的基本用法，注意浏览器版本会影响到HTML5标记的显示。

（3）CSS

理解CSS及其功能

熟悉CSS常用属性

掌握在网页中使用CSS的方法

掌握使用选择符定义HTML元素外观

掌握使用CSS3特效设置HTML元素外观

要求学生：理解CSS技术，注意与HTML的关系，掌握网页中添加CSS的三种方法，能正确区分三种方法之间的差异；掌握使用HTML、ID和CLASS选择符定义CSS，注意区分三种选择符各自应用场合；熟悉CSS的常用属性，理解CSS盒子模型，掌握使用CSS属性设置网页外观的方法；熟悉CSS3的三种特效，掌握为网页元素添加边框、阴影、渐变特效的方法；能综合使用HTML和CSS技术设计网页，对网页进行布局。

    （4）javascript

理解Javascript工作原理及其和jQuery之间关系

理解Ajax及其功能

掌握Javascript和jQuery的基本概念和基本语法

掌握Javascript内置对象和DOM对象的基本用法

掌握jQuery访问HTML网页的基本用法

要求学生：理解Javascript工作原理，理解javascript和jQuery之间的关系，掌握Javascript和jQuery的基本概念和基本语法，理解Javascript事件工作机制，掌握Javascript内置对象和DOM对象的基本用法，注意区分使用内置对象和DOM对象访问网页的方法不同，掌握jQuery访问HTML网页的基本用法。

（5）网页制作工具Dreamweaver

了解Dreamweaver软件基本知识

熟悉Dreamweaver软件制作网页流程

掌握使用Dreamweaver软件制作网页的基本方法

要求学生：了解Dreamweaver软件，熟悉使用Dreamweaver制作网站流程，掌握使用Dreamweaver工具在网页中添加文本、超链接、表格、框架、表单等HTML元素的方法。

采取上机作业、课程设计项目与卷面考试三者结合的方式。

上机作业分为三个作业，根据学习内容，提供给学生一个半成品的网页，由学生按要求完成。

课程设计项目由4位学生组成一个团队，根据自拟的主题设计网站项目，网站项目有具体的技术要求，也有总体设计思想的要求；为强调动手能力。

闭卷考试（包括选择题、填空题、判断题、简答题和计算题）增加学生日常学习情况所占成绩的比重，引起学生对课程学习各个环节的重视。期末考试以基本概念的理解和应用关键方法与技术为主，考核学生理解及综合掌握课程所讲授内容和知识的情况。

上机作业及课程设计项目合计点总成绩的50%，卷面考试成绩占总成绩的另外50%。

Web前端设计—HTML+CSS+jQuery技术教程，吴强，清华大学出版社，2014年。

网站设计与Web应用开发技术（第二版），吴伟敏，清华大学出版社，2015年。

HTML CSS JavaScript基础教程，莫振杰，人民邮电出版社，2017年。

Web前端设计基础——HTML5、CSS3、JavaScript，张树明，清华大学出版社，2017年。

Web设计技术课程网站 https://webdesign.zzuli.edu.cn/ 提供教学视频、课件、作业、教师介绍、模拟试题及答疑等。

https://blog.sina.com.cn/wusir371 提供作业、答疑、设计技巧等。

w3schools网站 https://www.w3schools.com/ 提供英文术语参考、小测试、举例等。

计算机学院云校园平台提供教师和学生信息共享平台。