《网页设计与开发》教学大纲

《网页设计与开发》课程教学大纲
《网页设计与开发》教学大纲
一、课程简介
网页设计课程是高等院校计算机、信息管理、电子商务和其他相关专业的一门重要的基础课程，也是一门实践性和技能性要求很强的学科。

课程涵盖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）综合运用基本知识点，实现复杂综合功能。

五、教学时间安排
本课程计2学分，其中包含18学时理论教学实践，36学时实践教学时间，共计54学时。

学时分配如下：
六、考核办法
平时成绩25%(课堂表现+章节作业)+期末考试成绩25%+期末综合项目大作业50%
1.平时成绩：包括出勤率、课堂情况、作业，阶段测验成绩占总
成绩的25%。

2.期末考试：成绩占总成绩的25%。

3.综合大作业：要求完成整站设计，占总成绩的50%
七、使用教材
1.郑娅峰主编，《网页设计与开发-HTML、CSS、JavaScript实例教
程（第4版）》，清华大学出版社，2021
2.郑娅峰张永强主编，《网页设计与开发-HTML、CSS、JavaScript
实例教程（第3版）》，清华大学出版社，2015
3.张永强郑娅峰主编，《网页设计与开发-HTML、CSS、JavaScript
实例教程习题解答与实验指导》，清华大学出版社，2011
4.郑娅峰杨玉叶主编，《网页设计与开发-HTML、CSS、JavaScript
实例教程习题解答与实验指导》，清华大学出版社，2021
八、参考教材
1.赵锋. 网页设计与制作.北京:清华大学出版社.2010。