web前端课程教学大纲

1、web前端开发教学大纲 课程性质专业必修课课程编号xx408212课程名称web前端适用专业计算机科学与技术先修课程面向对象程序设计总学时 32 其中理论 16学时，实验16学时学分数2一、课程简介本课程是计算机科学与技术专业的一门专业必修课，是在学生学完计算机基础课程之后，为加强对学生技术应用能力的培养而开设的实现静态网页制作的综合应用的一门课程。本课程的目的和任务是使学生获得静态网站开发基本理论、基本知识与基本技能，了解网站开发过程中各种网页常见元素的设计与开发。本课程以当前流行的网页制作工具dreamweaver为例，使学生掌握html，css，javascript三种常见的静态网页开发

2、技术来制作网页。二、课程教学目标通过本课程的学习，学生应实现如下目标：1、知识目标：了解：网站开发基础知识，网站的发布与管理等。掌握：常见的网页设计开发工具dreamweaver的使用，html技术的使用，css层叠样式表的使用，脚本语言javascript的使用。2、能力目标：（1）能阅读html代码，会编的html代码；（2）会使用css样式表美化网页；（3）能过使用javascript实现页面的交互；（4）会使用dreamweaver设计网页。三、课程教学基本要求能综合运用静态网页设计三种基本技术设计静态网页，为以后的动态网页设计开发打好基础。课程教学模块（或教学内容）与学时分配1、理论

3、教学部分序号教学模块知识点学时1.网站开发基础知识了解：互联网的访问过程和工作机制；常用的开发工具；站点的建立过程理解：网页设计中的基本概念和常见技术；网站建设的流程22静态网页制作了解：html的发展过程理解： html5中新增的文档结构元素和表单元素掌握：在网页中插入文字、表格、图像等元素2了解：设置网页内元素的格式；掌握超级链接和表单、表格及内嵌框架23美化网页了解：css基础知识理解：css常见属性的设置掌握：css基本语法规则和基本选择器；在html中使用css24规划网页-使用css实现精美布局了解：典型的css网页布局理解：css3网页布局 掌握：css盒模型；css布局常见属性

4、25动态网页-使用javascript技术了解：javascript语言的概念和特点掌握：javascript的基本语法知识26使用javascript对象编程了解：javascrpt对象的基本概述理解：自定义对象；浏览器对象 掌握：javascript内置对象；html dom对象了解：27实现用户与页面的交互-事件处理了解：javascript事件的基本概念理解：javascript事件的类型和事件对象掌握：常见事件的使用22、实践部分序号实验项目名称内容摘要实验学时实验类型开出要求1静态网页制作在网页中插入文字、表格、图像等元素，设置网页内元素的格式、超级链接和表单、表格及内嵌框架4设计

5、性必做2美化和规划网页使用css美化和规划网页2设计性必做3javascript技术使用javascript技术设计动态网页4设计性必做使用javascript对象编程4设计性必做使用javascript用户交互2设计性必做五、教学方法与策略1、讲授法：理论基础知识部分：网站开发基础知识；html技术的简介；书写规范；css基础知识；javascript技术的语法知识以及javascript中不同对象概述等内容放在理论课程中完成。三种静态网页技术在设计网页中的使用则通过理论课讲解过程中相应的案例来实现。2、实验课：通过实验课程要求掌握常用的网页开发工具dreamweaver来进行网页的开发。掌

6、握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版)，人民邮电出版社