第四版教材配套资源之《网页设计与开发教学大纲》

网页设计与开发课程教学大纲 课程编号 建议学时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设计的基本原则和方法；基于表格的页面布局方法和基于 divcss的页面布局方法，以及常见导航菜单的制作；HTML5中介绍 了画布、新增表单元素及多媒体应用；综合案例系统介绍了网站开发 从规划、实现到发布的完整过程。 2、教学要求 了解万维网的用途及网页设计的基本概念； 了解HTML、CSS、JavaScript在网页设计中的重要作用； 掌握HTML文档的基本结构及标记属性的使用方法和规则 理解HTML中的文本、字符、段落、表格、列表、表单标记的 作用； 掌握主流页面布局方法; 理解JavaScript语言的作用和执行方式，掌握在网页中使用 客户端脚本的方法，了解事件响应机制，掌握页面事件编程; 了解网页设计的基本原则和方法； 掌握HTML5最新网页设计技术； 掌握网站发布的基本流程。 四、课程设计 课程以培养面向商业化应用网站设计的网页设计师为目标，突出 实用性和可操作性。因此，在教学方式上应以商业化案例讲授为导向， 辅助各内容块相关实验项目的实践，由点到面，最终完成整站综合项 目的设计任务。教学过程中可以配合数字教学平台电子资料、PPT、 重点难点视频讲解、小技巧使用视频讲解、案例解答等多种技术手段 进行辅助教学。主要的教学设计与手段包含讲授、案例调查和分析、 课堂讨论、作业、上机实践等。 本课程教学由简入深，主要采用以下教学方法 1 模仿精彩优秀的网站，了解其效果实现方法，并将其应用 到实验中。 2 指定配套实验教材中的精典实例，让学生操作实现。 3 综合运用基本知识点，实现复杂综合功能。 五、教学时间安排 本课程计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. 平时成绩包括出勤率、课堂情况、作业，阶段测验成绩占总 成绩的25O 2. 期末考试成绩占总成绩的