博学谷——让IT教学更简单，让IT学习更有效

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

（课程英文名称）

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

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

一、课程的性质与目标

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

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

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

[知 识 点]

? ? ? ? ? ?

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

常用浏览器介绍

Dreamweaver 工具使用

利用Dreamweaver创建第一个页面

[重 点]

? HTML简介

博学谷——让IT教学更简单，让IT学习更有效

? 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图像标记及相关标记的属性实现网页中常见的图文混排效果，如下图所示。

博学谷——让IT教学更简单，让IT学习更有效

第三章 CSS 入门（8学时）

[知 识 点]

? ? ? ? ? ? ? ?

CSS入门知识 CSS样式规则

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

[重 点]

? CSS样式规则

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

[难 点]

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

[基本要求]

? 理解CSS语法结构

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

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

[阶段案例]

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

博学谷——让IT教学更简单，让IT学习更有效

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

[知 识 点]

? ? ? ? ?

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

[重 点]

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

[难 点]

? 盒子模型复合属性

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

[基本要求]

? ? ? ?

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

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

[阶段案例]

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