《Web开发技术》教学大纲

《Web开发技术》课程教学大纲一、课程概述课程名称Web开发技术英文名称Webdevelopmenttechnology课程性质考查课程代码22124023总学时理论32学时+实验8学时学分2开课学期第四学期先修课程程序设计基础、面向对象程序设计、计算机导论适用专业计算机科学与技术开课单位计算机与电气工程学院二、课程简介《Web开发技术》是一门综合性、实践性较强的课程，是面向计算机科学与技术专业开设的一门重要专业选修课，也列入该专业培养方案的主干课程群。本课程是随着计算机科学及互联网技术的发展而逐步形成的一门新兴的语言类课程，形成于二十一世纪初，是研究HTML元素结构、形式及相互关系的学科。随着WEB应用的发展，用户交互式应用越来越普及，网页用户交互页面不但要体现良好视觉效果，还对交互体验提出了更高要求。课程在教给学生HTML文件基本结构、表格表单、框架和CSS等技术知识的同时，重点培养学生的实践动手能力，并具有运用所学的知识与技能培养学生页面结构设计能力与外观修饰能力。三、课程目标《Web开发技术》是面向计算机科学与技术专业的主干课程，具有概念多、技能性较强、操作实验强度要求高、应用广泛的特点。本课程主要讲授HTML和Web标准以及HTML文件基本结构、复杂网页设计及制作等方面的基础知识。通过本课程的学习，不仅使学生掌握进一步学习其他课程所必需的前端用户界面设计知识，而且可培养学生使用WEB前端设计知识在基于B/S应用系统设计过程中分析问题与解决实际问题的能力。课程教学基本要求如下：课程目标1：具备网页用户界面设计的形象思维能力、结构设计能力、建模能力；（支撑毕业目标3.3）课程目标2：具备运用前端设计工具及方法构建Web站点和APP界面等解决具体问题的能力；（支撑毕业目标9.2）课程目标3：具备运用前端设计工具及方法，培养学生的创新意识，设计特色网页。（支撑毕业目标11.3）四、课程目标对毕业要求指标点的支撑表4-1课程目标对毕业要求指标点的支撑毕业要求毕业要求指标点课程目标1233设计/开发解决方案3.3能基于设计结果实现满足特定需求的计算机软/硬件功能模块连接和系统设计，并在设计过程中体现创新意识；M9个人和团队9.2能够在团队中独立或合作开展工作；L11项目管理11.3能够在多学科环境下，将工程管理与经济决策方法应用于计算机应用系统的设计、开发与实施的各环节。L五、教学内容及实施手段表5-1教学内容与进度要求教学章节小节内容要求具体要求学生成果课程目标学时一.绪论(1)了解Internet与万维网的概念(2)HTML、CSS与JavaScript的概念与特点(3)了解HTML5与CSS3的（1）概念与特点认知1.了解HTML静态网页结构2.掌握HTML网页布局。3.了解HTML基本语法以及常用标签掌握HTML文档结构元素HEAD和BODY，能构建符合规范的HTML文档，并在浏览器正确显示；掌握HEAD中META的使用方法，掌握标记对应的使用；课程目标12学时(4)掌握任意一款开发工具，并进行相关练习认知1.编辑HTML内容，包含文字效果，文字修饰和段落＜p＞掌握HTML中常见的格式标记，并能在网页设计熟练运用这些标记对网页进行排版；课程目标1二.HTML5基础(1)HTML5的基本结构(2)HTML5中元素标签的作用(3)HTML5中文档注释的用法理解1.了解列表的定义和常用列表的分类。2.掌握定义列表基本语法，理解定义列表与无序、有序列表的外在表现上的差异3.学会使用列表type属性的改变列表的符号样式。4.掌握有序列表基本语法。学会使用列表type、start属性的改变列表的编号样式5.了解使用有序列表项value属性改变列表项编号设计熟练运用这些标记对网页进行排版；课程目标22学时(4)HTML5中保留的常用标签的用法(5)HTML5中新增的文档结构标签的用法(6)HTML5中新增的格式标签的用法理解6.容器标签的使用通过对容器标签等新增标签的使用使学生对整体布局有了新的体验课程目标2三.HTML5标签的使用HTML5中超链接标签HTML5中图像IMG的运用认知1.掌握超链接A的表示方法，并能使用它表示指向其它网页、文件的链接形式；学习文本链接、图像链接及热区的创建。2.掌握网页设计图像IMG的运用，背景图像、不同格式的图像在网页设计中的作用，图像链接；1．让学生了解超链接的书写方法。2.通过超链接的设置，让学生初步掌握获取交互式信息的方法。3.通过插入超链接，制作实现自由跳转的到各个页面。课程目标12学时HTML5中相对路径和绝对路径的区别认知4.初步了解规划超链接的路径问题，掌握相对路径和绝对路径的区别。5.通过超链接的设置，实现网页内容的自由跳转。6.掌握图像超链接的基本语法及创建方法。掌握网页设计图像IMG的运用，背景图像、不同格式的图像在网页设计中的作用，图像链接；课程目标2四.表格基础(1)掌握HTML中表格工具TABLE的使用，并规范网页的数据显示认知1．掌握使用表格布局网页。2.灵活掌握表格调整的方法。3.设置表格行与单元格。4.初步了解表格合并的基本方法。5.熟练掌握细线表格实现表格在网页中的应用课程目标22学时五．表单基础（1）熟练掌握表单Form的设计（2）对文本框、按钮、下拉列表、单选和复选按钮等多种表单元素能熟练运用熟悉1.掌握网页中插入表单并设置各种属性。2.掌握网页中插入各种列表标记的使用。3.掌握框架网页的建立方法。4.练习使用表单，包括其action及method属性，6.熟练掌握单选框、复选框和按钮等内容练习使用表单中的元素，包括文本框、列表框、文本域，让学生掌握多个对话框的相关应用课程目标22学时六．多媒体标签(1)HTML5音频和视频(2)HTML5支持的格式熟悉1.掌握嵌入多媒体的技术。2.理解不同音频与视频在不同浏览器上的兼容性问题。3.设置占位图片跑马灯marquee标签的使用。4.插入多媒体文件。5.添加背景音乐课程目标2七.CSS基础(1)CSS基本语法(2)CSS的选择器及CSS复合选择器理解1.掌握层叠样式表CSS的基本概念、语法，熟练掌握常见CSS的属性及值的写法；2.掌握如何在网页中使用三种不同的形式调用样式表；3.掌握HTML标签选择器、类选择器、ID选择器以及伪类选择器和对象选择器的使用，掌握CSS的复合选择器的使用；能够熟练使用CSS元素对网页中元素的外观进行控制课程目标12学时(3)CSS的继承性(4)CSS的属性及值(5)如何在网页中应用CSS样式掌握4.掌握CSS中的继承概念；掌握CSS盒子模型的相关概念，使用CSS+DIV技术进行网页布局的设计课程目标3八.CSS3技术(1)CSS3边框和背景效果(2)CSS3文本和字体效果(3)CSS3变形与动画效果认知1.CSS3边框和背景效果2.掌握CSS3文本和字体效果3.掌握CSS3中2D变形与动画效果能够熟练使用CSS3的动画效果，增加整体布局意识课程目标32学时五、考核与评价方式及标准1、考核与评价方式及标准课程考试主要采用开卷方式，考试范围涵盖所有讲授的内容，考试内容应能客观反映出学生对本门课程主要原理技术的掌握程度，对有关理论、原理的理解、掌握及综合运用能力。（1）平时表现及讨论：占总成绩的10%。要求：教师针对重要知识点组织相应的课堂讨论，重点考察学生的学习态度、自主学习能力、团队协作能力、语言表达能力与沟通能力。六、参