网页设计与课件制作范例

《网页设计与课件制作范例》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与课件制作范例Macromedia公司的配套软件----DreamweaverMX,FireworksMX,FlashMX既是当前最流行的网页设计软件，也是制作多媒体CAI教学课件的优秀软件。其中：DreamweaverMX用于网页布局，FireworksMX用于文字和图像的美化，FlashMX用于动画片制作，三个软件配合使用即可设计制作出优美的网页和课件。以下通过实例进行分析讨论。网页制作的流程：（1）规划（2）搜集素材（3）制作网页一.建立用户文件（目录）及子文件夹1、[我的电脑]à选文件夹Eà文件à新建à文件夹2、将[新建文件夹]改为用户文件

2、夹名（例：wlsyrj）3、打开用户文件夹，再建一个子文件夹：media4、向子文件夹media中拷入在网页设计中将要用到的文本、图像、动画、声音等多媒体元素.二．建立本地网站站点启动DreamweaverMX1、SiteàNewsite2、输入SiteName:(例：wlsyrj)3、选择路径到用户文件夹(wlsyrj)三.DreamweaverMX网页设计范例启动DreamweaverMX(一）设计框架集及各子框架网页主网页,并保存为网页文件（.htm）1.单击编辑窗右下方“winodwssize”按钮，选760×420(800x600)大小模式2.W

3、indowsàobjests,显现对象面板窗àFrames（框架）3.在各种框架图中点选，出现框架集上、左、右三个小框架（即4个网页的框架）4.分别保存为4个网页文件（.htm）：(1)保存框架集网页文件：Fileàsaveframeset选择路径为用户文件夹(xadx),输入文件名：index(.htm)à保存(2)点击“上”框架，保存上框架网页文件：Fileàsaveframe,12选择为用户文件夹(xadx)，输入文件名：xadxt(.htm)à保存(3)点击“左”框架，保存左框架网页文件：Fileàsaveframe选择为用户文件夹(xadx),输

4、入文件名：xadxl(.htm)à保存(4)点击“右”框架，保存右框架网页文件：File-saveframe选择为用户文件夹(xadx)，输入文件名：xadxr(.htm)à保存5.（1）至此，已在用户站点文件夹中建立了四个网页文件，都可以在浏览器上单独查阅（按F12键）（2）以后修改存盘时，再不需要单独存（否则易产生错误）可采用全部一次性存盘命令：FileàSaveAllframes(3)注：“上”“左”“右”三个网页文件包含在框架集网页文件中。(四)设置各子框架（“上”“左”“右”）网页属性:1.设置“上框架”属性：(1)点击“上框架”àModifyà

5、pageproperties(2)在[pageproperties]对话框中先设置如下三项内容：Title::xadxtlmage:media/97102003.jpgBackcolor:#99FFFF(3)设置后，点[OK]确认2.设置“左框架”属性:(1)点击“左框架”àModifyàpageproperties(2)在[pageproperties]对话框中先设置如下三项内容：Title:Xadxllmage:media/pbk1.jpgBackcolor:#99ffcc(3)设置后，点[OK]确认3.设置“右框架”属性:(1)点击“右框架”àMod

6、ifyàpageproperties(2)在[pageproperties]对话框中先设置如下三项内容：Title:Xadxrlmage:media/97101003.jpgBackcolor#99ff99(3)设置后，点[OK]确认(五)在各框架页中插入对象（层、表格、媒体无素……）1.(1).点击“上框架”页，插入一个层：objectsàcommonàDrawlayer(2).点击“左框架”页，插入五个层：objectsàcommonàdrawLayer(3).点击“右框架”页，插入一个5×3表格：objectsàcommonàinsertTable在

7、windowsàproperties属性对框架修改为：W:100,H:500(4).全部存盘：FileàsaveAllFrames2.在框架页、层、表格中插入媒体元素：(1)在“上框架”左边层中插入动画图像:insertàImage:WELCOME.GIF12在“上”框架右边层中插入静态动画图像:insert---lmage:07110271-1.jpg(2)在“左”框架第一层中输入文字“风景欣赏”在“左”框架第二层中输入文字“多媒体演示”(六)在“左”框架的各层中设置链接调用动能1.（1）选择“左”框架第一层文字“风景欣赏”（2）在属性对话框中选择：Li

8、nk：fixs.htm（3）在属性对话框中选择：Target：-b