web前端开发课程教学大纲

《Web前端开发》课程教学大纲适应专业：课程编码：课程类型：专业课总学时/学分：48/3开课学院：计算机学院制订单位：软件工程系执笔人：审定时间：年月审定：一、课程说明（一）课程简介《web前端开发》是软件工程专业的专业课。网站前端开发课程以《信息技术与应用》和《计算机应用基础》为前期基础课程。课程重点讲述网站前端开发的基础知识、基本理论和基本技能。课程包含HTML语言、HTML5、CSS、JavaScript等知识，是一门操作性极强的技能型应用课程。（二）课程教学目标及任务总目标：培养学生掌握网站开发的方法，熟悉网站开发的流程，掌握网站开发的工具软件以及如何利用这些工具设计和实现网站。知识目标：培养学生掌握网页、网站、http、www等基本概念，掌握HTML、CSS、JavaScript等技术的语法要求。能力目标：培养学生掌握网站开发的技巧，掌握网站项目的设计、开发、测试和部署的技能，掌握网站出错测试的技巧，掌握文档书写的能力和团队协作等能力。素质目标：培养学生掌握良好的道德素质、心理素质和文化素质。（三）本课程与其他课程的关系先修课程：信息技术与应用，计算机应用基础后续课程：网络数据库，JSP技术（四）主要教学内容及学时分配计划学时48，其中理论学时32学时，实践（实验）16学时，共48学分。章节内容总学时理论学时实验、实践学时第一章Web前端开发基础440第二章HTML-网页骨架结构624第三章css-网页美丽的衣装642第四章JavaScript-网页动态交互语言642第五章jQuery642第六章HTML5642第七章Dreamweaver基础642第八章图书馆网站开发案例862合计483216（五）教学手段与方法：教学方法灵活多样，可采用课堂讲授，课堂讨论，习题课等进行课堂教学以及多媒体课件等辅助教学手段；安排上机实验课程使理论与实际相结合。（六）参考教材与参考资料1.参考教材与书目：[1]《Web前端开发及应用教程》，主编王丽铭，出版社清华大学出版社，出版日期2016年1月.[2]《Web前端设计》，主编吴强，出版社清华大学出版社，出版日期2018年1月.2.网络教学资源：[1]w3school:/.[2]51cto:/courselist/101.html.（七）考核方式本课程考核采用过程和期末考核相结合的方式，过程考核包括学习态度、课堂参与以及考勤等。课程成绩构成为：平时成绩（20%）+期末考试成绩（80%）。具体考核设计参见下表：平时成绩（20%）期末考核（80%）考核内容考核要求学习态度5%课堂参与5%阶段考核考勤10%注：课程考核设计不局限于上述表格形式，可自行设计撰写考核方案。二、课内实践（实验）环节教学内容（一）实验的性质、任务与目的《web前端开发》课程是软件工程专业课程。该课程的实验不仅是软件工程专业学习的一个重要分支，也是学生学习后续方向课的重要基础。网站前端开发实验内容将覆盖网页设计常用技术，并将这些技术灵活运用在网站的建设当中，使学生对这些常用技术有一个全面的认识；通过此课的学习，学生应该具有针对所给的网站开发需求设计和实现网页。通过上机实验，将使学生熟悉、掌握课堂教学中所学的知识的应用。同时，上机实习是对学生在软件设计方面的综合训练，包括问题分析，总体结构设计，HTML页面设计，脚本设计等，以培养良好的编程风格和科学作风。通过理论联系实际，以最终提高学生动手操作的能力以及分析问题的能力。本实验的基本理论本实验课所应用的基本理论有：HTML标记语法知识、CSS美化网页方法、JavaScript语法知识。基本要求1.掌握HTML语言编写网页的技能2.掌握CSS美化网页的技术3.掌握JavaScript技术在网页表单中的数据校验方法4.掌握jQuery技术控制网页元素大小和位置的方法（四）实验项目的设置与内容提要序号实验项目实验学时实验类型实验要求内容提要1应用HTML标记制作网页2设计性必做1.文字段落标记应用2.列表标记应用3.表格标记应用4.表单标记应用2应用HTML5语言制作网页2设计性必做1.文字段落标记应用2.列表标记应用3.表格标记应用4.表单标记应用3应用css美化网页2设计性必做1.CSS美化网页文本、图像应用2.CSS定义超链接、列表样式3.div+css布局4JavaScript应用4设计性必做1.制作简易计算器2.制作简易聊天界面3.制作图片点击按钮轮换效果4.制作图片间隔一定时间轮换效果5jQuery2设计性必做1.使用jQuery显示表单中输入数据2.动态改变盒子背景颜色6使用Dreamweaver软件制作网站4设计性必做1.创建站点2.文本排版3.网页中引入多媒体元素4.引入库元素注：1.实验类型指：验证性、设计性、综合性实验；2.实验要求指：