网页制作三合一教程

admin

网页制作 课程
教
案
课程编号： 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)“选择器类型”选择“类”，输入样式“名称”，选择“新建样式表文件”，并命名、保管在网站的文件夹中；
(2)演示设置各级标题、正文的文字属性：在设置字体时，对于新装置的系统首先要编辑“字体列表”，然后设置：字体、字号、颜色、粗细、行高、修饰、等；
(3)在“区块”中可以设置：水平对齐方式；文字缩进量，如：对24号的文字缩紧2字符，应设置缩进48像素；
(4建立超级链接的样式，超级链接的样式不用选择，建好连接后会自动应用。
4．演示和加样式表文件，使用样式表文件格式化网页，建立超级链接；
三．作业
《页面设置与CSS样式表上机练习》，主要内容：
1．使用“网页属性”对话框设置网页属性；
2．和加样式表，并用其格式化网页；
3．建立超级链接。
教学
后记
CSS样式表是制作大量同类网页的好帮手，可以大大提高网页制作的效率，而且假如需要修改网页某些地方的样式，只要修改样式表即可。但对于初学者来说比较复杂，这次作业只是使用，以后要自身建立。
第4讲
第5章 制作包括常见对象的网页
课时
2+2
教学
目的
使同学掌握掌握文字的输入、设置方法，水平线的插入、设置方法，在网页中插入图像，制作图像热点的方法，制作交换图像的方法，在网页中插入Flash影片的方法。
教学
重点
难点
教学重点：文字的输入编辑、格式化，插入图片、制作图像热点，制作交换图像，插入Flash影片。
教学难点：制作图像热点，制作交换图像。
教
学
过
程
一．思路：
首先讲解在网页中插入各种对象的方法，通过实例讲解他们在制作网页时的使用方法。
二．要点
1．演示输入文字、编辑、设置文字的方法，注意字体列表的编辑方法；
2．演示水平线的插入设置方法，注意颜色的设置；
3．演示插入图片的方法，制作图像热点的方法；
4．演示插入Flash影片的方法；
5．演示在各种对象上建立超级连接的方法；
6．演示交换图像（鼠标交换图像）的制作方法；
6．举例演示各种对象在网页中的中综合运用。
三．作业
《超级链接练习》，主要内容：
1．输入网页标题，设置标题的字体、字号、颜色、对齐方式等属性；
2．插入图片，在图片上制作热点，并链接到相应图片上；
3．制作交换图像并链接到一个网站；
3．输入姓名、学号，并进行设置，留下联系方式（设置邮件链接）。
教学
后记
本次课的内容都是网页制作最常用的元素，在制作网页时会经常用到，所以要熟练掌握。
第5讲
第6章 表格
课时
2+2
教学
目的
使同学掌握创立表格、编辑表格、设置表格属性和表格的嵌套方法，以和使用表格布局网页的方法。
教学
重点
难点
教学重点：创立表格、编辑表格、设置表格属性和表格的嵌套方法，使用表格布局网页的方法。
教学难点：表格的嵌套，使用表格布局网页。
教
学
过
程
一．思路：
首先讲解表格的创立、编辑、设置方法，表格的嵌套，最后用实例讲解用表格布局网页的方法。
二．要点
1．演示创立表格，增、减表格行列的方法，单元格合并、拆分的方法；
2．演示设置表格属性：表格宽度、表格的填充间距、表格线、对齐方式、表格背景；设置单元格属性：宽度、高度、对齐方式、背景；
3．演示表格嵌套的方法，它是进行网页布局的基础；
4．以实例演示使用表格布局网页的方法。
三．作业
《页面布局练习》，主要内容：
1．编辑布局表，注意表格的嵌套；
2．使用交换图像制作导航栏；
3．编辑格式化文本，制作网站超级链接。
教学
后记
表格的创立、编辑、嵌套是制作网页必不可少的布局方法，特别是表格的嵌套，一定要熟练掌握，否则是无法随心所欲的布置网页内容的。