Web开发基础教学大纲.doc

《Web开发基础教学大纲.doc》由会员分享，可在线阅读，更多相关《Web开发基础教学大纲.doc（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、?Web前端设计根底?教学大纲适用专业：计算机科学与技术、软件工程、物联网课程类别：非学位课，专业根底课课程学时：51学时周2+1学时课程编号：9051404课程学分：3学分一、 课程性质?Web前端设计根底?课程是计算机科学与技术、软件工程、物联网工程专业的一门专业根底课程，以Web根本概念与Web标准为基准点、通过对Web前端主流开发技术的学习与研究，让学生理解与掌握HTML5、CSS3以及JavaScript脚本语言的相关知识，通过这门课程的教学，不仅使学生通过工程实践培养学生开发与设计Web站点的根本技能，更要使学生充分了解Web思想，为进一步学习后续课程打下良好的根底。二、 课程教学

2、目标与根本要求本课程的教学目标是让学生理解HTML5、CSS3以及JavaScript脚本语言的根本语法，掌握常用的Web页面布局技术，理解并熟练应用JavaScript常用对象的属性方法，使用DOM技术编写页面的客户端程序，通过工程实训，培养学生具备设计实现Web客户端页面的初步能力。本课程教学根本要求是让学生理解Web设计的根本原那么、栏目与网站目录构造定义、标准页面布局方法、导航菜单制作、图文排版、页面交互等方面的根底知识；能够熟练运用HTML5中的文字、链接、列表、表格、表单、图像、多媒体等标记语言设计制作网页；熟练掌握CSS3对网页进展布局与修饰的根本方法；掌握JavaScript脚

3、本语言的根本语法，理解对象的概念及使用JavaScript来编写客户端脚本程序。三、 课程内容其中标记为难点第一局部第1章 HTML 5简介 1.1 HTML历史与HTML 5 1.2 HTML 5的优势 1.3 HTML 5的根本构造与语法变化 1.4 本章小结 第2章 HTML 5的常用元素与属性 2.1 HTML 5保存的常用元素 2.2 HTML 5新增的通用属性 2.3 HTML 5新增的常用元素2.4 HTML 5头部与元信息 2.5 HTML 5新增的拖放API 2.6 本章小结 第3章 HTML 5表单相关元素与属性 3.1 HTML原有的表单及表单控件 3.2 HTML 5新

4、增的属性与元素 3.3 HTML 5增强的文件上传域 3.4 HTML 5新增的客户端校验 3.5 本章小结 第4章 HTML 5的绘图支持 4.1 使用canvas元素 4.2 绘图 4.3 图形特效处理 4.4 控制叠加风格 4.5 控制填充风格 4.6 位图处理 4.7 输出位图 4.8 本章小结 第5章 HTML 5的多媒体支持 5.1 使用audio与video元素5.2 使用JavaScript脚本控制媒体播放 5.3 事件监听 5.4 本章小结 第二局部第6章 级联样式单与CSS选择器 6.1 样式单概述 6.2 CSS样式单的根本使用 6.3 CSS选择器 6.4 伪元素选择器

5、6.5 CSS 3.0新增的伪类选择器 6.6 在脚本中修改显示样式 6.7 本章小结 第7章 字体与文本相关属性7.1 字体相关属性 7.2 CSS 3支持的颜色表示方法 7.3 文本相关属性 7.4 CSS 3新增的效劳器字体 7.5 本章小结 第8章 背景、边框与补丁相关属性 8.1 背景相关属性8.2 边框相关属性 8.3 补丁相关属性 8.4 本章小结 第9章 大小、定位、轮廓相关属性 9.1 大小相关属性 9.2 定位相关属性 9.3 轮廓相关属性 9.4 本章小结 第10章 盒模型与布局相关属性 10.1 布局相关属性 10.2 盒模型与display属性 10.3 对盒添加阴影

6、10.4 CSS 3的多栏布局 10.5 本章小结 第11章 表格、列表相关属性及media query 11.1 表格相关属性 11.2 列表相关属性 11.3 控制光标的属性11.4 media query功能 11.5 本章小结 第12章 变形与动画相关属性 12.1 CSS 3提供的变形支持 12.2 CSS 3提供的Transition动画 12.3 CSS 3提供的Animation动画12.4 本章小结 四、 学时分配 教学周次教 学 内 容教学环节学时讲课习题实验上机课外小计1第1章 Web技术概述222第2章 HTML5根底223第3章 HTML5内容构造与文本2244第4章

7、 HTML5超连接第5章 HTML5多媒体2245第6章 HTML5表格第7章 HTML5表单2246第8章 CSS根底227第9章 页面布局定位228第9章 页面布局定位2249第10章 元素外观属性22410第11章 伪类与伪元素2211第12章 CSS3变换、过渡与动画2212第13章 页面内容样式设计第14章 网站制作流程与发布22413第15章 ECMAScript根底第16章 ECMAScript语句2214第17章 行为与对象22415第18章 DOM第19章 HTML DOM对象22416第20章 HTML5 DOM22417第21章 BOM22总 计341852五、 实验安排

8、本课程需要安排实验课，以引导学生正确运用所学知识解决实际问题，实验方法与步骤参见教材。序号教学周次实验名称类型学时13叮叮书店首页内容构造的建立综合224叮叮书店首页超连接的使用、叮叮书店首页图像的使用综合235叮叮书店购物车页面的建立、叮叮书店联系我们页面的建立综合248叮叮书店首页布局样式设计综合259叮叮书店首页外观样式设计综合2612叮叮书店首页超链接、伪类与动画样式设计、导航菜单综合2714叮叮书店首页显示日期与时间综合2815叮叮书店首页图片切换广告的实现、叮叮书店联系我们页面表单数据验证综合2916叮叮书店书籍分类页面拖放图书到购物车综合2六、 教材?Web前端设计根底HTML5

9、、CSS3、JavaScript? 张树明编著 清华大学出版社 20七、 考核方式及要求考核方式为考察，成绩为百分制，再折合成优秀、良好、中等、及格、不及格。总成绩 = 平时学习过程70%+ 开放性考试30%平时学习过程考核标准细那么考核工程等级标准预习反应20%认真预习，主动思考，提出高质量问题，积极向教师反应。有预习笔记。3能够预习，能够思考，能够提出问题，能及时向教师反应。有预习笔记。2能够预习，但不思考，没有提出问题，能及时向教师反应。有预习笔记。1不预习，不思考，没有提出问题，也不及时向教师反应。没有预习笔记。0学习状态10%完全投入课堂学习。3学习状态较好。2学习状态差 如迟到、早

10、退、上课吃零食、睡觉、玩游戏等。1缺勤病事假、旷课。旷课不允许后补课堂实验，病事假经教师允许可以在规定时间内后补课堂实验，缺勤超过5次及以上视为平时学习过程考核不及格，旷课5次及以上视为放弃课程考核。0课堂研讨15%积极参与课堂讨论，主动发言答复下列问题并正确，有记录。4较好地参与课堂讨论，能够发言答复下列问题并根本正确，有记录。3能够参与课堂讨论，能够发言答复下列问题，有记录。2能够参与课堂讨论，不发言答复下列问题，无记录。1不参与课堂讨论，不发言答复下列问题，无记录。0课堂实验15%能在规定的时间内完成实验题目，逻辑清晰，代码标准，结果正确。3能在规定的时间内完成实验题目，结果根本正确。2

11、能在规定的时间内完成实验题目，但结果不正确。1复制或抄袭，无法答复所作实验相关内容。0课外作业或测试25%独立、认真完成作业。4较好完成作业。3全部完成作业。2未全部完成作业或与要求不符。1复制或抄袭。0说明：等级标准标记为数字，值越大者等级越高。课堂研讨与课堂实验不同时记录考核，即课堂研讨与课堂实验共同占15%。在平时学习过程考核的任何环节发现抄袭或复制者，第一次记为最低等，也就是零分，第二次直接在平时成绩中扣减20分。平时学习过程考核设立特殊奖励政策，在整个学习过程中，对某些知识点有独创性见解或学习过程中在某些环节表现优异等，经教师认可，可额外加分1-5分，累加最高分为5分，在平时考核分值根底上增加，如果超过70分，计70分。从第三教学周开场，每周都要按学习过程考核标准进展考核，记录考核等级，最后核算为分数，作为平时成绩。考核等级每周公布一次，学生如有疑问，可与教师沟通协商，公布一周后，不得更改。请假超过5次含5次，平时成绩记为不及格，旷课超过5次含5次，视为放弃本课程考核。请假假设有课堂研讨与课堂实验考核可在请假一周内补交。开放性考试考核在规定时间内100分钟完成一个指定形式页面的建立。评分标准如下：评分项分值文档构造6标准布局6导航菜单6内容样式6编码标准6教学大纲编写者：计算机科学与技术教研室执笔人：张树明第 11 页