《网络编程技术基础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技术特点，掌握网站建设所需
的基本技能，学生可以独立建立网站，为以后系统性的网站编程提供所需的知识
积淀。
二、课程目标与毕业要求的对应关系
课程目标
指标点
毕业要求
课程目标
1
1.2建立计算思维基本概念和思维方法， 具备较好的计算思维能力。
1 .工程知识：掌握数学、自然科学、 地理信息基础和专业知识，具备地球 空间数据采集、获取与应用能力、地 球空间信息数据处理与建库能力。
课程目标 2
2.2具有一定的地理信息软件工程专业 知识和管理能力，初步具备比拟大型的 地理信息平台的架构能力。
2.问题分析：能够应用数学、自然科 学和地理信息科学的基本原理，识别、 表达、并通过文献研究分析地理信息 专业问题，具备地理信息系统的架构 能力。
课程目标 2、3
4.1接受良好的科学思维和科学方法的 基本训练，具有创新意识及协同攻关能 力和科学研究的初步能力。
4,研究：能够基于科学原理并采用科 学方法对复杂工程实践问题进行研 究，通过实验设计与实施，对结果进 行分析、解释，综合多源信息得到合

理有效的结论，具备科学研究的初步 能力。
课程目标
3
12.3 了解测绘科学技术的重要进展和前 沿动态，能够根据文献资料不断学习提 升以适应测绘技术的开展。
12终身学习：树立自主学习和终身学 习的理念，具有刻苦学习、善于钻研、 锲而不舍的精神，具有较强的自我获 取、更新和拓展知识的能力。

、课程的主要内容及基本要求
三、课程目标与教学内容和教学方法的对应关系Hi

网络编程技术基础
教学内容
教学方法
课程目标
教学环节
训练环节
1
第1章HTML基础
授课3学时

1
2
第2章表格、表单和框架
授课3学时
作业1
1
3
第3章CSS
授课4学时
作业2
2、3
4
第4章页面布局
授课3学时

1
5
第5章JavaScript基础
授课6学时
作业3
1、2、
3
6
第6章JavaScript对象
授课5学时
作业4
1、2、
3
7
第7章DOM编程
授课4学时
作业5
1、2、
3
8
第8章表单验证和特效
授课4学时
作业6
1、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、2
1、12
上机实验
课程目标1、2、3
1、12
大作业
课程目标1、2、3
1、12
期末考试（60分）
填空题、选择题、简答 题、综合题等
课程目标1、2、3
1、12

平时成绩评定标准
环节
评定工程
内容
分值
总分值
平时 作业
课程目标1
方法运用基本正确，结论不明确， 理论阐述不够完整；
5-6分
10分
方法运用正确，结论正确，但理 由不够充分；
6-8分
方法运用正确，理由充分，结论 正确，有一定的想法；
8・10分
上机
实验
课程目标1,2
程序框架设计基本合理，但程序 显示有问题，实验报告内容撰写 基本完整；
5-6分
30分
能够根据实验步躲，完成实验内 容，实验报告内容撰写完整，逻 辑清晰，语句通顺，网页可以本 地浏览；
6-8分
实验内容完成效果较好，程序设 计合理，实验报告内容撰写完整， 逻辑清晰，语句通顺，网站通过 万维发布且可以访问；
8・10分
七、选用教材、讲义和主要参考书
1 .推荐教材：
《Web编程基础——HTML、CSS、JavaScript^ ,陈矗、任平红等编著，清 华大学出版社，2014 o
《HTML+CSS+JavaScript网页设计从入门到精通》，胡晓霞著.清华大学出 版社，2017。
2 .推荐参考书：
《前端架构设计(图灵程序设计丛书)》，迈卡・高保特(Micah Godbolt)编 著，人民邮电出版社，2017.5。
《HTML5 Canvas开发详解 Web前端开发精品课》，莫振杰编著，人民邮 电出版社，2017。
八、大纲说明
1 .本课程宜按小班上课，如要合班，建议不要超过70人。
2 .本课程只能为学生的网络编程打下一定的基础，要到达合格的理工科本 科毕业生应有的基本编程能力，还有待于后续课程、生产实习、课程设计和毕业 设计中继续培养和提高。
3 .本课程的课内外学时比为1: 1.5-1: 2o
4 .本大纲的编写，通过课程组全体教师充分讨论，是课程组集体智慧的结