教学大纲 课程名称:网页制作基础教程 总学时数:20+16 上机学时:16 、说明部分 1.课程性质:面向全校文、理学生的一门公共选修课程 2.教学目标及意义:本课程的目的是通过对HML、 XHTML、CSS等技术的学习,使学生了解网页制作 技术的发展历史,能够使用网页制作的基本技术制作静态的网页,主要是让学生体会到内容与格式 分离的DIV+CSS的网页制作思想。 3.教学内容及教学要求:知识方面:了解Web站点的基本概念;理解不同浏览器对不用的标签语言特 别是CSS的解释会有所差异,熟练掌握HM文档结构和各种标记的使用:掌握CSS技术,能够使用CSS 进行网页内容格式化的修饰和网页布局的设计;熟练掌握利用HTM标记进行页面设计的方法和技 巧:熟练掌握利用DIV+VSS进行页面设计与布局的方法和技巧。 4.教学重点、难点:见章节 5.教学方法与手段:多媒体教学、上机试验 、正文部分 第一章网页设计基础知识 教学要求 了解:网站的有关名词,如:Ww服务器、Web节点、网页、网站、主页( Homepage)、浏览器 (Browser)超级链接http(hypertexttransmissionprotocol),Url(UniFormResource Locator)、html( hypertext markup language)语言等 常用的不同类型的浏览器, 主要是掌握采用HTML技术制作的网页的基本组成结构 掌握:网站设计的基本思路 教学内容 1.1网页设计的基本概念
教学大纲 课程名称：网页制作基础教程 总学时数：20+16 上机学时：16 一、说明部分 1.课程性质：面向全校文、理学生的一门公共选修课程； 2.教学目标及意义：本课程的目的是通过对HTML、XHTML、CSS等技术的学习，使学生了解网页制作 技术的发展历史，能够使用网页制作的基本技术制作静态的网页，主要是让学生体会到内容与格式 分离的DIV+CSS的网页制作思想。 3.教学内容及教学要求：知识方面：了解Web站点的基本概念；理解不同浏览器对不用的标签语言特 别是CSS的解释会有所差异，熟练掌握HTML文档结构和各种标记的使用；掌握CSS技术，能够使用CSS 进行网页内容格式化的修饰和网页布局的设计；熟练掌握利用HTML标记进行页面设计的方法和技 巧；熟练掌握利用DIV+VSS进行页面设计与布局的方法和技巧。 4.教学重点、难点：见章节 5.教学方法与手段：多媒体教学、上机试验 二、正文部分 第一章 网页设计基础知识 一、教学要求 了解:网站的有关名词，如：WWW服务器、Web节点、网页、网站、主页（Homepage）、浏览器 (Browser)、超级链接、http（hypertext transmission protocol）、URL(Uniform Resource Locator)、html（hypertext markup language）语言等； 常用的不同类型的浏览器， 主要是掌握采用HTML技术制作的网页的基本组成结构。 掌握：网站设计的基本思路； 二、教学内容 1.1网页设计的基本概念
1.2网页设计基础知识 1.3常用的浏览器 1.4网页的结构知识要点:网页的结构及常用的浏览器类型 本章学时数:1学时 第二章HM头部信息 、教学要求 了解:HTML语言的头部信息 掌握:学习HTM头部的元信息标签和使用方法。 二、教学内容 2.1HTML头部信息 2.2标题 title 2.3元信息:meta以及与搜索引擎的关系 2.4网页关键字、网页描述、网页作者、网页生成器 2.5限定搜索引擎的搜索方式 2.6网页的自动跳转和切换特效 2.7网页的body背景颜色、背景图片、超链接颜色、页边距和HM注释 、本章学时数:1学时 第三章网页内容的格式化 教学要求 掌握:网页文档中添加文本和文本的格式化方法、插入水平线、跑马灯的使用 、教学内容 3.1掌握文本设置方法 3.2掌握段落的设置方法 3.3掌握滚动效果设置方法 3.4掌握水平线的使用方法知识要点:文本和段落的格式化
1.2网页设计基础知识 1.3常用的浏览器 1.4网页的结构知识要点：网页的结构及常用的浏览器类型 三、本章学时数：1学时 第二章 HTML头部信息 一、教学要求 了解：HTML语言的头部信息； 掌握：学习HTML头部的元信息标签和使用方法。 二、教学内容 2.1 HTML头部信息 2.2 标题title 2.3 元信息：meta以及与搜索引擎的关系 2.4 网页关键字、网页描述、网页作者、网页生成器 2.5 限定搜索引擎的搜索方式 2.6网页的自动跳转和切换特效 2.7网页的body背景颜色、背景图片、超链接颜色、页边距和HTML注释 三、本章学时数：1学时 第三章 网页内容的格式化 一、教学要求 掌握：网页文档中添加文本和文本的格式化方法、插入水平线、跑马灯的使用 二、教学内容 3.1 掌握文本设置方法 3.2 掌握段落的设置方法 3.3 掌握滚动效果设置方法 3.4 掌握水平线的使用方法知识要点：文本和段落的格式化
本章学时数:1学时 第四章列表的使用 、教学要求 了解列表的概念理解列表和列表项的关系 理解列表符号的概念 熟练掌握各种列表的使用方法 、教学内容 4.1学习无序列表的使用 4.2学习自定义列表的使用 4.3学习有序列表的使用 44学习嵌套列表的使用 知识难点:列表的嵌套使用 、本章学时数:1学时 第五章多媒体的使用 、教学要求 熟练掌握图片在网页中的使用; 了解图像地图的定义和使用 熟练掌握背景音乐的使用 熟练在网页中嵌入视频的方法。 教学内容 5.1在网页中插入图片 5.2在网页中使用图像地图 5.3为网页添加背景音乐 5.4在网页中嵌入视频动画 知识要点:相对路径和绝对路径的区别
三、本章学时数：1学时 第四章 列表的使用 一、教学要求 了解列表的概念理解列表和列表项的关系 理解列表符号的概念 熟练掌握各种列表的使用方法 二、教学内容 4.1 学习无序列表的使用 4.2 学习自定义列表的使用 4.3 学习有序列表的使用 4.4 学习嵌套列表的使用 知识难点：列表的嵌套使用 三、本章学时数：1学时 第五章 多媒体的使用 一、教学要求 熟练掌握图片在网页中的使用； 了解图像地图的定义和使用 熟练掌握背景音乐的使用 熟练在网页中嵌入视频的方法。 二、教学内容 5.1 在网页中插入图片 5.2 在网页中使用图像地图 5.3 为网页添加背景音乐 5.4 在网页中嵌入视频动画 知识要点：相对路径和绝对路径的区别
本章学时数:2学时 第六章超级链接的使用 、教学要求 熟悉超级链接的概念和分类; 熟练掌握各种超级链接的使用方法; 、教学内容 6.1错点链接 6.2外部链接 6.3E-mail链接 6.4FTP链接 6.5 telnet链接 6.6脚本链接 6.7空链接 知识要点:超级链接的使用 、本章学时数:1学时 第七章表格的使用 、教学要求 熟悉表的组成部分: 熟练掌握表格各种属性的意义和使用 教学内容 7.1表格的标题 7.2表格的表头 7.3表格的主体 7.4表格的尾 7.5表格的行
三、本章学时数：2学时 第六章 超级链接的使用 一、教学要求 熟悉超级链接的概念和分类； 熟练掌握各种超级链接的使用方法； 二、教学内容 6.1 锚点链接 6.2 外部链接 6.3 E-mail链接 6.4 FTP链接 6.5 telnet链接 6.6 脚本链接 6.7 空链接 知识要点：超级链接的使用 三、本章学时数：1学时 第七章 表格的使用 一、教学要求 熟悉表的组成部分； 熟练掌握表格各种属性的意义和使用； 二、教学内容 7.1 表格的标题 7.2表格的表头 7.3表格的主体 7.4表格的尾 7.5表格的行
7.6表格的列 7.7表格的各种属性 知识要点:表格及单元格各种属性的使用 本章学时数:2学时 第八章框架和表单的使用 、教学要求 熟悉框架集、框架的概念、框架分割的方式 熟练掌握表单及各种表单对象的使用 二、教学内容 8.1框架和框架集以及分割方式 8.2设置目标框架的妙用 8.3浮动框架的使用 8.4表单和表单行为 8.5文本框、单选按钮、复选按钮、文本域、下拉菜单、按钮的使用 知识要点:框架的分割和表单对象的使用 、本章学时数:1学时+8学时上机 第九章XTM 、教学要求 了解XHTM的概念和HTML的区别 熟练 XHTML的语法要求 、教学内容 9.1 XHTML简介 9.2XHTM页面结构 9.3 XHTML的要求(语法规范) 知识要点: XHTML的语法规范
7.6表格的列 7.7表格的各种属性 知识要点：表格及单元格各种属性的使用 三、本章学时数：2学时 第八章 框架和表单的使用 一、教学要求 熟悉框架集、框架的概念、框架分割的方式； 熟练掌握表单及各种表单对象的使用； 二、教学内容 8.1 框架和框架集以及分割方式 8.2 设置目标框架的妙用 8.3 浮动框架的使用 8.4 表单和表单行为 8.5 文本框、单选按钮、复选按钮、文本域、下拉菜单、按钮的使用 知识要点：框架的分割和表单对象的使用 三、本章学时数：1学时+8学时上机 第九章 XHTML 一、教学要求 了解XHTML的概念和HTML的区别； 熟练XHTML的语法要求； 二、教学内容 9.1 XHTML简介 9.2 XHTML页面结构 9.3 XHTML的要求（语法规范） 知识要点：XHTML的语法规范
本章学时数:1学时 第十章CSS的基础知识 、教学要求 了解CSS的基本概念 掌握将CSS加入网页的3种不同方法 掌握CSS选择器的使用 、教学内容 10.1CSS的基本概念及工作原理 10.2将CSS与XHML绑在一起 10.3CSS选择器的分类和使用 10.4CSS中的继承和层叠 知识要点:CSS选择器的使用和层叠 、本章学时数:2学时 第十一章滤镜的基础知识 、教学要求 了解滤镜基本概念 掌握各种滤镜的使用方法 、教学内容 11.1滤镜的格式 2不透明度、动感模糊、阴影、翻转、X光等滤镜的使用 知识要点:滤镜的使用 、本章学时数:1学时 第十二章CSS的格式控制 、教学要求 掌握CSS对文本格式的控制
三、本章学时数：1学时 第十章 CSS的基础知识 一、教学要求 了解CSS的基本概念 掌握将CSS加入网页的3种不同方法 掌握CSS选择器的使用 二、教学内容 10.1 CSS的基本概念及工作原理 10.2 将CSS与XHTML绑在一起 10.3 CSS选择器的分类和使用 10.4 CSS中的继承和层叠 知识要点：CSS选择器的使用和层叠 三、本章学时数：2学时 第十一章 滤镜的基础知识 一、教学要求 了解滤镜基本概念 掌握各种滤镜的使用方法 二、教学内容 11.1 滤镜的格式 11.2 不透明度、动感模糊、阴影、翻转、X光等滤镜的使用 知识要点：滤镜的使用 三、本章学时数：1学时 第十二章 CSS的格式控制 一、教学要求 掌握CSS对文本格式的控制
掌握CSS对段落的控制 掌握CSS对列表的控制 、教学内容 12.1CSS对文本的控制,包括文本的颜色、字号、字体、字形,加粗以及大小写字母的转换等12.2 CSS对段落的控制,包括对齐方式,行高,边距、首行、首字母格式的控制 12.3CSS对列表格式的控制 12.4利用CSS和浮动制作菜单 知识要点:文本、段落的格式控制 、本章学时数:2学时 第十三章盒子模型 、教学要求 领会CSS的盒子模型 掌握边框、边距、填充的概念 掌握盒子模型的使用 掌握边距碰撞和折叠的现象和解决办法 掌握正常流和浮动的概念 掌握背景图片的使用和对图片重复的控制 、教学内容 13.1盒子模型中的边界、填充、边距 13.2边框、填充、边距的使用 13.3了解边界碰撞和边距折叠现象 13.4理解正常流的概念和浮动的概念 13.5利用浮动进行网页布局的调整 13.6利用背景图片,掌握背景固定,重复和图片位置的控制 知识要点:盒子模型和背景图片
掌握CSS对段落的控制 掌握CSS对列表的控制 二、教学内容 12.1 CSS对文本的控制，包括文本的颜色、字号、字体、字形，加粗以及大小写字母的转换等12.2 CSS对段落的控制，包括对齐方式，行高，边距、首行、首字母格式的控制 12.3 CSS对列表格式的控制 12.4 利用CSS和浮动制作菜单 知识要点：文本、段落的格式控制 三、本章学时数：2学时 第十三章 盒子模型 一、教学要求 领会CSS的盒子模型 掌握边框、边距、填充的概念 掌握盒子模型的使用 掌握边距碰撞和折叠的现象和解决办法 掌握正常流和浮动的概念 掌握背景图片的使用和对图片重复的控制 二、教学内容 13.1 盒子模型中的边界、填充、边距 13.2 边框、填充、边距的使用 13.3 了解边界碰撞和边距折叠现象 13.4 理解正常流的概念和浮动的概念 13.5 利用浮动进行网页布局的调整 13.6 利用背景图片，掌握背景固定，重复和图片位置的控制 知识要点：盒子模型和背景图片
本章学时数:2学时 第十四章网页排版和定位 、教学要求 掌握CSS超级链接的设置方法 理解绝对定位和相对定位的意义 掌握div、span的使用方法 掌握利用绝对定位和相对定位进行网页布 局掌握使用浮动进行网页布局 二、教学内容 14.1关于超级链接的伪类及使用方法 14.2绝对定位 14.3相对定位及和绝对定位的结合 14.4使用div对网页进行逻辑分割 14.5使用浮动进行网页布局 14.6使用相对定位和绝对定位进行网页布局 知识要点:网页布局 、本章学时数:2学时+8学时上机
三、本章学时数：2学时 第十四章 网页排版和定位 一、教学要求 掌握CSS超级链接的设置方法 理解绝对定位和相对定位的意义 掌握div、span的使用方法 掌握利用绝对定位和相对定位进行网页布 局掌握使用浮动进行网页布局 二、教学内容 14.1 关于超级链接的伪类及使用方法 14.2 绝对定位 14.3 相对定位及和绝对定位的结合 14.4 使用div对网页进行逻辑分割 14.5 使用浮动进行网页布局 14.6 使用相对定位和绝对定位进行网页布局 知识要点：网页布局 三、本章学时数：2学时+8学时上机