web前端课程教学大纲.docVIP

《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. 网站开发基础知识 了解：互联网的访问过程和工作机制；常用的开发工具；站点的建立过程 理解：网页设计中的基本概念和常见技术；网站建设的流程 2 2 静态网页制作 了解：html的发展过程 理解： html5中新增的文档结构元素和表单元素 掌握：在网页中插入文字、表格、图像等元素 2 了解：设置网页内元素的格式；掌握超级链接和表单、表格及内嵌框架 2 3 美化网页 了解：css基础知识 理解：css常见属性的设置 掌握：css基本语法规则和基本选择器；在html中使用css 2 4 规划网页---使用css实现精美布局 了解：典型的css网页布局 理解：css3网页布局 掌握：css盒模型；css布局常见属性 2 5 动态网页--使用javascript技术 了解：javascript语言的概念和特点 掌握：javascript的基本语法知识 2 6 使用javascript对象编程 了解：javascrpt对象的基本概述 理解：自定义对象；浏览器对象 掌握：javascript内置对象；html dom对象了解： 2 7 实现用户与页面的交互---事件处理 了解：javascript事件的基本概念 理解：javascript事件的类型和事件对象 掌握：常见事件的使用 2 2、实践部分 序 号 实验项目名称 内容摘要 实验学时 实验类型 开出要求 1 静态网页制作 在网页中插入文字、表格、图像等元素，设置网页内元素的格式、超级链接和表单、表格及内嵌框架 4 设计性 必做 2 美化和规划网页 使用css美化和规划网页 2 设计性 必做 3 javascript技术 使用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分钟题量 方式二：上机测试，任课教师指定考核项目，学生在规定的时间内独立完成项目设计。