《Web开发基础课程标准.docx》由会员分享，可在线阅读，更多相关《Web开发基础课程标准.docx（10页珍藏版）》请在三一文库上搜索。
1、Web开发基础课程标准表i课程基本信息课程类别专业课总学时64(理论：实验：32 )学分3开设学期第九学期适用专业“3+4”分段培养计算机应用技术(中职)与软件工程(本科)专业授课方式理论+实验执笔人审核人制定时间(一)课程性质与任务课程性质：Web开发基础是软件工程专业培养课程体系中的一门专业必修课程，其包含了软件行业 WebFF发领域的关键技术基础知识( HTML CSS及JavaScript等)。该课程 的设置充分考虑了其在 Web开发领域的关键性作用、目前市场广泛的应用需求和良好的就业 前景，注重学生对理论基础知识、专业技能的理解、掌握。课程任务：通过本课程的学习，使学生理解HTML
2、CSS及JavaScript等基本的理论知识；掌握应用上述理论知识，制作基本网页、设计网页布局、实现多样化及良好客户体验的页面效果等应用技能；培养学生的创新意识，设计特色网页。(二)课程教学目标通过本课程的学习， 使学生掌握 Web开发技术的基本理论知识， 具备一定的应用开发技 能，培养学生工程意识、创新能力和素质。1 .知识目标(1) 了解本课程内容在 Web开发领域的定位与作用；(2) 了解HTML CSS及JavaScript技术的发展脉络、趋势及应用前景；(3) 掌握HTML中的基本元素、文字与段落元素、图像元素、列表元素、表格元素、超链接元素、多媒体元素、框架元素及表单元素的语法、属
3、性和参数等基础知识；(4) 掌握CSS中元素的语法、属性和参数等基础知识；(5) 了解网页布局的几种方法，掌握使用CSS进行网页布局、样式设计的基础知识；(6)掌握JavaScript 中的基本语法知识；(7)掌握JavaScript进行提交内容校验、生成网页特效等方法。2.能力目标(1)具备使用HTML制作包含基本内容的网页的能力；(2)具备使用HTMLM CSS?技术来设计网页布局的能力；(3)具备使用JavaScript技术来提高网页交互性、体验性的能力；(4)具备综合使用 HTML CSS与JavaScript的相关知识，来丰富、渲染网页的能力；(5)具备根据具体应用需求，创新性地设计
4、网页的能力。3.素质目标(1)培养学生具备克服困难解决问题的意志；(2)培养学生养成严谨认真的科学态度，耐心细致的工作作风；(3)培养学生具备良好的交流沟通素养和创新精神。(三)参考学时64 (理论：32实验：32)(四)课程学分4学分(五)课程内容和要求(理论 48学时，实验16学时)本课程的主要内容有：HTML主要包括网页基本组成元素，网页框架、超文本链接、表 单、表格、层等。CSS产要包括修改网页元素，主要包括修改文字颜色及背景、调整字符 间距、单词间距、添加文字修饰、设置文本排列方式、设置段落缩进、调整行高、转换英文 大小写、设置颜色、设置背景颜色、插入背景图片、设置背景图片位置、设计
5、边框样式、调 整边框宽度、设置边框颜色、设置边框属性等。JavaScript ,包括JavaScript 基本语法、基本数据类型、运算符、函数、JavaScript事件分析、图片和多媒体文件的使用、JavaScript 对象的应用、浏览器内部对象、内置对象和方法等。本课程要求学生了解 web编程技术的产生和发展过程，会使用HTM蹄写网页，会用CSS 对网页样式进行设计，会使用JavaScript实现一些客户端的数据验证及网页特效，达到一般企业用人标准。表2课程内容与学时安排表序号教学项目教学内容与教学要求活动设计建议参考课时(理论+实验)1第1章HTML、CSS、JavaScript 综述这就
6、是 HTML、CSS、JavaScript 的代码HTML、CSS JavaScript各自的角色如何学习 HTML CSSJavaScript小实例 HTML CSS(1)采用理论课讲授 形式(2)布置学生提前预 习，查找资料，课堂讲 授中，穿插发言、讨论 的形式，来进行授课2JavaScript 的综合应用2第2章HTML基础介绍HTML文档的结构HTML基本语法HTML文件的命名编写HTML文件的注意事项(1)采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，编写一个 HTML简 单文件进行示例讲解23第3章HTML文件的整体结构文件头部内容主体内容v body(1 )采
7、用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出关于 的 程序示例进行讲解24实验1制作简 单的HTM助面使用网页基本组成兀素，编写一个简单的HTML页面，运行查有效果(1)采用实验课形式(2)建议布置学生提前复习所学习的相关HTML元素的语法、属性及参数知识25第4章义字与段落编辑内容义字效果义字修饰段落v p小实例文字网贝(1)采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出关于文字与段 落元素的的程序示例 进行讲解26第5章建立和使用列表列表类型嵌套列表小实例列表在网贝中的使用(1)采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外
8、，给出关于列表的程 序示例进行讲解27第6章超链接超链接概述超链接的路径(1)采用理论课讲授形式2超链接的建立设置图像映射小实例超链接的使用(2)布置学生提前预 习，除讲授基本知识 外，给出超链接的程序 示例进行讲解8第7章表格的应用表格概述插入表格v table 设置表格标记属性设置表格行与单元格表格嵌套小实例表格在网贝中的应用(1)采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出表格相关的程 序示例进行讲解49实验2练习使用表格和和列表要求使用表格、列表对数据进行格式化的显示(1)采用实验课形式(2)建议布置学生提前复习所学习的表格、 列表等元素的语法、属性及参数知识
9、210第8章层的应用图层的创建一一vdiv 创建嵌套图层层的属性设置小实例一一图层的实际应用(1 )采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出图层相关的程 序示例进行讲解311第9章框架的应用框架概述框架的基本结构设置框架设置 框架集v frameset浮动框架v iframe 在框架上建立链接小实例一一框架的实际应用(1 )采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出框架相关的程 序示例进行讲解312实验3练习使用框架练习使用框架，来规划、设计页面内容，包括使用 及 框(1)采用实验课形式(2)建议布置学生提前复习所学习的框架2架技术兀素
10、的语法、属性及参数知识13第10章表单的应用表单概述表单标记v form 信息输入v input 小实例表单的实际应用(1)采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出表单相关的程 序示例进行讲解214实验4练习使用表单练习使用表单，包括其 action 及 method 属性，并 练习使用表单中的元素， 包括文本框、列表框、文 本域、单选框、复选框和 按钮等内容(1)采用实验课形式(2)建议布置学生提前复习所学习的表单 及表单内相关元素的 语法、属性及参数知识215第11章CSS样式表基础CSS的概述CSS的使用插入CSS样式表编写CSS文件(1 )采用理论课讲授
11、形式(2)布置学生提前预 习，除讲授基本知识 外，给出使用CSS编 写简单CSS勺程序示例 进行讲解216第12章字体的设置设 置 字体 一一font-family设置子号font-size设置字体样式font-style设置字体加粗一一font-weight设置字体变体一一font-variant组合设置字体属性一一font小实例一一综合设置字体(1)采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出通过CSS设置 字体相关的程序示例 进行讲解217实验5练习使 用CSS对字体 进行设置练习使用 CSS在HTML文 件里进行调用，对字体进 行设置，包括了对字体、 字号、字
12、体样式、加粗、字体变体、字体属性等的 设置(1)采用实验课形式(2)建议布置学生提前复习所学习的表单 及表单内相关元素的 语法、属性及参数知识218第13章文本的精细排版调整字符间距一一letter-spacing调整单词间距word-spacing添加文字修饰一一text-decoration设置文本排列方式一一text-align设置段落缩进text-indent调 整 行 tWj line-height转换英文大小写一一text-transform小实例一一综合应用文本属性(1 )采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出CSS对文本进 行精密排版相关的程 序
13、示例进行讲解219实验6使用CSS来对文本进行精细排版要求编写CSSt件，在HTML 文件里进行调用，控制DIV 显示效果，练习调整字符 间距、单词间距、文字修 饰、文本排列方式、段落 缩进、行高英文大小写等 内容(1)采用实验课形式(2)建议布置学生提前复习所学习的CSS吾法知识220第14章图片和多媒体文件的使用图片滚动义字插入多媒体文件一一Vembed添加背景首乐一一V(1)采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出图片和多媒体2bgsound 小实例一一综合设置图片和多媒体文件相关的程序示例进行讲解21第15章CSS样式的高级应用列表定位CSS层鼠标指针cu
14、rsor小实例一一综合设置层样式(1)采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出CSS羊式相关 高级应用的程序示例 进行讲解222实验7熟练使用 CSS+DIV 等兀素进行网页布局设计理解网页布局的几种方法，重点使用 CSS+DIV进行网贝布局设计(1)采用实验课形式(2)建议布置学生提前复习所学习的使用CSS+DIV的网页布局知识223第16章颜色和背景设置颜色color设置背景颜色一一background-color插入背景图片一一background-image插入背景附件一一background-attachment设置重复背景图片一一background-
15、repeat设置背景图片位置一一background-position小实例一一综合设置颜色和背景(1 )采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出CSS设置颜色 和背景相关的程序示 例进行讲解224第17章边框和边距设计边框样式border-style调整边框宽度一一border-width设置边框颜色一一border-color(1 )采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出CSS设置边框 和边距相关的程序示2设置边框属性border边.品巨margin-top/margin-bottom/margin-left/margin-ri
16、ght/margin填充一一padding-top/padding-bottom/padding-left/padding- right/padding小实例一一综合设置边框和边距例进行讲解25第 18 章JavaScript 基础JavaScript 语百概况 爱-个JavaScript 程序(1)采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，设一个简单的 JavaScript程序进行讲解226第 19 章JavaScript 基本语法基本数据类型运算符程序结构函数小实例一一修改密码(1)采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出相关的程序示
17、例进行讲解327第 20 章JavaScript 事件分析事件概述主要事件分析其他常用事件(1)采用理论课讲授 形式(2)布置学生提前预 习，除讲授基本知识 外，给出事件相关的程 序示例进行讲解328第 21 章JavaScript 对象的应用对象概述浏览器内部对象内置对象和方法(1 )采用理论课讲授形式(2)布置学生提前预2习，除讲授基本知识外，给出 JavaScript对象相关的程序示例进行讲解29实验8编写JavaScript 程序进行页面验证要求编写一个 JS程序文 件，在另一个文件中对属 性进行赋值，对方法进行 引用，能够进行页面验证 等功能(1)采用实验课形式(2)建议布置学生提
18、前复习所学习的JavaScript 语法知识2(六)教学建议1 .教学方法本门课程教学中应注意激发和保持学生的学习兴趣，采用灵活的教学方法和先进的教学手段，加强理论与实际的联系， 加强课前、课后的答疑辅导，组织学生自我经验叙述、讨论、问题教学、阅读指导等。(1)借助范例教学，以点带面，突出重点在理论知识讲授过程中， 应适当选取基本点、 重点内容，对其设计相关范例， 进行教学， 来提高、巩固学生对该理论知识的认知水平，让学生可以理论结合实践，不仅限于纸面，更可深入到具体的范例场景，加深理解。(2)分组讨论式教学方法。学生按照要求，进行预习、查阅资料等， 在课堂上再根据教师的问题进行分组讨论，并由
19、各组选派一名同学发言回答老师所提问题，并由本组的其他同学补充，讲述完毕后，由教师及其他各组的同学讨论、提问。2 .评价方法本课程的教学环节包括课堂讲授，课堂讨论和期末考试。通过加强基础、面向实际、引导思维、启发创新，使学生获得理论知识，培养理论联系实际的能力。总评成绩=过程性考核(30%) + 终结性考核(70%)3 .教学条件拥有多媒体教室、实验中心等设施，能够确保教师课堂讲授、学生实践训练的需求。4 .教材选编编选本教材根据教学标准编写活页教材，课程实践中优化编著适应性教材(1)课程教材1刘西杰，柳林.HTML CSS JavaScript网页制作一一从入门到精通 M.人民邮电 出版社.2013(2)参考教材1王津涛.网页设计与开发一一 HTML CSS JavaScript （21世纪高等学校规划教材） M.清华大学出版社.2012年2吕凤顺，王爱华，王轶凤.HTML+CSS+JavaScript网页制作实用教程（新世纪高职高 专课程与实践系列教材）M.清华大学出版社.2012年