《网页设计与制作(HTML+CSS)》课程教学大纲

（课程英文名称）

课程编号：201409210011 学 分：5学分

学 时： 64学时 （其中：讲课学时：45 上机学时： 19 ） 先修课程：计算机基础、计算机网络、计算机应用 后续课程：UI设计 javascript网页特效 适用专业：信息及其计算机相关专业 开课部门：计算机系

一、课程的性质与目标

《网页设计与制作(HTML+CSS)》是面向计算机相关专业的一门专业基础课，涉及计算机基础、互联网等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果、学会制作各种企业，门户，电商类网站。

二、课程的主要内容及基本要求

第一章 HTML与CSS网页设计概述（4学时）

[知 识 点]

? ? ? ? ? ?

Web的基础知识 HTMLl简介 CSS简介

常用浏览器介绍

Dreamweaver 工具使用

利用Dreamweaver创建第一个页面

[重 点]

? HTML简介

? Dreamweaver工具使用

[难 点]

? Dreamweaver工具 创建第一个页面

[基本要求]

? 了解HTML版本的发展历程

? 掌握Dreamweaver工具的使用，能够使用Dreamweaver创建一个包含html结

构和CSS样式的简单网页。

第二章 HTML入门（6学时）

[知 识 点]

? ? ? ? ? ? ?

HTML基本语法结构 HTML 标记属性

HTML 常用文本控制标记 HTML 文本格式化标记 HTML 图像标记

HTML 相对路径和绝对路径 HTML 图文混排技巧

[重 点]

? ? ? ?

HTML基本语法结构

HTML 常用文本控制标记 HTML 图像标记

HTML 相对路径和绝对路径

[难 点]

? HTML 标记属性的使用 ? HTML 相对路径和绝对路径

[基本要求]

? 掌握HTML基本语法结构 ? 掌握HTML中常用的文本标记 ? 区分什么是相对路径和绝对路径 ? 掌握HTML图像标记的使用 ? 掌握图片混排常用技巧

[阶段案例]

使用HTML文本控制标记、HTML图像标记及相关标记的属性实现网页中常见的图文混排效果，如下图所示。

第三章 CSS 入门（8学时）

[知 识 点]

? ? ? ? ? ? ? ?

CSS入门知识 CSS样式规则

CSS样式表书写位置 CSS基础选择器 CSS字体样式属性 CSS样式外观属性 CSS复合选择器 CSS层叠性和优先级

[重 点]

? CSS样式规则

? CSS基础和复合选择器 ? CSS层叠性和优先级

[难 点]

? CSS复合选择器 ? CSS优先级

[基本要求]

? 理解CSS语法结构

? 了解CSS在网页中的重要性 ? 熟悉CSS书写的位置

? 掌握CSS基础和复合选择器 ? 掌握CSS层叠性和优先级

[阶段案例]

通过CSS文本样式属性控制网页中的文本，制作网页中常见的新闻页面，效果如下图所示。

第四章 盒子模型（6学时）

[知 识 点]

? ? ? ? ?

盒子模型理论知识 CSS盒子模型属性 元素类型的分类 元素类型的相互转换 盒子外边距合并问题

[重 点]

? 盒子模型属性 ? 元素类型分类 ? 元素类型相互转换

[难 点]

? 盒子模型复合属性

? 盒子模型总的宽度和高度 ? 元素类型及其转换

[基本要求]

? 理解盒子模型 ? 掌握盒子模型属性

? 掌握盒子模型中复合属性的写法 ? 掌握元素类型及其转换方法

[阶段案例]

综合运用盒子模型的相关属性，制作网页中常见的盒子效果，如下图所示。

第五章 列表与超链接（4学时）

[知 识 点]

? ? ? ? ? ? ?

有序列表 无序列表 自定义列表

CSS控制列表样式 超链接 锚点链接

CSS控制链接样式

[重 点]

? 无序列表 ? 自定义列表

? CSS控制列表样式

[难 点]

? CSS控制列表样式

[基本要求]

? ? ? ? ?

掌握列表的三种分类 熟悉列表的嵌套

熟练掌握CSS控制列表样式 掌握链接标记的使用

掌握结构与样式相分离的写法

[阶段案例]

使用列表与超链接标记组织页面，并通过CSS控制列表与超链接的样式实