博学谷——让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盒子模型属性 元素类型的分类 元素类型的相互转换 盒子外边距合并问题
[重 点]
? 盒子模型属性 ? 元素类型分类 ? 元素类型相互转换
[难 点]
? 盒子模型复合属性
? 盒子模型总的宽度和高度 ? 元素类型及其转换
[基本要求]
? ? ? ?
理解盒子模型 掌握盒子模型属性
掌握盒子模型中复合属性的写法 掌握元素类型及其转换方法
[阶段案例]
综合运用盒子模型的相关属性，制作网页中常见的盒子效果，如下图所示。