html js css 简明教程,Web前端开发简明教程（HTML+CSS+JavaScript+jQuery）_教学大纲（2页）-原创力文档...

高级网页设计与制作

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实现简单的页面元素验证及动态效果制作。

JQuery

第 14 章 jQuery 应用

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

教学方法与手段：

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

学时安排：

序号

教学内容

学时

1

HTML基本概念、文字、图文混排、段落、图片

8

2

列表、表格

4

3

表单

4

4

CSS语法基础

4

5

CSS盒子模型、字体与文本

4

6

CSS表格与列表

4

7

CSS定位

4

8

JavaScript基本语法

4

9

JavaScript 应用

4

10

JQuery应用

4

11

综合实例

4

合计

48

实验内容及要求：

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

考核方式：

闭卷考试。

推荐教材及教学参考书：

教材：

Web 前端开发简明教程(HTML+CSS+JavaScript+jQuery)，邓春晖、秦映波，人民邮电出版社 ：2017

参考书：

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

精通DIV+CSS 3网页布局与样式，刘增杰、刘海松，清华大学出版社：2011

JavaScript从入门到精通，明日科技，清华大学出版社：2012

制定单位：