web前端课程教学大纲.docx
web前端开发教学大纲课程性质专业必修课课程编号xx408212课程名称web前端适用专业计算机科学与技术先修课程面向对象程序设计总学时32其中理论16学时，实验16学时学分数2一'课程简介本课程是计算机科学与技术专业的一门专业必修课，是在学生学完计算机基 础课程之后，为加强对学生技术应用能力的培养而开设的实现静态网页制作的综 合应用的一门课程。本课程的目的和任务是使学生获得静态网站开发基本理论、基本知识与基本 技能，了解网站开发过程中各种网页常见元素的设计与开发。本课程以当前流行 的网页制作工具dreamweaver为例，使学生掌握html, css, javascript三种常见 的静态网页开发技术来制作网页。二'课程教学目标通过本课程的学习，学生应实现如下目标：1、知识目标：了解：网站开发基础知识，网站的发布与管理等。掌握：常见的网页设计开发工具dreamweaver的使用，html技术的使用，css 层叠样式表的使用，脚本语言javascript的使用。2、能力目标:(1)能阅读html代码，会编的html代码；(2)会使用css样式表美化网页；(3)能过使用javascript实现页面的交互；(4)会使用dreamweaver设计网页。三、课程教学基本要求能综合运用静态网页设计三种基本技术设计静态网页，为以后的动态网页设计开发打好基础。四、课程教学模块（或教学内容）与学时分配1、理论教学局部序号教学模块知识点学时1.网站开发基础知识了解：互联网的访问过程和工作机制；常用 的开发工具；站点的建立过程理解：网页设计中的基本概念和常见技术；网站建设的流程22静态网页制作了解：html的开展过程理解：html5中新增的文档结构元素和表单 元素掌握：在网页中插入文字、表格、图像等元 素2了解：设置网页内元素的格式；掌握超级链 接和表单、表格及内嵌框架23美化网页了解：CSS基础知识理解：CSS常见属性的设置掌握：CSS基本语法规那么和基本选择器；在html中使用css24规划网页-使 用css实现精美 布局了解：典型的CSS网页布局理解：css3网页布局掌握：CSS盒模型；CSS布局常见属性25动态网页使用javascript 技术了解：javascript语言的概念和特点 掌握：javascript的基本语法知识26使用 javascript对象编程了解:javascrpt对象的基本概述 理解：自定义对象；浏览器对象2掌握：javascript内置对象；html dom对象了 解：7实现用户与页 面的交互一事 件处理了解：javascript事件的基本概念理解：javascript事件的类型和事件对象 掌握：常见事件的使用22、实践局部序 号实验工程名称内容摘要实验 学时实验类型开出要求1静态网页制作在网页中插入文字、表 格、图像等元素，设置网 页内元素的格式、超级链 接和表单、表格及内嵌框 架4设计性必做2美化和规划网 页使用css美化和规划网页2设计性必做3javascript 技术使用javascript技术设计动态网页4设计性必做使用javascript对象编程4设计性必做使用javascript用户交互2设计性必做五、教学方法与策略1、讲授法：理论基础知识局部：网站开发基础知识；html技术的简介；书 写规范；css基础知识；javascript技术的语法知识以及javascript中不同对象概述 等内容放在理论课程中完成。三种静态网页技术在设计网页中的使用那么通过理论 课讲解过程中相应的案例来实现。2、实验课：通过实验课程要求掌握常用的网页开发工具dreamweaver来进 行网页的开发。掌握dreamweaver的两种视图模式，即代码视图和设计视图。代 码视图那么要求学生熟练掌握html, css, javascript三种技术的代码编写，设计视图是要求学生能运用开发工具对网页进行设置。六、学生学习成效考核方式考核环节构成（均为100分制）评分依据占总成绩 的比重平时成绩上课的出勤情况记录和课堂作业完成情况.作业缺交 一次扣10分，旷课一次扣10分20%实验成绩实验课的出勤情况记录和实验内容的完成情况统计20%课堂讨论以课堂上的分组讨论结果为依据10%期末考试教师可可根据实际情况任选以下一种考试方式： 方式一：闭卷考试，基础题占50%,中等难度题占40%, 较难题占10%。闭卷考试4种以上题型，120分钟题量 方式二：上机测试，任课教师指定考核工程，学生在 规定的时间内独立完成工程设计。教师依据工程完成 情况给分。50%七、选用教材1任永功，HTML5+CSS3+Javascript网站开发实用技术，人民邮电出版社, 2016 年八、参考资料1聂常红，Web前端开发技术一HTML、CSS、Javascript（第2版），人民邮 电出版社，2016年2占东明，Web前端开发实例教程一HTML、CSS、Javascript,人民邮电 出版社，2016年3传智播客高教产品研发部，HTML5+CSS3网站设计基础教程，人民邮电出版社，2016年
