网页制作三合一教程

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．编辑格式化文本，制作网站超级链接。
教学
后记
表格的创立、编辑、嵌套是制作网页必不可少的布局方法，特别是表格的嵌套，一定要熟练掌握，否则是无法随心所欲的布置网页内容的。

admin

第13讲
第17章 Flash概述 第18章 编辑动画角色
课时
2+2
教学
目的
使同学了解Flash动画的原理，熟悉Flash的界面，掌握建立、设置、保管文档的方法；使同学掌握绘图工具、选择工具、套索工具、填充变形工具以和文本工具的使用。
教学
重点
难点
教学重点：Flash的界面，文档的建立、设置、保管；绘图工具、选择工具、套索工具、填充变形工具以和文本工具的使用。
教学难点：绘图工具、选择工具。
教
学
过
程
一．思路：
首先演示Flash的界面，文档的建立、设置、保管；然后演示绘图工具、选择工具、套索工具、填充变形工具以和文本工具的使用。
二．要点
1．Flash的界面的使用：
(1)简单介绍工具箱的内容，各种面板的使用；
(2)重点介绍时间轴面板的使用：各种标志、按钮的用法，各种帧的建立方法、动画的胜利和失败标志，图层的建立删除等
2．演示修改画布大小、背景色、帧频等属性，舞台的显示比例，标尺、辅助线的使用等；
3．各种工具的使用
(1)演示各种工具的使用方法，他们比Fireworks的工具要少，而且功能也简单一些，这里主要将它们之间的区别；
(2)他们最大的区别在于Flash绘制的对象在默认情况下都是“散”的，便于制作“形状”补间动画；在选择这些“散”状对象时方法；
4．演示静态文本的输入、编辑，“打散”文字块需要两次（第1次拆为单字）；对于动态文本和输入文本这里不作介绍。
三．作业
主要内容：
1．熟悉Flash的工作界面；
2．练习各种工具的使用注意他们与Fireworks的不同之处。
教学
后记
本讲重点时熟悉时间轴面板的使用，熟悉各种工具的使用方法，注意和Fireworks的不同之处。
第14讲
第19章 创立动画（19.1-19.3）
课时
2+2
教学
目的
使同学掌握时间轴面板的使用，创立逐帧动画、动作补间动画、形状补间动画的方法。
教学
重点
难点
教学重点：时间轴面板的使用，创立逐帧动画、动作补间动画、形状补间动画的方法；
教学难点：动作补间动画、形状补间动画。
教
学
过
程
一．思路：
首先演示时间轴面板的使用，讲解动画原理，再演示逐帧动画和动作补间动画、形状补间动画的制作方法。
二．要点
1．时间轴面板的使用：演示使用时间轴面板创立、复制、删除图层，锁定、隐藏图层，改变图层顺序、修改图层属性的方法；演示使用时间轴面板创立普通帧、关键帧、空白关键帧的方法，复制、删除、移动帧的方法；
2．演示逐帧动画制作：逐帧动画不需要创立补间，每1帧都是关键帧，他的难点是每帧内容的绘制；可以导入动画文件制作逐帧动画；
3．动作补间动画的制作：动作补间的关键是两个关键帧中的内容必需同一对象的变形或移动位置；否则，即使动画胜利，到第2个关键帧是突变，而不是渐变。
4．形状补间动画制作：
(1)制作形状补间动画的关键是两个关键帧中的内容必需是“散”状，导入的位图或文本必需要打散（Ctrk+B）；对于文本第一次是拆成单个文字，第2次是把文字打散。
(2)添加形状补间动画要在属性面板的“补间”处选择“形状”，否则创立的是“动作”补间，在改为“形状”补间，动画失败，需要将两个关键帧中的内容打散。
三．作业
《使用Flash制作形状、动作动画》，主要内容：
制作形状补间动画，制作动作补间动画；元件还没讲，可以依照教程试着做。
教学
后记
制作动作补间动画的关键两个关键帧中的内容必需是同一对象或同一元件的实例；制作形状补间动画的关键是两个关键帧中的内容必需是“散”状，导入的位图或文本必需要打散，只有掌握要领才干制作出满意的动画。
第15讲
第19章 创立动画（19.5-19.6）
课时
2+2
教学
目的
使同学掌握制作路径动画、遮罩动画和基于元件的复杂动画的作方法。
教学
重点
难点
教学重点：制作路径动画、遮罩动画和复杂动画；
教学难点：复杂动画。
教
学
过
程
一．思路：
首先演示制作路径动画、遮罩动画，最后讲解复杂动画的制作。
二．要点
1．制作路径动画：
(1)引导层的制作：可以使用时间轴面板中的“创立运动引导层”按钮添加，也可以将普通图层转换为引导层，再将被引导层拖到其下面；
(2)可以使用钢笔、铅笔、直线工具绘制路经；也可以用形状工具，但要去掉填充；对于闭合路径要将其断开，否则会走近道；
(3)一个引导层可以引导多个被引导层（除遮罩层）；
2．制作遮罩动画：
(1)当遮罩有效时，除遮罩层上对象所在位置（非透明区域）对应的被遮罩层内容可见之外，其他内容都将被隐藏起来。
(2)静态遮罩：形状、文字对象、图像等；动态遮罩：各种补间动画；
(3)一个遮罩层可以有多个被遮层（除引导层）；
3．复杂动画制作：
(1)所谓复杂动画并不是一种动画类型，而是各种动画综合；
(2)形状补间动画可以有颜色渐变效果；动作补间动画假如使用图形元件的实例，不但可以改变颜色，而且可以改变透明度。
*(3)另外，还可以制作影片剪辑和按钮元件，以和多场景动画。
三．作业
《使用Flash制作路径、遮罩动画》，主要内容：
1．制作使用影片剪辑的路径动画；
2．制作动态遮罩动画。
教学
后记
在掌握了制作动作补间和形状补间的要点基础上，学会使用引导层、遮罩层和元件后，就可以制作各种丰富多彩的动画；其实最难的不是制作动画，而是“创意”或叫“设计”吧！
第16讲
第20章 创立交互式动画 第21章 为动画添加声音
课时
2+2
教学
目的
使同学掌握创立按钮元件的方法，熟悉Flash的动作脚本语言ActionScript的使用方法，制作出交互式动画；
掌握导入声音文件的方法，为动画添加声音、为按钮添加音效的方法。
教学
重点
难点
教学重点：创立按钮元件的方法，动作脚本语言ActionScript的使用方法；导入声音文件的方法，为动画添加声音、为按钮添加音效的方法。
教学难点：动作脚本语言ActionScript的使用方法。
教
学
过
程
一．思路：
首先演示使用按钮、脚本制作交互式动画的方法；再演示导入声音文件，为影片、按钮添加声音的方法。
二．要点
1．演示创立文字按钮元件和图形按钮元件的方法；
2．演示自建按钮元件和使用公共库中的按钮元件的方法；
3．讲解动作面板、基本动作（play、stop、goto、grturl）、按钮事件的使用方法；
4．演示使用帧脚本和按钮脚本制作交互式动画的方法；
5．演示导入声音文件：.WAV、.MP3；
6．演示为动画添加声音，在属性面板设置声音：效果、同步；
7．演示为按钮添加音效的方法。
三．作业
主要内容：
1．练习使用按钮控制影片的停止和运行；
2．练习为影片和按钮添加声音。
教学
后记
本讲不作为重点，只要求同学了解按钮的制作和几个常用的简单动作脚本的使用，如：play、stop、goto、grturl；为影片和按钮添加声音的方法比较简单。
第17讲
总复习
课时
2+2
教学
目的
总结前面所讲的内容，复习各局部的重点内容，讲解考试系统的使用。
教学
重点
难点
教学重点：网页编辑：建立网站、样式表的使用、表格编辑、层的使用、行为的使用等；图像编辑：抠图的方法、滤镜的使用、路径工具的使用；动画制作：创立各种动画的方法、技巧和注意事项；考试注意事项。
教
学
过
程
一．思路：
通过实例复习个局部的重点内容。
二．要点
1．设计一个综合实例，讲解网页编辑的重点内容；
2．设计一个有趣的画面，使用魔棒、套索工具抠图的方法进行图像合成；制作苹果、心型；
3．设计几个有趣的动画，演示各种动画的制作方法、要点和技巧；
4．演示考试系统的使用和考试注意事项。
三．作业
主要内容：
1．练习考试模拟题；
2．试用考试系统。
教学
后记
本课程的内容较多，课时很紧张，在教学重要突出重点，取舍得当，不要面面俱到。

admin

第8讲
第11章 Fireworks 入门 第12章 Fireworks 基本操作
课时
2+2
教学
目的
使同学熟悉图像处置基础知识、Fireworks的工作环境和文档操作方法；检查图像工具的使用，修改图像和画布的方法，辅助工具的使用方法。
教学
重点
难点
教学重点：图像处置基础知识、Fireworks的工作环境和文档操作方法；修改图像和画布的方法，辅助工具的使用方法。
教
学
过
程
一．思路：
首先讲解图像的基础知识，演示Fireworks的工作环境，建立、打开、保管文档；再演示修改图像和画布的方法，辅助工具的使用方法。
二．要点
1．讲解位图和矢量的区别，演示颜色模式：RGB、CMYK的原理；讲解图像分辨率和设备分辨率的原理；
2．演示图像窗口、工具箱、层面板和历史纪录面板的使用方法；
3．演示文档的建立、打开、导入、保管的方法。
4．演示检查图像工具：“缩放”工具、“手形”工具的使用；
5．演示修改图像大小，修改画布大小、颜色裁剪画布、旋转画布的方法；举例说明修改图像大小，修改画布大小的区别；
6．标尺、网格、辅助线和对齐面板的使用方法。
三．作业
《应用模版制作网页》，主要内容：
1．表格编辑、表格的嵌套，设置表格和单元格的背景色。
2．制作模板、添加可编辑区域，使用模板制作网页；
3．熟悉Fireworks工作环境。
教学
后记
网页模板在制作相同布局网页时非常有用，不但制作简单，而且便于维护，只要修改模板，使用模板制作的网页便会自动更新。
第9讲
第13章 选取和变形对象
课时
2+2
教学
目的
使同学掌握选择和编辑图像的方法、制作和调整选区的方法，学会变换对象、组织对象的方法。
教学
重点
难点
教学重点：选择和编辑图像的方法、制作和调整选区的方法，学会变换对象、组织对象的方法。
教学难点：制作和调整选区的方法。
教
学
过
程
一．思路：
首先演示“层”面板、指针工具、局部选定工具的使用；各种选择工具的使用，重点应用实例讲解使用魔棒、套索工具进行抠图的方法。
二．要点
1．演示层面板、指针工具、局部选定工具的使用，局部选定工具主要是用来编辑路径，在下一章再详细介绍。
2．演示对象的移动、复制、删除方法；
3．演示建立规则选区、调整选区的方法，演示使用魔棒、套索工具抠图进行图像合成的方法；
4．演示使用对象变形工具：缩放、倾斜和扭曲工具的特点和用法；
5．在菜单中有数值变形命令，可以精确变换对象，结合历史纪录面板的重放按钮，可以连续按设置好的数值变换。
6．演示图像保管前裁切图像的方法；
7．演示对象的组合、取消组合，改变对象叠放次序的方法；
8．演示对象的对齐和分布的用途。
三．作业
《使用Fireworks 合成图像》，主要内容：
1．使用魔棒、套索工具抠图；
2．对象的移动、变换等操作；
3．制作阴影。
教学
后记
使用不规则选区抠图、图像的变换是Fireworks最重要的几个功能之一，一定熟练掌握，活学活用。
第10讲
第14章 绘制图像和使用文本（14.1-14.2）
课时
2+2
教学
目的
使同学掌握绘图颜色的设置，各种绘制位图图像工具的使用。
教学
重点
难点
教学重点：绘图颜色的设置，各种绘制位图图像工具的使用。
教学难点：绘制位图图像工具的使用。
教
学
过
程
一．思路：
首先演示绘图颜色的设置，再演示各种绘制位图图像的工具。
二．要点
1．演示设置绘图颜色的方法：使用颜色样本和滴管工具设置笔触和填充颜色；使用滴管工具可以在图像中点击获取“笔触色”和“填充色”；
2．演示各种绘图工具的使用：
(1)刷子工具
(2)橡皮擦工具
(3)橡皮图章、替换颜色、红眼消除工具
(4)油漆桶、渐变工具
(5)模糊、锐化工具
(6)减淡、烙印工具
三．作业
《各种绘图工具的使用》，主要内容：
1．橡皮图章工具的使用；
2．油漆桶、渐变工具；
3．模湖工具的使用。
教学
后记
各种绘图工具的使用并不难，主要是将他们用好、用活；使用模糊工具可以修复照片上的瑕疵，但效果不如滤镜的效果好。
第11讲
第14章 绘制图像和使用文本（14.3-14.4）
课时
2+2
教学
目的
使同学掌握矢量图形工具和路径工具的使用，文本的输入、编辑以和和路径的关系。
教学
重点
难点
教学重点：矢量图形工具和路径工具的使用，文本的输入、编辑，文本和路径的关系。
教学难点：钢笔工具的使用。
教
学
过
程
一．思路：
首先演示形状工具的使用，再讲解钢笔工具的使用要点，最后介绍文本工具的使用，尤其是文本和路径的关系。
二．要点
1．形状工具的使用：
(1)直线工具的使用比较简单，主要用他来讲解各种“笔触”的设置；
(2)讲解各种形状工具的使用，主要是：圆角矩形、智能多边形、星型、箭头等智能工具的使用。星型的功能很强，通过调整半径、圆度、点数可以变幻出许多美丽的图案。
2．演示钢笔工具的使用技巧，绘制直线、曲线的方法，添加、删除锚点的方法。用钢笔工具拖动角点可以将其转换为平滑点。
3．演示使用“局部选定”工具编辑形状和路径的方法。按住ALT键转动方向线可以将平滑点转变为角点。
4．文本的使用：
(1)演示文本的输入、编辑，文本的填充设置和笔触设置；
(2)演示文本转换为路径的方法和用途，文本和加到路径上的方法。
三．作业
《用Fireworks绘制心和气球》，主要内容：
1．形状工具和钢笔工具的使用，局部选定工具编辑形状、路径的方法；
2．填充和笔触的设置，使用滤镜制作立体效果。
教学
后记
使用形状工具和钢笔工具，配合局部选定工具和制作各种形状和曲线，在制作手绘图形时非常有用。文本和加到路径的功能在制作海报等方面效果不错。
第12讲
第15章 Fireworks 高级应用 第16章 图像优化与导出
课时
2+2
教学
目的
使同学掌握滤镜的使用方法，制作动画的方法，切片工具的使用方法;掌握图像优化和图像导出的方法，以和在Dreamweaver中插入Fireworks文档的方法。
教学
重点
难点
教学重点：滤镜的使用方法,图像优化和图像导出的方法。
教学难点：滤镜的使用方法。
教
学
过
程
一．思路：
首先演示各种动态滤镜的使用，动画对话框的使用，图像的优化导出；最后简单介绍切片工具的使用、在Dreamweaver中插入Fireworks文档。
二．要点
1．滤镜的使用：
(1)使用动态滤镜演示滤镜的使用方法，重点是：模糊滤镜、斜角和浮雕、调整颜色、阴影和光荤；
(2)对于矢量对象动态滤镜和永久滤镜都可以使用，对于位图对象只能使用菜单上的永久滤镜。
2．动画制作是Flash的强项，这里简单介绍一下动画对话框的使用即可；
3．图像可以先在优化面板上优化，也可以使用导出预览优化；主要优化jpg的品质、gif动画gif透明背景；对于还要修改的图像直接保管为PNG格式；
4．切片工具在制作网页时使用，这里简单举例说明其用法，使用Fireworks生成的网页，可以直接用Dreamweaver打开编辑，也可以插入到正在编辑的网页中。
三．作业
《用Fireworks制作曲线》，主要内容：
1．使用钢笔工具绘制曲线，再用数值变换、添加补间制作曲线；
2．使用矩形的笔触为图像添加像框，制作图章。
教学
后记
动态滤镜比永久滤镜多一个阴影和光荤滤镜组，但动态路径只能用于矢量对象，调整颜色和模糊滤镜主要使用位图对象的调整，同学初学时不易掌握。

admin

第6讲
第7章 框架 第8章 层
课时
2+2
教学
目的
使同学掌握框架页的建立、保管，设置框架和框架集的属性，框架页超级链接的设置；掌握插入层、描绘层的异同，层的选择、移动，设置大小和可见性。
教学
重点
难点
教学重点：框架页的建立、保管，设置框架和框架集的属性，框架页超级链接的设置；插入层、描绘层的异同，层的选择、移动，设置大小和可见性。
教学难点：框架页的保管，插入层的使用。
教
学
过
程
一．思路：
首先讲解框架的创立、保管，属性设置；再讲解描绘层的创立、选择、移动，设置大小和可见性。
二．要点
1．框架的使用：
(1)演示建立框架、设置框架属性，注意不要在框架的边框上拖动，否则会出现新框架。使用“全部保管”命令保管框架。
(2)在框架集中建立超级链接时，要注意在目标处选择好目标框架。
2．层的使用
(1)演示描绘层的创立、选择、移动，属性设置：隐藏、可见、继承。
(2)描绘层的特点，相对页面左上角固定，不能相对页面居中，也就是说不能随窗口大小变化改变其位置。
(3)演示插入层特点：一般要将“插入层”放在表格中，可以通过设置单元格对齐方式，会撤换行改变其垂直位置、添加空格改变其水平位置。切记不要拖动他，否则就变为“描绘层”了。
三．作业
《框架使用练习》，主要内容：
1．创立上方固定、左侧嵌套框架集、设置框架属性、保管框架；
2．在左框架中使用表格制作导航栏，并制作CSS样式表改变超级链接外观；
3．在主框架中显示图片，注意在制作超级链接时的目标框架。
教学
后记
框架是比较老的页面布局方式，随着显示器尺寸的增大、分辨率的提高，特别是宽屏显示器的出现，使得有左右框架的页面非常难看，因为他不能对页面居中对齐，使用内部框架效果会比较好。
第7讲
第9章 时间轴和行为 第10章 应用模板
课时
2+2
教学
目的
使同学掌握时间轴面板的使用、创立时间轴动画；行为面板的使用、动作设置；创立模板、使用模板创立网页的方法，提高网页制作效率。
教学
重点
难点
教学重点：行为面板的使用、动作设置；创立模板、使用模板创立网页的方法，提高网页制作效率。
教学难点：创立时间轴动画，模板的使用。
教
学
过
程
一．思路：
首先演示制作时间轴动画的方法；其次演示行为面板的使用，常见行为的应用最后演示模板的创立与应用。
二．要点
1．制作时间轴动画：
(1)讲解时间轴面板的使用方法，要想使各种对象在时间轴上运动，必需先将对象放在层中；
(2)将层添加在时间轴上的方法有两种：右击层的边框选择“添加到时间轴”、“记录路径”；注意选中“自动播放”、“循环”。
2．行为的使用：
(1)讲解行为面板的使用方法，行为、动作、事件的关系。
(2)演示各种行为的使用方法，如：弹出信息、播放声音、打开浏览器窗口、显示/隐藏层等。
3．模板的使用
(1)要制作大量布局相同的网页时，先制作好一个网页，并保管在需要的地方，然后另存为模板；
(2)选中需要更改内容的对象添加“可编辑区域”；在新建网页时选择“模板”，然后编辑可编辑区域。
三．作业
《层与行为练习》，主要内容：
1．创立上方固定、下放固定框架；
2．添加显示/隐藏层行为，层使用“插入层”；
3．将姓名、学号放在层中，并添加到时间轴上，从左到右运动。
教学
后记
行为在制作网页时会经常使用，也是本讲的重点，模板的练习会在下次作业中练习。