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

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