前端 Web开发基础》课程标准

前端 Web开发基础》课程标准
前端Web开发基础》课程标准
表1 课程基本信息
课程类别：专业课
总学时：64学时（理论：32学时，实验：32学时）
开设学期：第九学期
适用专业：计算机应用技术（中职）与软件工程（本科）专业，“3+4”分段培养
授课方式：理论+实验
执笔人：3
审核人：2015.01
制定时间：2015.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）培养学生养成严谨认真的科学态度，耐心细致的工作作风。

建议布置学生提前复所研究的相关HTML元素的语法、属性及参数知识。

在第四章中，我们将研究文字与段落的编辑内容、文字效果和修饰、段落＜p＞以及小实例——文字网页形式。

在第五章中，我们将研究列表类型、嵌套列表和小实例——列表在网页中的使用形式。

在第六章中，我们将研究超链接概述、超链接的路径、超链接的建立、设置图像映射和小实例——超链接的使用。

在第七章中，我们将研究表格概述、插入表格＜table＞、设置表格标记属性、设置表格行与单元格、表格嵌套和小实例——表格在网页中的应用。

在第八章中，我们将研究图层的创建——＜div＞、创建嵌套图层、层的属性设置和小实例——图层的实际应用。

在第九章中，我们将研究框架概述、框架的基本结构、设置框架、设置框架集＜frameset＞、浮动框架＜iframe＞、在框架上建立链接和小实
例——框架的实际应用。

最后，在实验中，我们将练使用表格、列表和框架对数据进行格式化的显示，以及使用框架来规划、设计页面内容。

在这些章节中，我们将研究如何使用HTML元素来编辑、格式化和展示网页内容。

在实验中，我们将实践这些知识，并通过实际操作来加深理解。

在研究过程中，建议学生提前预，并且掌握基本知识和相关程序示例，以便更好地理解和掌握HTML元素的使用。

1) 实验课形式下，建议学生提前复所学的表单框架，包
括技术元素的语法、属性以及参数知识。

在实验中，学生将练使用表单，n和method属性，并使用表单元素，如文本框、
列表框、文本域、单选框、复选框和按钮等。

2) 理论课讲授形式下，建议学生提前预，除了基本知识外，还要给出表单相关的程序示例进行讲解。

3) 实验课形式下，建议学生提前复所学的表单及表单内
相关元素的语法、属性及参数知识。

4) 理论课讲授形式下，建议学生提前预，除了基本知识外，还要给出使用CSS和编写简单CSS的程序示例进行讲解。

5) 在实验5中，学生将练使用CSS对字体进行设置。

他
们将在HTML文档中调用这些设置，包括字体、字号、字体
样式、加粗、字体变体和字体属性等。

6) 在第13章中，学生将研究如何调整字符间距、单词间距、添加文字修饰、设置文本排列方式、设置段落缩进、调整行高以及转换英文大小写等文本属性。

在小实例中，他们将综合应用这些属性。

，重点研究使用CSS对文本进行精细排版的技巧，包括
字符间距、单词间距、文字修饰、文本排列方式、段落缩进和行高等内容。

实验6使用CSS来制作DIV显示效果，练调整字符间距、单词间距、文字修饰、文本排列方式、段落缩进和行高等内容。

第14章介绍了图片和多媒体文件的使用，包括图片的插入、滚动文字的使用以及插入多媒体文件的方法。

建议采用实验课形式进行教学，并建议学生提前复所学的CSS语法知识。

实验7旨在熟练使用CSS+DIV等元素进行网页布局设计，重点研究使用CSS+DIV进行网页布局设计的技巧。

第16章介绍了颜色和背景的设置，包括设置颜色、背景
颜色、插入背景图片、插入背景附件、设置重复背景图片和设置背景图片位置等内容。

第17章介绍了边框和边距的设计，包括设计边框样式、
调整边框宽度和设置边框颜色等内容。

建议采用理论课讲授形式，并布置学生提前预相关知识。

，除了讲授基本知识，还可以通过实际的CSS设置颜色
和背景相关的程序示例进行讲解。

在讲解边框属性时，可以通过布置学生提前预，来提高学生的研究效果。

边距也可以通过类似的方式进行讲解，/margin-bottom/margin-left/margin-
right/margin。

填充也是同样的道理，/padding-bottom/padding-
left/padding-right/padding进行讲解。

最后，可以通过一个小实
例来综合设置边框和边距。

在JavaScript语言概况方面，可以采用理论课讲授形式，
同时布置学生提前预，并设计一个简单的JavaScript程序进行
讲解。

在基本数据类型、运算符、程序结构和函数等方面，同样可以采用类似的方式进行讲解。

最后，可以通过一个小实例来修改密码。

在事件概述方面，同样可以采用理论课讲授形式，并布置学生提前预，同时给出事件相关的程序示例进行讲解。

在对象概述方面，同样可以采用理论课讲授形式，并布置学生提前预，同时给出JavaScript对象相关的程序示例进行讲解。

最后，建议采用实验课形式进行教学，并在布置实验任务前，提前复所学的JavaScript语法知识。

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

为了提高学生对理论知识的认知水平，我们应该在理论知识讲授过程中，适当选取基本点、重点内容，并为其设计相关范例进行教学。

这样，学生可以将理论与实践相结合，不仅限于纸面，还可以深入到具体的范例场景中，从而加深理解。

分组讨论式教学方法也是一种有效的教学方式。

学生可以在课前进行预和查阅资料，然后在课堂上按照教师的问题进行分组讨论。

每组选派一名同学回答老师的问题，并由其他同学补充。

讲述完毕后，教师和其他组的同学可以进行讨论和提问。

评价方法包括课堂讲授、课堂讨论和期末考试。

通过加强基础、面向实际、引导思维、启发创新，使学生获得理论知识，培养理论联系实际的能力。

总评成绩由过程性考核（30%）和
终结性考核（70%）组成。

教学条件应该包括多媒体教室、实验中心等设施，以确保教师的课堂讲授和学生的实践训练需求。

教材选编应该根据教学标准编写活页教材，并在课程实践中优化编著适应性教材。

我们可以选用以下教材：
1.《HTML、CSS、JavaScript网页制作——从入门到精通》（XXX、柳林著，XXX，2013年）
2.《网页设计与开发——HTML、CSS、JavaScript》
（XXX著，XXX，2012年，21世纪高等学校规划教材）。