《Web技术基础》课程教学大纲

《Web技术基础》课程教学大纲课程编号：ABXX0302课程名称：Web技术基础英文名称：TheBasisof

WebTechnology课程性质：专业基础必修课课程学分：3学分课程学时数：总学时：48学时其中讲课学时：24学时实验学时：24学时授课对象：信息管理与信息系统前导课程：大学计算机基础、计算机程序设计一、课程简介Web开发技术是信息管理与信息系统专业的一门专业基础必修课。课程紧密结合互联网行业发展对Web前端开发工程师岗位的技术与能力的需求，详细介绍了HTML、CSS、DIV、JavaScript、DOM与BOM几大组成部分的基本语法和关键应用，强调以网络数据库编程为核心，具有较强的实用性。通过本课程的学习，使学生学会制作网页和建立网站的技术，培养学生对Web程序设计技术的综合应用能力。二、教学基本内容和要求课程教学内容：第1章Web页面设计简介课程教学内容：1.1万维网概述1.2HTML语言1.3Web页面设计相关概念1.4Web页面设计工具和浏览工具1.5Web前端开发相关技术课程的重点、难点：CSS和JavaScript在Web页面设计中课程教学要求：熟悉DreamWeaver、UltraEdit等开发工具；理解网站、网页、首页、超链接基本概念；理解CSS在Web页面设计中作用；理解JavaScript在Web页面设计中作用；掌握Notepad、EditPlus等开发工具。第2章HTML基础课程教学内容：2.1HTML文档结构2.2HTML基本语法2.3注释2.4编写HTML文档的注意事项课程的重点、难点：HTML基本语法课程教学要求：理解HTML文档组成结构；掌握标记语法；掌握页面编码基本规则；掌握HTML文件命名规则。第3章文字与段落课程教学内容：3.1文字内容3.2文字样式3.3文字修饰3.4段落课程的重点、难点：文字格式和段落格式标记课程教学要求：了解物理样式标记和逻辑样式标记的区别；掌握文本和段落格式标记。第4章列表课程教学内容：4.1列表简介4.2无序列表4.3有序列表4.4嵌套列表4.5定义列表4.6菜单列表和目录列表课程的重点、难点：列表的基本语法和嵌套列表课程教学要求：了解列表的定义和常用列表的分类；掌握列表基本语法。第5章超链接课程教学内容：5.1超链接简介5.2创建超链接5.3链接对象课程的重点、难点：超链接基本语法，超链接基本语法课程教学要求：了解超链接的概念；掌握超链接基本语法；理解超链接中路径的分类和应用场合；掌握图片链接的基本语法。第6章网页中多媒体应用课程教学内容：6.1图片6.2滚动文字6.3背景音乐与其它多媒体文件课程的重点、难点：超链接基本语法，超链接基本语法课程教学要求：1.掌握<img>标记基本语法；会利用<img>属性src、width、height、border、alt、hspace、vspace、align等来修饰图片；2.掌握<bgsound>标记语法，给网页添加背景音乐；掌握<embed>标记的语法；会使用<embed>标记src、loop、autostart、width、height等属性给网页链接其它多媒体文件。第7章表格课程教学内容：7.1表格7.2表格标记7.3表格属性修饰7.4设置表格行的属性7.5设置单元格的属性7.6表格嵌套课程的重点、难点：表格属性修饰和表格属性课程教学要求：1.掌握<table>标记语法和三大构成标记；会利用<table><tr><td>绘制简易表格；学会使用表格标题<caption>、<th>标记定义表格标题和表头；2.掌握表格边框、宽度、高度、背景颜色、背景图片和单元格间距、边距等设置方法；3.掌握表格行内容水平和垂直对齐的设置方法；4.掌握单元格跨行属性和跨列属性设置方法；学会运用表格嵌套技术实现一般网页布局。第8章框架课程教学内容：8.1框架简介8.2框架的设置8.3子窗口的设置8.4浮动框架课程的重点、难点：框架的设置和子窗口的设置课程教学要求：1.掌握框架的定义及基本结构；2.掌握框架窗口水平分割和垂直分割设置方法；利用窗口的嵌套分割方法实现网页布局；学会用框架的border和frameborder属性设置边框和隐藏框架；3.掌握子窗口显示网页的基本语法；4.了解浮动窗口与浏览窗口的关系；了解浮动窗口的基本语法及应用场合。第9章表单课程教学内容：9.1表单9.2表单输入9.3多行文本输入9.4下拉列表框课程的重点、难点：表单输入课程教学要求：1.掌握表单基本结构；掌握表单控件的设置方法；2.掌握cols、rows等相关属性的设置多行文本区域大小。第10章CSS+DIV基础课程教学内容：10.1图层创建10.2创建嵌套图层10.3图层属性的设置10.4层叠样式表10.5样式表的定义与使用10.6定义选择符课程的重点、难点：建立图层和图层嵌套；CSS基本类型课程教学要求：1.掌握div标记标记的基本语法；学会使用div的id、style属性创建不同效果的图层；2.掌握id属性的用途；掌握style属性中position、width、height、left、top、及图层背景色的设置方法；3.掌握CSS基本类型。第11章CSS+DIV高级应用课程教学内容：11.1文字与排版样式的使用11.2背景与颜色的使用11.3矩形模块的概念与使用11.4列表11.5DIV+CSS页面布局课程的重点、难点：文字与排版样式的使用和DIV+CSS页面布局课程教学要求：1.了解常见的CSS文字、排版、边界等设置时的长度、百分比单位；2.掌握文字样式和排版样式属性的设置方法；2.掌握颜色设置方法；3.学会使用DIV+CSS实现简单Web页面布局。第12章JavaScript基础课程教学内容：12.1JavaScript简介12.2JavaScript程序12.3标识符和变量12.4运算符和表达式12.5JavaScript程序控制结构12.6JavaScript内置对象课程的重点、难点：JavaScript程序；JavaScript程序控制结构；JavaScript内置对象课程教学要求：1.了解JavaScript语句类型、语句块标记；理解JavaScript函数的作用和基本语法；掌握JavaScript中常用函数的使用方法；2.掌握三种程序控制结构；掌握JavaScript内置对象的使用方法。第13章JavaScript事件处理课程教学内容：13.1JavaScript事件概述13.2表单事件13.3鼠标事件13.4键盘事件13.5窗口事件课程的重点、难点：JavaScript中事件课程教学要求：掌握JavaScript中主要事件句柄；掌握指定事件处理程序两种指定方法（指定静态和动态指定）；了解表单、鼠标、键盘和窗口事件源和事件句柄；掌握它们处理程序的调用方法。第14章BOM与DOM模型课程教学内容：14.1HTMLDOM14.2BOM课程的重点、难点：表单输入课程教学要求：1.理解HTMLDOM的节点的基本概念，理解Node节点的层次，掌握通过ID查找和访问页面元素的方法，掌握通过标签名访问页面元素的方法；2.理解BOM概念及BOM所包含的对象；掌握各类对象属性和常用方法，学会利用各类对象进行简单编程。三、实验教学内容及基本要求侧重具体操作应用,解决实际问题能力的培养。采用“任务驱动”方法，给学生一定的项目任务，其中有些综合性、设计与开发性的。让学生自己上机来完成，提高学生动手能力和创新能力。实验内容：HTML基础训练HTML组成与标签使用、NodePad、EeditPlus编辑器使用、HTML+CSS+JavaScript混合编程初步表格布局训练框架布局训练表单编程训练DIV+CSS训练1DIV+CSS训练2在使用CSS进行页面元素的定位中，通过调整content、border、padding、margin这4个属性，完成油画欣赏的页面设计JavaScript基础训练掌握JavaScript基础、标识符、变量、运算符与表达式的定义，编写简单JS程序，创建和调用函数和引用外部函数JavaScript程序结构训练JavaScript三种控制结构的编程训练JavaScript事件处理训练Web服务器配置与信息发布训练四、教学方法和手段授课采用多媒体授课方式，教学方法主要采用案例演示教学方法。五、各教学环节学时分配章节讲课习题课实验其他合计第1章Web页面设计简介11第2章HTML基础123第3章文字与段落11第4章列表11第5章超链接11第6章网页中多媒体应用145第7章表格224第8章框架224第9章表单224第10章CSS+DIV基础224第11章CSS+DIV高级应用224第12章JavaScript基础426第13章JavaScript事件处理246第14章BOM与DOM模型224合计242448六、考核方式与成绩评定标准本课程的考核以过