网页设计与Web前端开发教与学（含教学大纲和教案）

Posted 2021-04-08 书圈

《网页设计与Web前端开发》课程教学大纲

一、课程基本信息

1．课程编号：AA06300

2．课程名称：网页编程基础

3. 适用专业：信息管理与信息系统，软件工程

4．课程简介：本课程是为信息管理及软件工程专业学生开设的一门实践性很强的计算机应用课程。通过本课程的学习，让学生能够掌握静态网页的制作以及html5标记语言的运用，并掌握CSS3与javascript脚本语言编程的基本方法与技巧，具备网页前端编程开发的基础能力。

二、课程说明

1．教学目的和要求：本课程目标是使学生掌握网页编程的基础知识，包括HTML5语言、CSS3、及网页制作脚本语言JavaScript，具备网页前端编程与开发的基本技能，并在此基础上对网页编程技术的全貌有定性的了解，为系统开发模块方向的进一步学习打下坚实的基础。

2．前继课程：《高级语言程序设计》等

3. 后续课程：《J2EE构架》》 、《软件测试》等

4．周课时、总学时：周学时4；总学时56，理论36，实验20。

5．开课学期：信息管理专业第3学期，软件工程专业第1学期。

6．考试方法：平时成绩20%，实验成绩20%，期中检查10%，期末考试50%。

7、教学方式: 在课堂教学中采用多媒体辅助教学与电子教案，40学时用于课堂讲授，24学时用于上机实践。按照课程的每个阶段，要求学生做相应的上机实验，以达到本课程教学目的。

三、课程内容与 学时分布

 

教学周	教学内容	学时
第1周	第1章  网页设计与Web前端基础 本章主要介绍Web、网站和网页相关的概念，包括Web的基本概念、体系结构等相关概念，网页编程的3类标准，望网站开发的工作流程及常用的网页制作软件。 通过本章的学习，了解Web的相关概念和网页编程的标准，理解网站开发的工作流程，能够进行简单的网站规划及申请网页空间。	2
第1-2周	第2章   HTML常用标签 本章主要讲解网页中的常用标签及属性的用法，包括文本、图片及超链接标签。 通过本章的学习，深入了解并掌握HTML常用标签在网站实际页面内容建设中的应用。	6
第3-5周	第3章 使用CSS3样式表 本章主要讲解CSS3基本语法，包括CSS样式的定义和应用，CSS的高级语法及常用的CSS3属性。 通过本章的学习，理解CSS的基本概念和用法，能够使用CSS3的常用属性实现网页样式定义及站点外观统一。	12
第6-8周	第4章  使用HTML+CSS布局网页 本章主要讲解HTML+CSS布局的概念和方法，包括浮动布局、定位布局，以及针对图片、表单、表格和内联框架的布局。 通过本章的学习，理解常见的三种定位机制及布局方法，初步掌握DIV+CSS页面布局的技能。 由于本课程的课时限制，CSS进阶应用及PC端网页布局综合案例实战作为学生的课后自学和选学内容。	12
第9-10周	第5章  HTML5+CSS3移动网站布局 本章主要讲解HTML5的新增标签和CSS3的新增选择器，过渡、动画及变换等常用的CSS3属性，以及CSS3的新增属性，最后是CSS3弹性盒模型和移动端网站自适应布局的主要原理和方法。 通过本章的学习，熟悉HTML5和CSS的新增特点，掌握其中常见的标签、选择器和属性的应用。 由于本课程的课时限制，CSS弹性盒模型和移动端网站自适应布局作为学生的课后自学和选学内容。	8
第11-14周	第6章    使用JavaScript脚本 本章主要讲解JavaScript的基本概念、语法及使用JavaScript操作HTML标签属性及CSS样式的常用方法，最后是常用的网页对象及操作方法。 通过本章的学习，在理解JavaScript基本概念和语法的基础上，能够熟练使用JavaScript操作网页元素、对象和属性。 由于课时限制，localStorage对象和Web交互开发案例实战作为学生的课后自学和选学内容。	16
	第7章   图形绘制 本章主要讲解Canvas的概念、相关知识和使用方法。 通过本章的学习，了解并掌握Canvas绘图技术及其在动画设计中的应用。   由于课时限制，本章作为学生的课后自学和选学内容。	0

 

 

提供PPT课件，源码，答案，教案，视频，大纲 

定价：79.80元

ISBN：9787302534532

以上是关于网页设计与Web前端开发教与学（含教学大纲和教案）的主要内容，如果未能解决你的问题，请参考以下文章

Java课程教与学（思政教案+多学时大纲+视频+题库）

HTML前端设计教与学（32/48/60学时教学大纲+视频）

Java Web编程教与学（教学大纲+视频）

C#程序设计教程 | 教与学（教学大纲）

Java语言程序设计教与学（32和48学时教学大纲）

操作系统的教与学（教学大纲）