《Web程序设计》教学大纲

1、Web程序设计教学大纲课程编号：08107252课程名称：Web程序设计英文名称：Web Programming课程类型：专业课课程要求：必修学时/学分：32/2（讲课学时：24 实验学时：8 ）适用专业：计算机科学与技术；软件工程一、课程性质与任务“Web程序设计”是计算机科学与技术和软件工程专业的专业必修课，研究Web程序设计结构、方法和实现技术。课程任务是学习Web程序开发所需要的基础知识和技术，掌握Web系统的多层结构与工作模式和Web系统开发语言与开发方法，解决Web程序开发遇到的问题。二、课程与其他课程的联系先修课程：面向对象程序设计、Java程序设计、计算机网络。后续课程：Web

2、软件开发实践、Web前端框架开发技术、JavaWeb应用开发技术等。先修课为本课程提供了面向对象程序设计知识，也提供了Web系统的开发语言工具和网络基础。为后续课程以及实际工作中的Web项目开发奠定技术基础。三、课程教学目标1学习网络基础知识、Web体系结构以及web系统工作模式、Web页面结构，从而能够理解Web系统开发流程，能够对Web系统多层结构进行分析。（支持毕业能力要求2）2掌握页面设计HTML语言、JavaScript脚本语言以及BOM、DOM技术和编程方法，能够运用HTML、JavaScript脚本语言，结合CSS样式实现页面设计和数据交互。（支持毕业能力要求3）3培养学生工程实

3、践能力，分析和设计Web系统开发内容和系统方案，选择开发环境、工具和技术，实现Web程序设计与开发。（支持毕业能力要求4）4查阅文献了解Web系统开发新技术和新工具，理解Web框架开发技术，增强创新意识。（支持毕业能力要求5）四、教学内容、基本要求与学时分配序号教学内容教学要求学时教学方式对应课程教学目标1一、基本知识1Internet发展历史和WWW体系结构2Web系统工作模式3浏览器与服务器4HTTP与URL1能简要说明Internet、WWW的产生与发展状况；2能图示Web体系结构，解释Web应用的工作原理；3能说明浏览器和服务器的功能和部署方式；4能解释HTTP的作用，正确解释并描述U

4、RL。2讲授12二、 HTML语言1HTML文档结构2HTML基本标记3表格和表单及框架标记1了解HTML的作用和主要版本差异；2能说明HTML文档结构，并对静态页面做出规划；3能熟练使用图片、链接、列表、框架和表单标记以及属性、事件等元素完成静态页面设计。6讲授2、33三、层叠样式表1样式表的定义与语法格式2选择器格式3样式表引用方式1能解释样式表含义和作用；2会定义样式表，熟悉选择器格式；3能运用内嵌和引用方式灵活控制页面布局。6讲授2、34实验1：静态页面设计利用HTML、结合CSS实现静态页面展示和页面布局。4实验35四、JavaScript基础知识1JavaScript与HTML文档

5、2基本数据类型3程序控制4数组与函数5JavaScript对象6BOM对象和DOM对象编程。1能解释脚本语言的作用和特点；2会定义和分析含有JavaScript的文档结构；3掌握JavaScript基本语法和程序控制方法，能够运用数组和函数、对象完成程序开发；4掌握BOM中Windows对象和Document对象的属性、方法；5能够运用JavaScript语言结合BOM实现控制文档页面；6能够了解运用DOM对象动态设计文档页面的方法。8讲授2、36实验2：动态页面设计通过查询文献拟定一个动态网页方案，结合JavaScript脚本语言和BOM、DOM技术实现动态页面设计。4实验37五、Web系统

6、开发新技术1Web系统开发的发展趋势2移动Web开发技术1了解Web系统开发技术的发展方向；2了解移动Web开发技术。2讲授4五、其他教学环节（课外教学环节、要求、目标）六、教学方法课程以课堂教学为主，结合作业、课内实践、撰写实践总结报告及开发程序等教学手段和形式完成课程教学任务。在课堂教学中，通过案例教学方法，讲授、提问、演示等教学手段让学生理解Web的体系结构、Web系统多层结构开发的流程以及开发技术，运用开发技术与方法，完成开发实践任务。七、考核及成绩评定方式成绩由实验成绩和考试成绩组成。各部分内容所占比例如下：实验成绩：20%。主要考核每次实验程序完成情况以及实验总结撰写情况。考试成绩：80%。主要考核Web基本概念、Web程序设计语言与设计方法的掌握程度。书面考试形式。题型为选择题、简答题、编程题等。八、教材及参考书目1教材：1温浩宇，李慧编著Web网站设计与开发教程西安电子科技大学出版社，20142参考