Web前端开发简明教程(HTML+CSS+JavaScript+jQuery)教学大纲

高级网页设计与制作

Advanced Web Design and Implementation

一、课程编号：

二、课程类别：

三、课程性质：选修课

四、学时： 48（讲课学时：24 实验学时：上机学时：24 课外学时：）

五、学分： 3

六、先修课程要求：无

七、适用专业：计算机相关专业

八、适用年级、学期：二年级第1学期

九、课程目的及任务：

本课程是面向计算机相关专业学生开设的一门专业选修课程，培养学生WEB 开发中的前端界面设计能力，为后续课程的学习奠定基础。

本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括如何在网页上显示文字、图片、表格、表单等；利用CSS技术对网页上内容进行排版，并设置相关格式；利用JavaScript技术对网页内容进行操作，实现一些动态效果。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。

十、课程内容及基本要求（重点、难点、知识掌握程度及考核要求）：

第1部分 HTML

第 1 章 HTML 概述

第 2 章 HTML 文本与图像

第 3 章 HTML 列表

第 4 章 HTML 表格

第 5 章 HTML 表单

第 6 章 HTML 5

要求：掌握HTML文档的结果，掌握标签、属性等的使用；掌握在页面上输出文字、段落，设置字体；掌握有序列表、无序列表的使用，能制作简单导航栏；掌握图片、背景与颜色的使用；掌握链接的使用，能使用超链接下载文件；掌握使用表格来表示数据和布局，用CSS对表格进行美化；掌握使用表单来与用户交互。第2部分 CSS语法基础

第 7 章 CSS 基础

第 8 章 CSS 盒子模型

第 9 章 CSS 字体与文本

第 10 章 CSS 列表与表格

第 11 章 CSS 定位

要求：掌握CSS的基本语法，掌握伪类与伪元素的使用；掌握CSS属性的使用，重点掌握定位、边距、填充属性。

第3部分 JavaScript基础

第 12 章 JavaScript 基础

第 13 章 JavaScript 应用

要求：掌握JavaScript的基本语法、流程控制、内置对象、事件的使用，能用JavaScript实现简单的页面元素验证及动态效果制作。

第4部分JQuery

第 14 章 jQuery 应用

要求：掌握用JQuery选择器选择页面元素，熟悉常用的JQuery事件，并利用JQuery知识制作一些特殊的页面效果。

十一、教学方法与手段：

本课程计划采用讲授法、讨论法和实际应用相结合的教学方法。主要教学方式和手段是用多媒体课件进行演示和讲解。

十二、学时安排：

十三、实验内容及要求：

本课程没有传统实验，安排24学时上机。

十四、考核方式：

闭卷考试。

十五、推荐教材及教学参考书：

教材：

Web 前端开发简明教程（HTML+CSS+JavaScript+jQuery）

参考书：

CSS入门经典（第3版），Ian Pouncey，清华大学出版社：2011

精通DIV+CSS 3网页布局与样式，刘增杰、刘海松，清华大学出版社：2011 JavaScript从入门到精通，明日科技，清华大学出版社：2012

十六、制定单位：