《网页设计与开发》课程教学大纲
课程编号
建议学时
54
开课学期
第1或2学期
课程名称
网页设计与开发
课程介绍
网页设计课程是高等院校计算机、信息管理、电子商务和其他相关专业的一门重要的基础课程，也是一门实践性和技能性要求很强的学科。课程涵盖HTML基本元素、CSS样式表和JavaScript脚本编程语言、页面布局、HTML5页面设计、整站建设三大内容，全面介绍了WEB站点设计与开发的基本操作技术和应用技巧。本课程采用课堂与实践相结合讲授、案例向导的教学方式。
教学目标
通过本课程的学习，使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、彩理论等进行详细了解。掌握网站规划、设计、制作、管理、发布的相关技术及网页制作的操作技能；并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、表单网页、多媒体动态网页；掌握使用css技术进行网页布局的基本方法。掌握JavaScript脚本语言的基本语法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；掌握HTML5新应用；掌握综合网站设计和发布的基本流程和方法。
课程设计指南
课程以培养面向商业化应用网站设计的网页设计师为目标，突出实用性和可操作性。因此，在教学方式上应以商业化案例讲授为导向，辅助各内容块相关实验项目的实践，由点到面，最终完成整站综合项目的设计任务。教学过程中可以配合数字教学平台电子资料、ppt、重点难点视频讲解、小技巧使用视频讲解、案例解答等多种技术手段进行辅助教学。
课程教学由简入深，主要采用以下教学方法：
（1）模仿精彩优秀的网站，了解其效果实现方法，并将其应用到实验中。（2）指定配套实验教材中的精典实例，让学生操作实现。（3）综合运用基本知识点，实现复杂综合功能。
成绩考评设置
说明：成绩评价组成及各部分权重。例：
课程表现
10%
章节作业
15%
期末理论考试
25%
期末综合项目大作业
50%
所用教材
1. 郑娅峰主编，《网页设计与开发-HTML、CSS、JavaScript实例教程（第4版）》，清华大学出版社，2021。
2.郑娅峰 杨玉叶主编，《网页设计与开发-HTML、CSS、JavaScript实例教程习题解答与实验指导》，清华大学出版社，2021。
参考资料
1赵锋. 网页设计与制作.北京:清华大学出版社.2010
先修课程
无
《网页设计与开发》教学大纲
一、课程简介
网页设计课程是高等院校计算机、信息管理、电子商务和其他相关专业的一门重要的基础课程，也是一门实践性和技能性要求很强的学科。课程涵盖HTML基本元素、CSS样式表和JavaScript脚本编程语言、页面布局和整站建设三大内容，全面介绍了WEB站点设计与开发的基本操作技术和应用技巧。本课程采用课堂与实践相结合讲授、案例向导的教学方式。
二、教学目标
　　通过本课程的学习，使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、彩理论等进行详细了解。掌握网站规划、设计、制作、管理、发布的相关技术及网页制作的操作技能；并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表单网页、多媒体动态网页；掌握使用css技术进行网页布局的基本方法。掌握JavaScript脚本语言的基本语
法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；掌握HTML5最新页面开发技术；掌握综合网站设计和发布的基本流程和方法。
三、教学内容和要求
1、教学内容
教学内容主要分为基础内容和进阶提高两大部分。基础内容全面地讲述了HTML、CSS、JavaScript技术。主要包括HTML设计和开发所需了解的基本概念和框架结构；文字与段落、列表、超链接、表格、表单和多媒体在页面开发中的应用； CSS在实际开发中的应用技巧； JavaScript在动态网页开发中的基本概念和应用。进阶提高主要包括web设计的基本原则和方法；基于表格的页面布局方法和基于div+css的页面布局方法，以及常见导航菜单的制作；HTML5中介绍了画布、新增表单元素及多媒体应用；综合案例系统介绍了网站开发从规划、实现到发布的完整过程。
  2、教学要求
●了解万维网的用途及网页设计的基本概念；
●了解HTML、CSS、JavaScript在网页设计中的重要作用；
●掌握HTML文档的基本结构及标记属性的使用方法和规则
●理解HTML中的文本、字符、段落、表格、列表、表单标记的作用；
●掌握主流页面布局方法；
●理解JavaScript语言的作用和执行方式，掌握在网页中使用客户端脚本的方法，了解事件响应机制，掌握页面事件编程；
●了解网页设计的基本原则和方法；
●掌握HTML5最新网页设计技术；
●掌握网站发布的基本流程。
四、课程设计
课程以培养面向商业化应用网站设计的网页设计师为目标，突出实用性和可操作性。因此，在教学方式上应以商业化案例讲授为导向，辅助各内容块相关实验项目的实践，由点到面，最终完成整站综合项目的设计任务。教学过程中可以配合数字教学平台电子资料、PPT、重点难点视频讲解、小技巧使用视频讲解、案例解答等多种技术手段进行辅助教学。主要的教学设计与手段包含讲授、案例调查和分析、课堂讨论、作业、上机实践等。
本课程教学由简入深，主要采用以下教学方法：
（1）模仿精彩优秀的网站，了解其效果实现方法，并将其应用到实验中。
（2）指定配套实验教材中的精典实例，让学生操作实现。
（3）综合运用基本知识点，实现复杂综合功能。
五、教学时间安排
html网页设计期末大作业  本课程计2学分，其中包含18学时理论教学实践，36学时实践教学时间，共计54学时。学时分配如下：
序号
课程内容/实验名称
理论
实践
备注
1
网页设计简介
1
2
2
HTML基础介绍
1
2
3
文字与段落
1
2
4
列表
1
2
5
超级链接
1
2
6
表格
1
2
7
表单
1
2
8
使用CSS格式化网页
1
2
9
CSS应用
2
4
10
JavaScript 基础
2
4
11
Web 设计基础
1
2
12
页面布局技术
1
2
13
HTML5应用
2
4
14
综合网站制作实例
2
4
合  计
54
六、考核办法
平时成绩25%(课堂表现+章节作业)+期末考试成绩25%+期末综合项目大作业50%
1.平时成绩：包括出勤率、课堂情况、作业，阶段测验成绩占总成绩的25%。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。