用Frontpage制作特殊效果.doc

如何用Frontpage制作字幕、悬停按钮等特殊效果如何用Frontpage制作字幕、悬停按钮等特殊效果用Frontpage可以制作字幕、悬停按钮（即交互式按钮）、书签（即命名锚记）、共享边框、插入链接栏、横幅广告管理器等特殊效果。这些功能在Dreamweaver中可以通过代码来实现。制作方法如下：打开Frontpage,插入表格布局。1 字幕 返回如，在屏幕上显示自右向左 的滚动字幕“欢迎光临”。把光标放到某单元格，插入Web组件动态效果字幕完成。出现对话框：输入“欢迎光临”，选方向“左”，表现方式“滚动条”。重复（连续）。确定。 在Dreamweaver中，如何实现以上功能？2 悬停按钮（即交互式按钮） 返回把光标放到单元格，插入交互式按钮（选择按钮的形式）填写按钮显示的文字“主页”，“浏览”找到要链接的index.htm.确定。按同样方法插入“查询按钮”。插入“电子邮件”按钮的方法如下：在“链接”一栏输入：mailto:电子邮箱。如mailto:得到悬停按钮（绿色图案处。）3 书签（插入书签，在Dreamweaver中叫做“命名锚记”） 返回浏览网页时，可以从其它链接到书签的地方，快速显示“书签”处的对象。如：打开主页index.htm，按样张在网页顶端插入一张图片，图片文件名为bar31.gif，并在bar31.gif 上定义一个书签，书签名为考生本人姓名。按样张在网页底部插入一个超级链接“top”，居中，与上面所定义的书签相链接。作法是：l 插入图片来自文件（找到bar31.gif）。单击该图片，插入书签，输入“书签名称”（如“张同学”）l 在网页底部插入文字“top”,居中。右击“居中”，“超链接”，“在本文档中的位置”，点到空白框中的“张同学”，确定。以下共享边框、插入链接栏等功能，必须在打开Frontpage后，先建立站点，然后才能操作。4 建立新站点 返回打开Frontpage后，在右边框单击“新建网页或网站”“由一个网页组成的网站” （1） （2）（3）在“指定新网站的位置”（红圈处）下输入保存网站内容的文件夹路径（如：d:kswy）,确定。得到以下界面。自动生成两个文件夹和index.htm文件。下面就可以打开index.htm进行编辑了。5 共享边框 返回共享边框使每个页面都有相同的导航栏。假设在index.htm中建立了以下内容（“头”表格上一行为图片，下一行为导航栏）：把它变为共享边框，使每个页面顶部都有这个内容。l 先选打开共享边框的设置。工具网页选项创作选“共享边框”（红圈处）。l 设置共享边框。格式共享边框（结果在“头”上方出现一条虚线和文字。）把“头”表格选中，剪切，粘贴到虚线上面，就建成了共享边框。另存为index.htm（覆盖原来的index.htm）.6 插入链接栏 返回为了使导航栏按钮更美观，可以用插入Frontpage带有的图形样式来制作按钮。例如：（2007模拟练习卷B）按样张在顶端图片下插入一个链接栏(基于“诗歌”的主题的图形形式)， “主页”与index.htm链接，“查询”与tp11.jpg相链接， “电子邮件”与电子邮件地址相链接作法：l (把光标放到指定的第2行)插入Web组件链接栏包含自定义链接的链接栏下一步l 移动右边滚动条，或选中一个图形后不断按向下的箭头键，查找“诗歌”图形。l 下一步选择方向（插入横向连接的链接栏 导航栏按钮是横排的）完成l 插入新的链接栏（给新链接栏一个名称，比如index,下图左）l 往新链接栏“添加链接”（上图右）。显示下面对话框。输入将要显示在按钮上的字“主页”，选择与它链接的文件index.htm.l 用同样的方法，“添加链接”，输入“要显示的文字” “查询”，在“原有文件或网页”“当前文件夹”下，找到要链接的文件tp11.jpg。确定。l 用同样的方法，再“添加链接”“电子邮件”，输入“电子邮件”，在“电子邮件地址”栏输入 （mailto:自动出现，不必输入）。按确定后得到基于“诗歌”的主题的图形形式的导航栏，使之居中。保存后预览，“添加链接”四字就没有了。7.横幅广告管理器 返回 在一个单元格中，每隔一定时间（秒），以某种过渡方式（如盒状展开），依次显示几张图片。该功能只有在早期版本Frontpage（如Frontpage2000）的”插入”菜单中才直接看到。在高版本如Frontpage2003中，需调入。方法也比较简单：工具自定义命令插入，找到“横幅广告管理器”，直接拖到“插入”菜单中。“关闭”自定义对话框。再打开“插入”下拉菜单，就能看到“横幅广告管理器” 了。（见下图）横幅广告管理器的制作步骤:把光标放到指定单元格，插入横幅广告管理器在对话框中，选过渡效果，每幅图片显示（秒），通过“ 添加”按钮，找到所需图片。按已 次，添加已张图片。保存后，预览。: 上图左边是插入后的横幅广告图片。8. 在Dreamweaver中，如何实现以上功能？ 返回如果对Dreamweaver基本上会用了，只有个别特殊效果网页不会做。而这些效果需用代码才能实现。若对代码不熟悉， 可以在Frontpage中制作，然后复制它的代码，粘贴到Dreamweaver中来实现特殊效果。例如：在Dreamweaver中，如何在屏幕上显示自右向左滚动的字幕“欢迎光临”。操作步骤：（1） 在Frontpage中插入1行1列表格（2） 光标点到表格中（3） 插入Web组件动态效果字幕完成见字幕，设置好字幕。（4） 点中字幕，出现黑方块控制点。（5） 切换到“代码”窗口，按Ctrl+c复制已选中的蓝底字。（6） 进入Drea