Web开发基础课程标准_第1页
Web开发基础课程标准_第2页
Web开发基础课程标准_第3页
Web开发基础课程标准_第4页
Web开发基础课程标准_第5页
已阅读5页,还剩15页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

《Web开发基础》课程标准表1课程基本信息课程类别专业课课程代码412总学时64(理论:32\实验:32)学分3开设学期第九学期合用专业“3+4"分段贯通应用型本科"3+4”分段贯通应用型本科“3+4”分段贯通应用型本科合用专业“3+4"分段培养计算机应用技术(中职)与软件工程(本科)专业授课方式理论+实验执笔人审核人制定期间2023.01(一)课程性质与任务课程性质:《Web开发基础》是软件工程专业培养课程体系中的一门专业必修课程,其包含了软件行业Web开发领域的关键技术基础知识(HTML,CSS及JavaScript等)。该课程的设立充足考虑了其在Web开发领域的关键性作用、目前市场广泛的应用需求和良好的就业前景,注重学生对理论基础知识、专业技能的理解、掌握。课程任务:通过本课程的学习,使学生理解HTML、CSS及JavaScript等基本的理论知识;掌握应用上述理论知识,制作基本网页、设计网页布局、实现多样化及良好客户体验的页面效果等应用技能;培养学生的创新意识,设计特色网页。(二)课程教学目的通过本课程的学习,使学生掌握Web开发技术的基本理论知识,具有一定的应用开发技能,培养学生工程意识、创新能力和素质。1.知识目的(1)了解本课程内容在Web开发领域的定位与作用;(2)了解HTML、CSS及JavaScript技术的发展脉络、趋势及应用前景;(3)掌握HTML中的基本元素、文字与段落元素、图像元素、列表元素、表格元素、超链接元素、多媒体元素、框架元素及表单元素的语法、属性和参数等基础知识;(4)掌握CSS中元素的语法、属性和参数等基础知识;(5)了解网页布局的几种方法,掌握使用CSS进行网页布局、样式设计的基础知识;(6)掌握JavaScript中的基本语法知识;(7)掌握JavaScript进行提交内容校验、生成网页特效等方法。2.能力目的(1)具有使用HTML制作包含基本内容的网页的能力;(2)具有使用HTML及CSS等技术来设计网页布局的能力;(3)具有使用JavaScript技术来提高网页交互性、体验性的能力;(4)具有综合使用HTML、CSS与JavaScript的相关知识,来丰富、渲染网页的能力;(5)具有根据具体应用需求,创新性地设计网页的能力。3.素质目的(1)培养学生具有克服困难解决问题的意志;(2)培养学生养成严谨认真的科学态度,耐心细致的工作作风;(3)培养学生具有良好的交流沟通素养和创新精神。(三)参考学时64(理论:32\实验:32)(四)课程学分4学分(五)课程内容和规定(理论48学时,实验16学时)本课程的重要内容有:HTML,重要涉及网页基本组成元素,网页框架、超文本链接、表单、表格、层等。CSS,产要涉及修改网页元素,重要涉及修改文字颜色及背景、调整字符间距、单词间距、添加文字修饰、设立文本排列方式、设立段落缩进、调整行高、转换英文大小写、设立颜色、设立背景颜色、插入背景图片、设立背景图片位置、设计边框样式、调整边框宽度、设立边框颜色、设立边框属性等。JavaScript,涉及JavaScript基本语法、基本数据类型、运算符、函数、JavaScript事件分析、图片和多媒体文献的使用、JavaScript对象的应用、浏览器内部对象、内置对象和方法等。本课程规定学生了解web编程技术的产生和发展过程,会使用HTML编写网页,会用CSS对网页样式进行设计,会使用JavaScript实现一些客户端的数据验证及网页特效,达成一般公司用人标准。表2课程内容与学时安排表序号教学项目教学内容与教学规定活动设计建议参考课时(理论+实验)(理论+实验)(理论+实验)1第1章HTML、CSS、JavaScript综述1.1这就是HTML、CSS、JavaScript的代码1.2HTML、CSS、JavaScript各自的角色1.3如何学习HTML、CSS、JavaScript1.4小实例——HTML、CSS、JavaScript的1.4综合应用(1)采用理论课讲授形式(2)布置学生提前预习,查找资料,课堂讲授中,穿插发言、讨论的形式,来进行授课(2)布置学生提前预习,查找资料,课堂讲授中,穿插发言、讨论的形式,来进行授课(2)布置学生提前预习,查找资料,课堂讲授中,穿插发言、讨论的形式,来进行授课(2)布置学生提前预习,查找资料,课堂讲授中,穿插发言、讨论的形式,来进行授课22第2章HTML基础介绍2.1HTML文档的结构2.2HTML基本语法2.3HTML文献的命名2.4编写HTML文献的注意事项(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,编写一个HTML简朴文献进行示例讲解(2)布置学生提前预习,除讲授基本知识外,编写一个HTML简朴文献进行示例讲解(2)布置学生提前预习,除讲授基本知识外,编写一个HTML简朴文献进行示例讲解(2)布置学生提前预习,除讲授基本知识外,编写一个HTML简朴文献进行示例讲解23第3章HTML文献的整体结构3.1文献头部内容3.2主体内容<body>(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出关于<body>的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出关于<body>的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出关于<body>的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出关于<body>的程序示例进行讲解24实验1制作简朴的HTML页面使用网页基本组成元素,编写一个简朴的HTML页面,运营查看效果(1)采用实验课形式(2)建议布置学生提前复习所学习的相关HTML元素的语法、属性及参数知识(2)建议布置学生提前复习所学习的相关HTML元素的语法、属性及参数知识(2)建议布置学生提前复习所学习的相关HTML元素的语法、属性及参数知识25第4章文字与段落4.1编辑内容4.2文字效果4.3文字修饰4.4段落<p>4.5小实例——文字网页(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出关于文字与段落元素的的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出关于文字与段落元素的的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出关于文字与段落元素的的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出关于文字与段落元素的的程序示例进行讲解26第5章建立和使用列表5.1列表类型5.2嵌套列表5.3小实例——列表在网页中的使用(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出关于列表的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出关于列表的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出关于列表的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出关于列表的程序示例进行讲解27第6章超链接6.1超链接概述6.2超链接的途径6.3超链接的建立6.4设立图像映射6.5小实例——超链接的使用(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出超链接的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出超链接的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出超链接的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出超链接的程序示例进行讲解28第7章表格的应用7.1表格概述7.2插入表格<table>7.3设立表格标记属性7.4设立表格行与单元格7.5表格嵌套7.6小实例——表格在网页中的应用(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出表格相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出表格相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出表格相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出表格相关的程序示例进行讲解49实验2练习使用表格和和列表规定使用表格、列表对数据进行格式化的显示(1)采用实验课形式(2)建议布置学生提前复习所学习的表格、列表等元素的语法、属性及参数知识(2)建议布置学生提前复习所学习的表格、列表等元素的语法、属性及参数知识(2)建议布置学生提前复习所学习的表格、列表等元素的语法、属性及参数知识210第8章层的应用8.1图层的创建——<div>8.2创建嵌套图层8.3层的属性设立8.4小实例——图层的实际应用(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出图层相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出图层相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出图层相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出图层相关的程序示例进行讲解311第9章框架的应用9.1框架概述9.2框架的基本结构9.3设立框架9.4设立框架集<frameset>9.5浮动框架<iframe>9.6在框架上建立链接9.7小实例——框架的实际应用(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出框架相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出框架相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出框架相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出框架相关的程序示例进行讲解312实验3练习使用框架练习使用框架,来规划、设计页面内容,涉及使用<frameset>及<iframe>框架技术(1)采用实验课形式(2)建议布置学生提前复习所学习的框架元素的语法、属性及参数知识(2)建议布置学生提前复习所学习的框架元素的语法、属性及参数知识(2)建议布置学生提前复习所学习的框架元素的语法、属性及参数知识213第10章表单的应用10.1表单概述10.2表单标记<form>10.3信息输入<input>10.4小实例——表单的实际应用(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出表单相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出表单相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出表单相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出表单相关的程序示例进行讲解214实验4练习使用表单练习使用表单,涉及其action及method属性,并练习使用表单中的元素,涉及文本框、列表框、文本域、单选框、复选框和按钮等内容(1)采用实验课形式(2)建议布置学生提前复习所学习的表单及表单内相关元素的语法、属性及参数知识(2)建议布置学生提前复习所学习的表单及表单内相关元素的语法、属性及参数知识(2)建议布置学生提前复习所学习的表单及表单内相关元素的语法、属性及参数知识215第11章CSS样式表基础11.1CSS的概述11.2CSS的使用11.3插入CSS样式表11.4编写CSS文献(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出使用CSS、编写简朴CSS的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出使用CSS、编写简朴CSS的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出使用CSS、编写简朴CSS的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出使用CSS、编写简朴CSS的程序示例进行讲解216第12章字体的设立12.1设立字体——font-family12.2设立字号——font-size12.3设立字体样式——font-style12.4设立字体加粗——font-weight12.5设立字体变体——font-variant12.6组合设立字体属性——font12.7小实例——综合设立字体(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出通过CSS设立字体相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出通过CSS设立字体相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出通过CSS设立字体相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出通过CSS设立字体相关的程序示例进行讲解217实验5练习使用CSS对字体进行设立练习使用CSS,在HTML文献里进行调用,对字体进行设立,涉及了对字体、字号、字体样式、加粗、字体变体、字体属性等的设立(1)采用实验课形式(2)建议布置学生提前复习所学习的表单及表单内相关元素的语法、属性及参数知识(2)建议布置学生提前复习所学习的表单及表单内相关元素的语法、属性及参数知识(2)建议布置学生提前复习所学习的表单及表单内相关元素的语法、属性及参数知识218第13章文本的精细排版13.1调整字符间距——letter-spacing13.2调整单词间距——word-spacing13.3添加文字修饰——text-decoration13.4设立文本排列方式——text-align13.5设立段落缩进——text-indent13.6调整行高——line-height13.7转换英文大小写——text-transform13.8小实例——综合应用文本属性(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出CSS对文本进行精密排版相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出CSS对文本进行精密排版相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出CSS对文本进行精密排版相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出CSS对文本进行精密排版相关的程序示例进行讲解219实验6使用CSS来对文本进行精细排版规定编写CSS文献,在HTML文献里进行调用,控制DIV显示效果,练习调整字符间距、单词间距、文字修饰、文本排列方式、段落缩进、行高英文大小写等内容(1)采用实验课形式(2)建议布置学生提前复习所学习的CSS语法知识(2)建议布置学生提前复习所学习的CSS语法知识(2)建议布置学生提前复习所学习的CSS语法知识220第14章图片和多媒体文献的使用14.1图片14.2滚动文字14.3插入多媒体文献——<embed>14.4添加背景音乐——<bgsound>14.5小实例——综合设立图片和多媒体(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出图片和多媒体文献相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出图片和多媒体文献相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出图片和多媒体文献相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出图片和多媒体文献相关的程序示例进行讲解221第15章CSS样式的高级应用15.1列表15.2定位15.3CSS层15.4鼠标指针——cursor15.5小实例——综合设立层样式(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出CSS样式相关高级应用的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出CSS样式相关高级应用的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出CSS样式相关高级应用的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出CSS样式相关高级应用的程序示例进行讲解222实验7纯熟使用CSS+DIV等元素进行网页布局设计理解网页布局的几种方法,重点使用CSS+DIV进行网页布局设计(1)采用实验课形式(2)建议布置学生提前复习所学习的使用CSS+DIV的网页布局知识(2)建议布置学生提前复习所学习的使用CSS+DIV的网页布局知识(2)建议布置学生提前复习所学习的使用CSS+DIV的网页布局知识223第16章颜色和背景16.1设立颜色——color16.2设立背景颜色——background-color16.3插入背景图片——background-image16.4插入背景附件——background-attachment16.5设立反复背景图片——background-repeat16.6设立背景图片位置——background-position16.7小实例——综合设立颜色和背景(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出CSS设立颜色和背景相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出CSS设立颜色和背景相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出CSS设立颜色和背景相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出CSS设立颜色和背景相关的程序示例进行讲解224第17章边框和边距17.1设计边框样式——border-style17.2调整边框宽度——border-width17.3设立边框颜色——border-color17.4设立边框属性——border17.5边距——margin-top/margin-bottom/margin-left/margin-right/margin17.6填充——padding-top/padding-bottom/padding-left/padding-right/padding17.7小实例——综合设立边框和边距(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出CSS设立边框和边距相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出CSS设立边框和边距相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出CSS设立边框和边距相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出CSS设立边框和边距相关的程序示例进行讲解225第18章JavaScript基础18.1JavaScript语言概况18.2第一个JavaScript程序(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,设计一个简朴的JavaScript程序进行讲解(2)布置学生提前预习,除讲授基本知识外,设计一个简朴的JavaScript程序进行讲解(2)布置学生提前预习,除讲授基本知识外,设计一个简朴的JavaScript程序进行讲解(2)布置学生提前预习,除讲授基本知识外,设计一个简朴的JavaScript程序进行讲解226第19章JavaScript基本语法19.1基本数据类型19.2运算符19.3程序结构19.4函数19.5小实例——修改密码(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出相关的程序示例进行讲解327第20章JavaScript事件分析20.1事件概述20.2重要事件分析20.3其他常用事件(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出事件相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出事件相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出事件相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出事件相关的程序示例进行讲解328第21章JavaScript对象的应用21.1对象概述21.2浏览器内部对象21.3内置对象和方法(1)采用理论课讲授形式(2)布置学生提前预习,除讲授基本知识外,给出JavaScript对象相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出JavaScript对象相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出JavaScript对象相关的程序示例进行讲解(2)布置学生提前预习,除讲授基本知识外,给出JavaScript对象相关的程序示例

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论