《Web开发基础》课程标准

更新时间：2023-09-03 20:44:01 阅读量：教育文库文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

web开发基础试题及答案推荐度：
相关推荐

《Web开发基础》课程标准

表1 课程基本信息

（一）课程性质与任务

课程性质：《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 课程内容与学时安排表

CSS、 JavaScript 的 1.4 综合应用 2.1 HTML 文档的结构第 2 章 HTML 基础介绍 2.2 HTML 基本语法 2.3 HTML 文件的命名 2.4 编写 HTML 文件的注意事项 (1)采用理论课讲授形式 (2)布置学生提前预习，除讲授基本知识外，编写一个 HTML 简单文件进行示例讲解 (1)采用理论课讲授第 3 章 HTML 3 文件的整体结构形式 3.1 文件头部内容 3.2 主体内容<body> (2)布置学生提前预习，除讲授基本知识外，给出关于 <body> 的程序示例进行讲解 (1)采用实验课形式实验 1 制作简 4 单的 HTML 页面使用网页基本组成元素， (2)建议布置学生提编写一个简单的 HTML 页面，运行查看效果前复习所学习的相关 HTML 元素的语法、属性及参数知识 (1)采用理论课讲授 4.1 编辑内容第 4 章文字与段落 4.2 文字效果 4.3 文字修饰 4.4 段落<p> 4.5 小实例——文字网页形式 (2)布置学生提前预习，除讲授基本知识外，给出关于文字与段落元素的的程序示例进行讲解 (1)采用理论课讲授 5.1 列表类型 6 第 5 章建立和使用列表 5.2 嵌套列表 5.3 小实例——列表在网页中的使用形式 (2)布置学生提前预习，除讲授基本知识外，给出关于列表的程序示例进行讲解 7 第 6 章超链接 6.1 超链接概述 6.2 超链接的路径 (1)采用理论课讲授形式 2 2 2 2 2 2

6.3 超链接的建

立 6.4 设置图像映射 6.5 小实例——超链接的使用 7.1 表格概述 7.2 插入表格<table> 第 7 章表格的应用 7.3 设置表格标记属性 7.4 设置表格行与单元格 7.5 表格嵌套 7.6 小实例——表格在网页中的应用

(2)布置学生提前预习，除讲授基本知识外，给出超链接的程序示例进行讲解 (1)采用理论课讲授形式 (2)布置学生提前预习，除讲授基本知识外，给出表格相关的程序示例进行讲解 (1)采用实验课形式 4

实验 2 练习使 9 用表格和和列表

要求使用表格、列表对数据进行格式化的显示

(2)建议布置学生提前复习所学习的表格、列表等元素的语法、属性及参数知识 2

8.1 图层的创建——< div (1)采用理论课讲授 > 10 第 8 章层的应用 8.2 创建嵌套图层 8.3 层的属性设置 8.4 小实例——图层的实际应用 9.1 框架概述 9.2 框架的基本结构 9.3 设置框架第 9 章框架的 11 应用 9.4 设置框架集<frameset > 9.5 浮动框架<iframe> 9.6 在框架上建立链接 9.7 小实例——框架的实际应用实验 3 练习使用框架练习使用框架，来规划、 (1)采用实验课形式设计页面内容，包括使用 (2)建议布置学生提 <frameset> 及 <iframe> 框架前复习所学习的框架 2 (1)采用理论课讲授形式 (2)布置学生提前预习，除讲授基本知识外，给出框架相关的程序示例进行讲解 3 形式 (2)布置学生提前预习，除讲授基本知识外，给出图层相关的程序示例进行讲解 3

技术

元素的语法、属性及参数知识

10.1 表单概述第 10 章表单的应用 10.2 表单标记<form> 10.3 信息输入<input> 10.4 小实例——表单的实际应用练习使用表单，包括其 action 及 method 属性，并 14 实验 4 练习使用表单练习使用表单中的元素，包括文本框、列表框、文本域、单选框、复选框和按钮等内容

(1)采用理论课讲授形式 (2)布置学生提前预习，除讲授基本知识外，给出表单相关的程序示例进行讲解 (1)采用实验课形式 (2)建议布置学生提前复习所学习的表单及表单内相关元素的语法、属性及参数知识 (1)采用理论课讲授 2 2

11.1 CSS 的概述 15 第 11 章 CSS 样式表基础 11.2 CSS 的使用 11.3 插入 CSS 样式表 11.4 编写 CSS 文件

形式 (2)布置学生提前预习，除讲授基本知识外，给出使用 CSS、编写简单 CSS 的程序示例进行讲解 2

12.1 设置字体 — — font-family 12.2 设置字号 — — font-size 12.3 设置字体样式 — — 第 12 章字体的设置 font-style 12.4 设置字体加粗 — — font-weight 12.5 设置字体变体 — — font-variant 12.6 组合设置字体属性— —font 12.7

小实例——综合设置 (1)采用理论课讲授形式 (2)布置学生提前预习，除讲授基本知识外，给出通过 CSS 设置字体相关的程序示例进行讲解 2

字体练习使用 CSS,在 HTML 文实验 5 练习使 17 用 CSS 对字体进行设置件里进行调用，对字体进行设置，包括了对字体、字号、字体样式、加粗、字体变体、字体属性等的设置 13.1 调整字符间距 — — letter-spacing 13.2 调整单词间距 — — word-spacing 13.3 添加文字修饰 — — text-decoration 13.4 设置文本排列方式— 第 13 章文本 18 的精细排版 —text-align 13.5 设置段落缩进 — — text-indent 13.6 调整行高 — — line-height 13.7 转换英文大小写—— text-transform 13.8 小实例——综合应用文本属性要求编写 CSS 文件，在 HTML 文件里进行调用，控实验 6 使用 19 CSS 来对文本进行精细排版制 DIV 显示效果，练习调整字符间距、单词间距、文字修饰、文本排列方式、段落缩进、行高英文大小写等内容第 14 章图片 20 和多媒体文件的使用 14.1 图片 14.2 滚动文字 14.3 插入多媒体文件—— <embed> (1)采用理论课讲授形式 (2)布置学生提前预习，除讲授基本知识 2 (1)采用实验课形式 (2)建议布置学生提前复习所学习的 CSS 语法知识 2 (1)采用理论课讲授形式 (2)布置学生提前预习，除讲授基本知识外，给出 CSS 对文本进行精密排版相关的程序示例进行讲解 2 (1)采用实验课形式 (2)建议布置学生提前复习所学习的表单及表单内相关元素的语法、属性及参数知识 2

14.4 添加背景音乐——< bgsound> 14.5 小实例——综合设置图片和多媒体 15.1 列表 15.2 定位 21 第 15 章 CSS 样式的高级应用 15.3 CSS 层 15.4 鼠标指针——cursor 15.5 小实例——综合设置层样式

外，给出图片和多媒体文件相关的程序示例进行讲解

(1)采用理论课讲授形式 (2)布置学生提前预习，除讲授基本知识外，给出 CSS 样式相关高级应用的程序示例进行讲解 (1)采用实验课形式 2

实验 7 熟练使 22 用 CSS+DIV 等元素进行网页布局设计

理解网页布局的几种方

(2)建议布置学生提 2

法，重点使用 CSS+DIV 进行前复习所学习的使用网页布局设计 CSS+DIV 的网页布局知识 16.1 设置颜色——color 16.2 设置背景颜色 — — background-color 16.3 插入背景图片 — — background-image (1)采用理论课讲授形式 (2)布置学生提前预习，除讲授基本知识外，给出 CSS 设置颜色和背景相关的程序示例进行讲解

第 16 章颜色和背景

16.4 插入背景附件 — — background-attachment 16.5 设置重复

背景图片— —background-repeat 16.6 设置背景图片位置— —background-position 16.7 小实例——综合设置颜色和背景 17.1 设计边框样式 — —

(1)采用理论课讲授形式 (2)布置学生提前预习，除讲授基本知识外，给出 CSS 设置边框 2

第 17 章边框和边距

border-style 17.2 调整边框宽度 — — border-width 17.3 设置边框颜色 — —

border-color 17.4 设置边框属性 — — border 17.5 边距 — —

和边距相关的程序示例进行讲解

margin-top/margin-bottom /margin-left/ margin-right/margin 17.6 填充 — —

padding-top/padding-botto m/padding-left/ right/padding 17.7 小实例——综合设置边框和边距 (1)采用理论课讲授形式第 25 18 章 18.1 JavaScript 语言概况 18.2 第一个 JavaScript 程序 (2)布置学生提前预习，除讲授基本知识外，设计一个简单的 JavaScript 程序进行讲解 19.1 基本数据类型第 26 19 章 19.2 运算符 19.3 程序结构 19.4 函数 19.5 小实例——修改密码 (1)采用理论课讲授形式 (2)布置学生提前预习，除讲授基本知识外，给出相关的程序示例进行讲解 (1)采用理论课讲授第 27 20 章 20.1 事件概述 20.2 主要事件分析 20.3 其他常用事件形式 (2)布置学生提前预习，除讲授基本知识外，给出事件相关的程序示例进行讲解第 28 21 章 21.1 对象概述 21.2 浏览器内部对象 (1)采用理论课讲授形式 2 3 3 2 padding-

JavaScript 基础

JavaScript 基本语法

JavaScript 事件分析

JavaScript 对象

（六）教学建议 1. 教学方法

本门课程教学中应注意激发和保持学生的学习兴趣，采用灵活的教学方法和先进的教学手段，加强理论与实际的联系，加强课前、课后的答疑辅导，组织学生自我经验叙述、讨论、问题教学、阅读指导等。

（1）借助范例教学，以点带面，突出重点

在理论知识讲授过程中，应适当选取基本点、重点内容，对其设计相关范例，进行教学，来提高、巩固学生对该理论知识的认知水平，让学生可以理论结合实践，不仅限于纸面，更可深入到具体的范例场景，加深理解。

（2）分组讨论式教学方法。

学生按照要求，进行预习、查阅资料等，在课堂上再根据教师的问题进行分组讨论，并由各组选派一名同学发言回答老师所提问题，并由本组的其他同学补充，讲述完毕后，由教师及其他各组的同学讨论、提问。

2. 评价方法

本课程的教学环节包括课堂讲授，课堂讨论和期末考试。通过加强基础、面向实际、引导思维、启发创新，使学生获得理论知识，培养理论联系实际的能力。