信息技术与学科整合(frontpage).ppt

使用frontpage2003制作网页 九台教师进修学校 李庆国 Email:53744372 2012年5月 2.1 CAI课件的定义 CAI课件本质上是目标特定的结构化学习材料 CAI课件是多媒体技术在教育领域应用的主 要成果和标志，它的设计制作水平的高低 ，直接决定和影响着教学质量；高水平的 CAI课件应当是科学的教育思想、成功的教 学经验、灵活的教学形式、先进的多媒体 技术有机结合和完美的统一。 2.2 CAI课件的分类 CAI课件 的分类 常规课件 网络课件 线性课件 交互课件 2.5 CAI课件的制作步骤 进行课件的交互性链接 往课件文件中插入图形、表格、动画、声音 创建教案文档 收集、下载素材文件 创建课件文件 建立课件文件夹 设置好本地站点文件夹 在本地磁盘驱动器中建立自己的本地站点 文件夹。 规划好你网站的结构、准备素材 需要几张网页，有几个模块，每个网站中 都要做什么，准备素材。 建立网站的结构 1、启动Frontpage2003,选择菜单“文件”/“新 建”/“新建网站”/“只有一个网页的网站”。显 示“index.htm”，即主页，也就是自建网站 的第一页。 建立网站的结构 建立网站的结构 菜单“视图”/“导航”，显示“主页”，由此建立 网站结构。 在“主页”单击鼠标右键/“重命名”，然后输入 你的网站的名称。 在主页下建立其他网页的方法：在主页上 单击右键，/”新建网页“并输入该网页的名称 。同样方法建立其他网页，建好你的网站 结构图。 建立网站的结构 显示各级网页：/“视图”/“文件夹” 。 编辑网页内容 1、在网页中输入文字：方法与Word相同。 2、在网页中插入水平线：/插入/水平线。目的是将 文字区分得更清楚。 3、插入图片 图片格式分为：GIF与JPEG两种，GIF图形文件 只有256种色彩，可设置透明，动画多采用GIF格 式化。JPEG图形文件支持全彩，多用于照片等细 腻色彩的图形，属于破坏型的压缩文件格式，图 像会有些失真。图片不宜过大,过大的图形文件会 使网页速度变慢（尽量选择GIF文件）。插入图 片的方法与Word相同。 插入艺术字 插入图片艺术字 插入小台历控件 插入WEB组件高级控件 整齐的表格 1、 建立表格 在网页中建立表格，使文字和图片更整齐 。操作：/“表格”/“插入”/，在“插入表格”窗口 ，输入行数和列数，网页编辑区出现表格 ，在表格里输入文字和图片，修改表格的 方法与“Excel”相同（略）。最后用鼠标拖 拉框线将列调整成适当的大小。在各个单 元中输入文字和图片。 整齐的表格 2 、表格的背景操作：选定单元格，单击右 键，/“单元格属性”，在“单元格属性”窗口选 择颜色，/“确定”，同样方法设置其他单元格 的背景颜色。 3 、隐藏的框线觉得框线碍眼，可将其隐藏 起来。版面上看不到线条，资料依然排列 得整整齐齐。操作：在表格上单击右键，/“ 表格属性”，在“表格属性”窗口，设置框线 粗细为0，/“确定”。切换预览窗口，看到表 格的框线已被隐藏。 设置背景 选择菜单“格式”/“背景”，在“背景属性”对话 框窗口，/“浏览”，选择你喜欢的背景图片。 原则：背景要淡能突出前景。 让网页更漂亮 1套用主题：免去自己做背景，套用现成的 背景，就是套用主题。操作：/格式/主题， 所有的网页显示一致背景。 2修改主题：/格式/主题，在主题窗口/修改 3设置书签：网页中文章过长不便阅读，可 将部分文字设置为书签，再适当链接，使 读者方便地阅读想看的资料。操作：选取 做书签的文字，/插入/书签/确定，在“书签” 对话框中输入“书签的名称”，用同样方法建 立其他书签文字。 让网页更漂亮 4建立书签超链接 在网页中适当的位置输入要建立书签超链接 的文字，选取其中一段文字，单击右键，/“ 超链接”，在“超链接”窗口的左下方选择对 应的书签，同样方法建立其他书签超链接 ，切换预览窗口，选择上方的超链接，看 看是否顺利地链接到相对应的书签文字。 E网打尽超链接 1 、邮件程序超链接 操作：输入要制作超链接的文字或插入相关图片 。选取文字或图片单击右键，/“超链接”，在“创建 超链接”窗口单击“信封”按钮，在出现的“创建电子 邮件超链接”窗口中输入你的电子邮件地址，/“确 定”。此时出现“编辑超链接”窗口，在URL处显示 电子邮件地址，/“确定”。切换预览，单击刚设置 的超链接的图片或文字，自动打开邮件程序。也 可以直接在URL项目中输入mailto:你的电子邮件 地址来建立邮件程序超链接。 E网打尽超链接 2 、建立网页超链接 网页虽有导航栏，也可以再建立其他超链接 连接到自己指定的网页。操作：选取文字 或图片并单击右键，/“超链接”，在“创建超 链接”窗口选择要连接的网页名称，/“确定” ，切换预览模式，单击刚才设置超链接的 图片或文字，就会链接到指定的网页了。 E网打尽超链接 3 、链接到其他网站 事先收集好要加入超链接的网站，将网址存在收 藏夹，可节省时间。操作：输入要制作超链接的 网站名称文字，并单击右键，/“超链接”，在“创建 超链接”窗口单击URL框后的第一个按钮“浏览”， 浏览器已打开，在地址栏输入你要链接的网站。 连上你要链接的网站之后，回到Frontpage2003 窗口，看到网站的网址已经出现在“创建超链接” 窗口的URL文本框中了，/“确定”，切换预览窗口 ，单击刚才设置的超链接，看看是否能链接到指 定的网站。 E网打尽超链接 4 、设置打开新窗口 链接到设置的网站，我的网站就不见了，将链接设 置打开另外一个新窗口，就不影响我的网页显示 了。操作：在刚刚设置的超链接文字上单击右键 ，/“超链接属性”，在“创建超链接”窗口单击倒数第 二行的“更改目标”按钮，在出现的“目标框架”窗口 选择“新建窗口”/“确定”。切换预览窗口，单击刚才 设置的超链接，就会打开另一个新窗口显示链接 的网页，而不影响我的网页的显示了。问题：电 脑未上网，可以设置外部网站连接吗？回答：可 以，设置时，直接在URL项目中输入要链接网站 网址即可，但无法预览链接的结果。 创意 （动态效果） 1、 字幕效果： 流动文字，可使网页更漂亮。 （1）鼠标指针移到要加入字幕的位置单击， /“插入”/“组件”/“字幕”，在“字幕属性”窗口的“ 文本”栏里输入要显示的文字，以下各揽订 为：方向选“左”、速度延迟订为“90”、表现 方式选为“滚动条”、文字对齐方式选为“顶 边对齐”、大小勾选“宽度为50”且像素选“百 分比”、“高度为5”且像素选“百分比”。 创意 （动态效果） （2）切换“预览”窗口，字幕中的文字就开始 流动了。 （3）在字幕上单击右键可以修改字幕设置、 设置背景颜色（在字幕窗口选择背景颜色 ）。 创意 （动态效果） 2对象飞人效果 Frontpage2003中有一种Dhtml的动态网页效果， 可以制作出动态的按钮和动态的动态的图片显示 效果，让你的网页精彩无比。（1）/“视图”/“工具 栏（T）”/“DHTML效果”，选择要加的动态效果的 项目（如“字幕”），在“DHTML效果”工具栏开启 中，设置动态效果的启动方式（如“网页加载”， 就是说，当载入此网页就会自动出现所设置的动 态效果。 创意 （动态效果） （2）接着，在“DHTML效果”工具栏的应用中 ，开启“网页加载”，“应用”选“螺旋”，切换 预览窗口，所设置的效果已出现。 创意 （动态效果） 3 、交换图片 先准备一张变换后的图片，大小同变换前， 以免画面变形。选定网页中要交换的图片 ，出现8个点的框，在“DHTML效果”工具栏 的“开启”设置“鼠标悬停”，在“应用”选择“选 择图片”，选择变换后的图片文件，文件类 型为“所有图片”，/“确定”。切换预览窗口， 将鼠标移到图片上，看看图片是否变换了 。 创意 （动态效果） 1 加入背景音乐 网页中播放的大多为MIDI格式文件需要音 乐编辑软件才可制作，简单方法：网上有 许多MIDI文件，下载即可使用。 （1） 进入有提供MIDI文件下载的网站，直 接点选你喜爱的文件下载并保存到电脑中 。 （2） 在网页单击右键，/“网页属性”。 插入背景音乐 （3） 在“网页属性”窗口的“背景音乐”后/“浏 览”，“循环次数”勾选“不限次数” （4） 点选MIDI文件，/“确定”。切换“预览” 窗口，此时背景音乐自动播放 插入背景音乐 在插入菜单里找到web组件高级ActiveX控件 里选择windows media player然后确定，接着在 那个出现的播放器右击选择ActiveX属性后设置， 如果在ActiveX控件里找不到就点击“自定义”按钮 ，打开“自定义ActiveX控件列表”列表框，其中显 示着电脑上所有安装的ActiveX控件。在这里查询 并选中我们所需要的“windows media player”控件 。单击“确定”按钮，回到“插入ActiveX控件”列表 框，你会发现控件“windows media player”已被添 加到其中 插入FLAHSH 单击“插入”-单击WEB组件-组件类型中选 择“高级控件”-然后在选择一个控件中选择 “FLASH影片”-完成-在弹出的窗口中选择 FLASH文件即可（swf格式的）。 注意：frontpage只支持SWF格式的flash文 件 ，其他格式请转换成.SWF格式的影片文 件。 插入视频 在插入菜单里找到web组件高级ActiveX控件 里选择windows media player然后确定，接着在 那个出现的播放器右击选择ActiveX属性后设置， 如果在ActiveX控件里找不到就点击“自定义”按钮 ，