《网页设计与制作(HTML+CSS)》教学大纲概要.doc

《网页设计与制作(HTML+CSS)》课程教学大纲 （课程英文名称） 课程编号：201409210011 学 分：5学分 学 时： 64学时 （其中：讲课学时：45 上机学时： 19 ） 先修课程：计算机基础、计算机网络、计算机应用 后续课程：UI设计 javascript网页特效 适用专业：信息及其计算机相关专业 开课部门：计算机系 一、课程的性质与目标 《》是面向计算机专业的一门专业基础课，涉及计算机、等内容，通过本课程的学习，学生能够了解、 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控制列表与超链接的样式实现网页中常见的新闻列表效果，如下图所示。 新闻列表效果展示 鼠标以上链接文本效果 第六章 表格与表单（4学时） [知 识 点] 表格标记 表格结构 CSS控制表格 表单标签 表单控件 CSS控制表单 [重 点] 表格标签 CSS控制表格和表单 表单标签 [难 点] 表单标签 CSS控制表单 [基本要求] 掌握表格标记的使用 了解表格结构 掌握表单标记的使用 掌握CSS控制表单标记 [阶段案例] 使用表格与表单组织页面，并通过CSS控制表格与表单的显示样式，制作网页中常见的注册界面，效果如下图所示。 第七章 浮动与定位（8学时） [知 识 点] 元素的浮动 清除浮动 Overflow属性 元素的定位 z-index属性 [重 点] 元素浮动 元素定位 [难 点] 清除浮动 元素定位的分类 [基本要求] 掌握元素浮动 熟悉清除浮动的