《Web开发技术》教学大纲.docxVIP

《Web开发技术》课程教学大纲 一、课程概述 课程名称 Web开发技术 英文名称 Web development technology 课程性质 考查 课程代码总学时 理论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 课程目标对毕业要求指标点的支撑 毕业要求 毕业要求指标点 课程目标 1 2 3 3设计/开发解决方案 3.3 能基于设计结果实现满足特定需求的计算机软/硬件功能模块连接和系统设计，并在设计过程中体现创新意识； M 9 个人和团队 9.2 能够在团队中独立或合作开展工作； L 11项目管理 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的使用方法，掌握标记对应的使用； 课程目标 1 2 学 时 (4)掌握任意一款开发工具，并进行相关练习 认知 1. 编辑HTML内容，包含文字效果，文字修饰和段落＜p＞ 掌握HTML中常见的格式标记，并能在网页设计熟练运用这些标记对网页进行排版； 课程目标 1 二.HTML5基础 (1)HTML5的基本结构 (2)HTML5中元素标签的作用 (3)HTML5中文档注释的用法 理解 1.了解列表的定义和常用列表的分类。 2.掌握定义列表基本语法，理解定义列表与无序、有序列表的外在表现上的差异 3.学会使用列表type属性的改变列表的符号样式。 4.掌握有序列表基本语法。学会使用列表type、start属性的改变列表的编号样式 5.了解使用有序列表项value属性改变列表项编号 设计熟练运用这些标记对网页进行排版； 课程目标 2 2 学 时 (4)HTML5中保留的常用标签的用法 (5)HTML5中新增的文档结构标签的用法 (6)HTML5中新增的格式标签的用法 理解 6.容器标签的使用 通过对容器标签等新增标签的使用使学生对整体布局有了新的体验 课程目标 2 三.HTML5标签的使用 HTML5中超链接标签 HTML5中图像IMG的运用 认知 1.掌握超链接A的表示方法，并能使用它表示指向其它网页、文件的链接形式；学习文本链接、图像链接及热区的创建。 2.掌握网页设计图像IMG的运用，背景图像、不同格式的图像在网页设计中的作用，图像链接； 1．让学生了解超链接的书写方法。2. 通过超链接的设置，让学生初步掌握获取交互式信息的方法。3. 通过插入超链接，制作实