网页制作 课程
教
案
课程编号： 340006
总学时： 68学时 周学时： 2+2
适用年级专业（学科类）： 文科类
开课时间： 2006-2007学年第 二 学期
使用教材： 《网页制作三合一》（中国铁道出版社主编 刘铁英）
授课教师姓名： 刘铁英
第1讲
第1章网页设计概述
第2章 Dreamweaver 8 入门
课时
2+2
教学
目的
使学生了解Dreamweaver 8的安装与运行，熟悉Dreamweaver 8的工作环境。
了解规划网站栏目和网站目录结构的方法，熟悉组织网站素材及其整合。
教学
重点
难点
教学重点：让学生了解Dreamweaver 8的工作环境，掌握设计网站的目录结构。
教学难点：设计网站的目录结构。
教
学
过
程
一．思路：
通过实例讲解设计网站栏目和目录结构。演示Dreamweaver 8的安装过程及其工作环境，搜索、下载网页素材的方法。
二．要点
1．打开如新浪或搜狐网站讲解网站的栏目的规划；
2．通过自己的教学辅导网站讲解网站目录结构的设计；
3．演示Dreamweaver 8过程，讲解插入栏、文档工具栏、文档窗口、属性面板的功能和使用方法；
4．演示使用搜索引擎搜索、下载网页素材的方法，重点是图片素材、网页特效。
5．讲解通过FTP交作业的方法。
三．作业
《网页设计基础上机练习》，主要内容：
1．使用搜索引擎搜索网络资源
艘狐：http://www.sohu.com；百度：http://www.baidu.com.cn；Google：http://www.google.com等。
搜索内容(关键字)：“网页特效”、“素材库”、“网页设计教程”、“Flash动画”、“免费空间”等。
2．启动Dreamweaver 8熟悉他的工作环境。
3．练习通过FPT交作业的方法。
教学
后记
学生在保存图片素材时，很多保存的缩略图，而不是大图，上课时要给学生讲清楚；通过练习学会使用FPT交作业的方法。
第2讲
第3章 使用Dreamweaver 8创建站点
课时
2+2
教学
目的
使学生掌握规划网站栏目和网站目录结构的方法，熟悉组织网站素材及其整合，掌握创建网站和建立网页的方法、步骤。
教学
重点
难点
教学重点：规划网站栏目和网站目录结构的方法，熟悉组织网站素材及其整合，掌握创建网站和建立网页的方法、步骤。
教学难点：掌握创建网站和建立网页的方法、步骤。
教
学
过
程
一．思路：
通过实例进一步讲解设计网站栏目和目录结构的方法。演示建立本地站点的方法、创建网页的方法。
二．要点
1．通过一个网站的实例进一步讲解设计网站栏目和目录结构的方法，以及各栏目和目录结构的对应关系；
2．演示创建本地站点的方法：
(1)注意要先在硬盘（除C盘）上建立网站根目录（再做作业时用自己的“学号”），然后在^对`话框中“本地根文件夹”处选择建立好的目录；否则网站目录容易建错地方；
(2)在网站目录（学号）下建立图像文件夹“images”,利用上次课学到的方法将找到图片素材保存在 “images” 文件夹中备用；
3．建立一个简单网页：输入网页标题；从“文件”面板中将文件夹“images”中的一张图片拖入到网页中；输入姓名学号，以INDEX.HTM为名保存在“学号”文件夹中；
4．从辅导网站上打开交作业窗口，在WINDOWS资源管理器中找到网站根文件夹（学号）进行复制，然后粘贴到交作业窗口中的相应文件夹（每次作业一个文件夹）中。
三．作业
《建立本地站点上机练习》，主要内容：
1．建立本地站点；
2．下载所给素材；
3．按照“样板”之作一个简单网页，以INDEX.HTM保存在网站根目录下，通过FPT交作业。
教学
后记
上课时要强调在建立网站时，一定要先建立网站文件夹，如果已存在同名的文件夹，要将文件夹清空。注意：网站所有文件夹和文件名一概不能使用汉字！另外要将作业交到每次作业的文件夹中。
第3讲
第4章 页面设置、CSS简介
课时
2+2
教学
目的
使学生掌握使用页面设置面板设置：网页背景颜色、背景图像、网页边距；CSS样式表的建立和使用方法。
教学
重点
难点
教学重点：页面属性设置，CSS样式表的建立和使用方法。
教学难点：CSS样式表的建立和使用方法。
教
学
过
程
一．思路：
首先演示通过“网页属性”^对`话框设置网页属性的方法；然后通过事先建立好的CSS样式表演示他对提高网页制作效率的作用，最后讲解其制作方法。
二．要点
1．演示“网页属性”^对`话框设置：网页背景色、背景图片，页面边距，网页默认字体、字号、颜色，超级链接外观；网页标题直接在文档窗口设置即可；
2．附加事先做好的样式表，演示他对设置同类网页的好处；
3．演示制作CSS样式表的方法：
(1)“选择器类型”选择“类”，输入样式“名称”，选择“新建样式表文件”，并命名、保存在网站的文件夹中；
，网页制作三合一教程