《网络编程技术基础B》课程教学大纲.docx

网络编程技术基础B课程教学大纲课程英文名称：Introduction to Web Programming课程编号：HZ192250课程类别：个性化教育课程课程性质：选修课学分：2学时：32 （其中：讲课学时：24实验学时：8上机学时：8）适用专业：测绘工程开课部门：环境与资源学院测绘与地理信息工程系先修课程：大学计算机（理工A）、计算机基本技能训练、高等数学B1等后续课程：WebGIS技术、GIS二次开发、GIS软件工程等一、课程目标从专业人才培养需要出发，课程系统介绍了网络编程的基本理论、方法和应 用技术。通过该课程理论教学与上机实验，到达以下的教学目标：1、通过基本的网络编程技术的学习，掌握网页制作和网站建设所需的基本知识，理解网页服务端-客户端访问机制，具备一定的计算机编程思维能力。2、通过对HTML语言、CSS样式、JavaScript语言的学习，了解网络编程 的基本知识，并能够发布网站与网站访问，使学生具备一定的查阅文献与编程自学能力。3、通过对静态网页的知识学习，了解Web2.0技术特点，掌握网站建设所需的基本技能，学生可以独立建立网站，为以后系统性的网站编程提供所需的知识积淀。二、课程目标与毕业要求的对应关系课程目标指标点毕业要求课程目标11.2建立计算思维基本概念和思维方法， 具备较好的计算思维能力。1 .工程知识：掌握数学、自然科学、 地理信息基础和专业知识，具备地球 空间数据采集、获取与应用能力、地 球空间信息数据处理与建库能力。课程目标 22.2具有一定的地理信息软件工程专业 知识和管理能力，初步具备比拟大型的 地理信息平台的架构能力。2.问题分析：能够应用数学、自然科 学和地理信息科学的基本原理，识别、 表达、并通过文献研究分析地理信息 专业问题，具备地理信息系统的架构 能力。课程目标 2、34.1接受良好的科学思维和科学方法的 基本训练，具有创新意识及协同攻关能 力和科学研究的初步能力。4,研究：能够基于科学原理并采用科 学方法对复杂工程实践问题进行研 究，通过实验设计与实施，对结果进 行分析、解释，综合多源信息得到合理有效的结论，具备科学研究的初步 能力。课程目标312.3 了解测绘科学技术的重要进展和前 沿动态，能够根据文献资料不断学习提 升以适应测绘技术的开展。12终身学习：树立自主学习和终身学 习的理念，具有刻苦学习、善于钻研、 锲而不舍的精神，具有较强的自我获 取、更新和拓展知识的能力。、课程的主要内容及基本要求三、课程目标与教学内容和教学方法的对应关系Hi网络编程技术基础教学内容教学方法课程目标教学环节训练环节1第1章HTML基础授课3学时12第2章表格、表单和框架授课3学时作业113第3章CSS授课4学时作业22、34第4章页面布局授课3学时15第5章JavaScript基础授课6学时作业31、2、36第6章JavaScript对象授课5学时作业41、2、37第7章DOM编程授课4学时作业51、2、38第8章表单验证和特效授课4学时作业61、2、3第1单元HTML基础（2学时）（支撑课程目标：1）知识点明确本课程的地位、性质、任务和学习方法；掌握HTML基本概念： HTML文档基本格式、单标记与双标记、标题与段落标记、HTML文档头部相 关标记、font标记、标记的属性、文本格式化标记、图像标记、相对路径与绝对 路径、常用图像格式、特殊字符标记。重点HTML文档基本格式、标记的属性、图像标、相对路径与绝对路径。难点相对路径与绝对路径。基本要求.识记：掌握HTML文档基本格式，能够书写规范的HTML网页。1 .领会：掌握标题、段落及文字标记，可以合理地使用它们定义网页元素。2 .简单应用：掌握图像标记，学会制作图文混排页面。3 .综合应用：能够制作简单的一个基本网页。第2单元表格、表单和框架（2学时）（支撑课程目标：1）知识点掌握在HTML中创立表格，修改表格的格式，熟练掌握表格相关的标 记和属性，及在网页上添加层，添加多媒体，包括音频、视频文件；掌握创立表 单、input控件、textarea控件、select控件等的使用。重点创立表格，并熟悉表格相关的属性；及在网页上添加层。难点在网页上正确地使用各种表单：文本字段、密码框、input控件、textarea 控件、select控件、单项选择按钮等对象的使用。基本要求1 .识记：理解表单的构成，可以快速创立表单。2 .领会：掌握表单相关标记，能够创立具有相应功能的表单控件。3 .简单应用：掌握常用表单对象的应用，能够美使用表单控件制作网页。4 .综合应用：综合应用多种表单控件制作网页。第3单元CSS样式表（3学时）（支撑课程目标：2、3）知识点CSS常用的selector分类，CSS中的几种类CSS的层叠性在网页中使 用CSS的属性、CSS滤镜等。重点在网页中使用CSS的常用属性及样式选择器。难点CSS的属性、CSS选择符号。基本要求1、识记：CSS常用的Selector和常用的CSS属性。2、领会：如何使用CSS对网页的风格进行控制。3、简单应用：会使用CSS来代替HTML标记中的各个控制风格的属性。4、综合应用：独立设计不同风格的CSS应用在所建立的网站上，适当应用 CSS滤镜。第4单元页面布局（4学时）（支撑课程目标：1）知识点能分析盒子模型和DIV,掌握常见的页面布局。重点掌握div标记、边框属性、内边距属性、外边距属性、背景属性及水平布 局、垂直布局等布局方式。难点Div的浮动控制及显示。基本要求1 .识记：盒子模型相关属性，能够使用它们熟练地控制网页元素。2 .领会：理解块元素与行内元素的区别，能够对它们进行转换。3 .简单应用：能够利用DW盒子模型布局。4 .综合应用：综合应用几种常见的页面布局方式，对网页布局。第5单元JavaScript基础（5学时）（支撑课程目标：1、2、3）知识点掌握JavaScript的基本语法，包括JavaScript的引入、关键字、变量、 数据类型、运算符优先级、函数等的定义与程序的流程控制的应用。重点JavaScript的变量定义、函数的定义、程序流程语句：if-else等。难点程序语句的控制应用。基本要求1 .识记：掌握JavaScript语法规那么，能够书写规范的JavaScript代码。2 .领会：领会JavaScript对象函数调用方式。3 .简单应用：使用JavaScript语言定义对象、赋值并进行简单运算。4 .综合应用：掌握if语句及switch语句，能够灵活运用条件控制语句。第6单元JavaScript对象（6学时）（支撑课程目标：1、2、3）知识点掌握JavaScript核心对象：如Date和Math对象、字符串对象String等 的应用，能够调用Javascript事件，处理事件并添加事件函数。重点JavaScript对象常用定义、创立、操作、元素属性与内容操作。难点掌握JavaScript事件的调用，能够对事件处理程序进行调用。基本要求.识记:JavaScript的内部对象常用的属性和方法,window对象和document 对象常用的属性和方法。1 .领会：掌握Data对象的常用方法，能够应用Data对象获取当前区域的 日期时间字符串。2 .简单应用：使用JavaScript实现简单的人机交互功能，从而掌握事件的 触发机制。3 .综合应用：自己建立JavaScript独立文件，增强用户对网站的互动体验 和网页特效，会使用主流的JavaScript库。第7单元DOM编程（3学时）（支撑课程目标：1、2、3）知识点掌握html中 Window对象、Document对象、History对象、Location对 象的定义及应用，能够应用BOM与DOM对象编程。重点DOM节点树、DOM查找方式，掌握通过html选取元素。难点DOM对象常用操作、DOM对象属性与内容操作、。基本要求1 .识记：DOM对象的种类、DOM与BOM的区别及选用特点。2 .领会：掌握Window对象、Document对象的使用及查找、定义。3 .简单应用：掌握节点的访问，能够准确访问指定元素和相关元素。4 .综合应用：利用DOM节点的特性，能够遍历Document对象中的控件, 并能输出各个DOM节点的属性。第8单元表单事件、验证和特效（5学时）（支撑课程目标：1、2、3）知识点掌握表单和表单元素对象及相关的属性和方法，及对form对象的事件 处理与表单验证事件的应用。重点表单和表单元素对象及常用的属性和方法；对form的事件处理。难点关于对form中的表单元素进行验证。基本要求1 .识记：表单对象的定义、属性和方法。2 .领会：表单事件的触发方式，如textarea的点击事件；表单的验证应用。3 .简单应用：利用表单事件实现常用控件的交互操作。4 .综合应用：利用表单验证方式验证提交的表单内容，并能通过表单事件 提交数据。理论及实验学时分配章目讲课实验合计第1章HTML基础授课2学时3学时第2章表格、表单和框架授课2学时2学时（HTML基础实验）5学时第3章CSS授课3学时4学时第4章页面布局授课2学时2学时（CSS样式表及 页面布局）5学时第5章JavaScript基础授课5学时6学时第6章JavaScript对象授课4学时2学时（利用Javacsript 实现简单算法）7学时第7章DOM编程授课3学时4学时第8章表单险证和特效授课3学时2学时（综合性作业， 实现个人网站建设与 发布）6学时合计32学时8学时40学时五、教学方法与手段1 .教学过程中，应严格按教学大纲要求的内容进行。2 .本课程是一门实践环节较强的专业基础课，因此授课过程中要求精讲多 练，打好基础，加强实践，重在培养学生的空间想象力及实际动手能力，建议授 课以多媒体为主，辅之以程序演示、课后作业等，可使用HTML编程软件如： Dreamweaver软件，理论与案例相结合的手段进行教学。3 .突出重点，加强练习，坚持辅导、答疑；课后按要求布置作业并认真批 改。六、考核要求、方式与成绩评定期末考试统一命题，统一评分标准，统一考试时间。考试范围不超过大纲的 内容。笔试考试，考试时间为100分钟。成绩定为百分制。实行结构评分，平时 成绩、作业占40%,期末考试成绩占60%。评价环节评估课程目标对应毕业要求平时成绩（40分）平时作业课程目标1、21、12上机实验课程目标1、2、31、12大作业课程目标1、2、31、12期末考试（60分）填空题、选择题、简答 题、综合题等课程目标1、2、31、12平时成绩评定标准环节评定工程内容分值总分值平时 作业课程目标1方法运用基本正确，结论不明确， 理论阐述不够完整；5-6分10分方法运用正确，结论正确，但理 由不够充分；6-8分方法运用正确，理由充分，结论 正确，有一定的想法；810分上机实验课程目标1,2程序框架设计基本合理，但程序 显示有问题，实验报告内容撰写 基本完整；5-6分30分能够根据实验步躲，完成实验内 容，实验报告内容撰写完整，逻 辑清晰，语句通顺，网页可以本 地浏览；6-8分实验内容完成效果较好，程序设 计合理，实验报告内容撰写完整， 逻辑清晰，语句通顺，网站通过 万维发布且可以访问；810分七、选用教材、讲义和主要参考书1 .推荐教材：Web编程基础HTML、CSS、JavaScript ,陈矗、任平红等编著，清 华大学出版社，2014 oHTML+CSS+JavaScript网页设计从入门到精通，胡晓霞著.清华大学出 版社，2017。2 .推荐参考书：前端架构设计(图灵程序设计丛书)，迈卡高保特(Micah Godbolt)编 著，人民邮电出版社，2017.5。HTML5 Canvas开发详解 Web前端开发精品课，莫振杰编著，人民邮 电出版社，2017。八、大纲说明1 .本课程宜按小班上课，如要合班，建议不要超过70人。2 .本课程只能为学生的网络编程打下一定的基础，要到达合格的理工科本 科毕业生应有的基本编程能力，还有待于后续课程、生产实习、课程设计和毕业 设计中继续培养和提高。3 .本课程的课内外学时比为1: 1.5-1: 2o4 .本大纲的编写，通过课程组全体教师充分讨论，是课程组集体智慧的结