论文部分内容阅读
通常情况下,展示网页内容是开启网络浏览器来进行的。但是,在多媒体演示程序环境下(例如多媒体光盘),我们更希望是在多媒体程序本身的独立窗口内完成网页的浏览,这样可以实现风格的统一。下面我们要为大家介绍的就是如何制作一个个性化的嵌入式网页浏览器多媒体演示程序。
有必要进一步说明,被展示的网页可以是你的公司主页,也可以是你的产品介绍,还可以是你的个人形象展示、个人多媒体简历、个人相册等。程序调用的网页可以是在线网页,也可以是直接调用本地HTML文件。这些都无关紧要,具体由你来确定。我们要制作的展示程序最后要做成一个独立的EXE文件,不需要启动浏览器就可以进入动感十足的展示页面。我们还可以将生成的配套文件直接刻录到光盘中,做成插盘即可自动展示的多媒体演示光盘。
为了不把问题复杂化,这里仅以展示电脑爱好者网站这个简单应用为例来说明。先来个倒叙,展示一下作品成果,以便让大家对我要做的东西心中有数。运行作品EXE程序,首先出现一个五彩梦幻动感背景窗口,在窗口上显示“欢迎光临电脑爱好者”字样,窗口的标题栏上也显示“欢迎光临电脑爱好者网站”字样(图1)。在五彩界面上单击鼠标,马上开启另一个窗口,在窗口上方是“这里是电脑爱好者的家园”字样的宣传标语,它前面是一组个性定制的网络浏览按钮,包括“前进”“后退”“返回主页”“停止”等。在这个窗口中,我们平常所见的IE浏览菜单、工具条、状态栏等项目,统统都不见踪影,连右键菜单也被屏蔽,只是一个洁净的电脑爱好者网站呈现给读者(图2)。
对作品的概貌有了大体了解,下面讲述具体的实现过程。实现这个过程我们需要用到一个名为Multimedia Builder(简称MMB)的多媒体工具软件,我使用的是它的汉化版。
一、欢迎封面和梦幻背景的设计
在多媒体演示作品一开始,出现一个背景为动感梦幻五彩云霞的动态画面,前景上显示“欢迎光临电脑爱好者”大字,鼠标移动到大字上会显示不同的颜色。这个动感界面的实现过程如下。
第一步:通过“文件→新建”命令新建一个空白页面。
第二步:执行软件菜单命令“方案→方案设置”,进入方案设置窗口,在上方的“窗口尺寸”栏内选择或输入窗口的宽度和高度。这里假设我们需要设计的多媒体作品的窗口尺寸为宽800像数、高600像素。(图3)
第三步:在“窗口标题”文本框中输入你为本作品定义的窗口标题。比如“欢迎光临电脑爱好者网站”。然后确定。
第四步:梦幻动感背景的建立。点击窗口左侧工具条上的“动态FX”工具,然后在工作区中用鼠标画出与设计窗口等大的矩形框,这时,你会看到默认的动态五彩梦幻背景已经建立了。(图4)
温馨提示
如果要改变梦幻背景的样式,可以双击梦幻背景,在弹出的窗口中具体设置相应的参数即可。
第五步:欢迎文字的输入和设置。用左侧工具条的文字输入按钮输入文字“欢迎光临电脑爱好者”(图5);双击输入的文字,点击“字体”按钮设置字体的颜色和大小,选择“激活动作”复选框,在下面的三个框中分别选择当鼠标经过、点击或离开这些文字时的显示颜色(图6)。
第六步:热区设置。当我们给读者展示出这个五彩动感页面后,读者需要点击鼠标才能进入下一页(也就是多媒体的主要内容页),为了捕捉鼠标的点击动作,我们需要给页面设置一个热区。点击左侧工具栏的“矩形热区”按钮,然后在工作区拉出一个和背景等大的矩形区域;双击热区,在开启的“热区”窗口中点击下方的第一个动作按钮(图7),设置鼠标动作时的触发操作为“鼠标点击时→跳至下一页”(图8),然后按两次“确定”返回。
经过以上设计,动感欢迎页面就设计好了。用F5功能键演示一下,看看制作效果。若有不合适的地方,可以返回去用双击的办法对里面的部件进行属性修改。
二、嵌入式个性浏览器的定制
接下来就是要设计这个简易程序的主题内容——个性化浏览器的定制。在我们的主界面中,我们要把IE浏览器的内核镶嵌进来,但是要屏蔽掉IE浏览器的系统菜单、右键菜单、状态栏等组件,以实现内容保护和清静浏览。此外,我们还要去掉IE浏览器的工具栏,给浏览器定制个性化的导航按钮,彻底抛弃IE浏览器自带的外壳样式。实现过程如下。
第一步:添加一个新页面。点击“页面→添加页面”系统命令,给我们的工程添加一个新页面。从窗口的底栏,单击新添加的页面标签“标签2”,切换到新页面。
第二步:为窗口制作个性化标题。在窗口的上端,用矩形工具画出一个红色的区域作为窗口标题的背景区域,然后用文字工具书写窗口标题标语,如“这里是电脑爱好者的家园”字样。
第三步:添加实时可视化网页对象。点击窗口左侧工具栏的“网页”工具按钮,然后在工作区中画出一个矩形区域,这个区域覆盖除窗口顶部标题条之外的所有区域,作为将来网页显示的区域。(图9)
第四步:设置个性化网页。双击刚才添加进来的网页对象,进入“网页浏览器对象”设置窗口,在“网页或网络地址”文本框中输入你要展示的网页,我们要展示的是电脑爱好者的在线网站,因此我们这里就输入“http://www.cfan.com.cn”(如果你要展示的是本地的个人相册、产品资料等,只需输入本地主页的HTML文件路径和地址即可);在“选项”一栏中,取消对“显示状态栏”的选择,这样可以屏蔽掉原IE浏览器的状态栏,选择“禁止右键菜单”可以屏蔽掉IE浏览器的右键菜单功能,选择“隐藏边框”可以将原浏览器的边框也隐藏起来,让浏览器中的内容完全融入到我们的多媒体作品中;然后再点击“添加控制按钮”这一按钮,工作区中就会出现用来控制网页的一组四个按钮,用鼠标拖动这组按钮到标题栏的左侧,完成控制按钮的设置。(图10)
温馨提示
如果你嫌网页控制按钮不够个性,则可以通过双击某个控制按钮的方式,用你自己设计的按钮来代替系统提供的这些按钮,达到个性化按钮界面设计的目的。
经过如上设计,个性化的网页展示界面就算设计完成了。同样的方法,用F5功能键演示一下设计结果,可以看到该页的显示效果。
三、整个多媒体程序的打包编译
刚才设计的程序是在MMB程序内部演示运行的。当我们要把此程序发给用户演示时,不需要也不一定有这样的环境。怎么办?办法很简单,就是把以上工程打包为一个独立的可执行EXE文件。
第一步:执行命令“文件→检查并发布”,打开“检查方案及编译输出文件”窗口,在其中选择“创建单独运行文件”,用“定位”按钮确定编译后文件的输出路径和名称。
第二步:如果选择了“创建Aurorun.inf”选项,那么,将生成的两个文件直接刻录到一张光盘中,就可以成为一张带有插入自动演示功能的多媒体演示光盘了。同样,如果拷入优盘,则可以成为自动演示的多媒体优盘。最后,点击“确定”就可以创建自动运行的多媒体程序了。(图11)
有必要进一步说明,被展示的网页可以是你的公司主页,也可以是你的产品介绍,还可以是你的个人形象展示、个人多媒体简历、个人相册等。程序调用的网页可以是在线网页,也可以是直接调用本地HTML文件。这些都无关紧要,具体由你来确定。我们要制作的展示程序最后要做成一个独立的EXE文件,不需要启动浏览器就可以进入动感十足的展示页面。我们还可以将生成的配套文件直接刻录到光盘中,做成插盘即可自动展示的多媒体演示光盘。
为了不把问题复杂化,这里仅以展示电脑爱好者网站这个简单应用为例来说明。先来个倒叙,展示一下作品成果,以便让大家对我要做的东西心中有数。运行作品EXE程序,首先出现一个五彩梦幻动感背景窗口,在窗口上显示“欢迎光临电脑爱好者”字样,窗口的标题栏上也显示“欢迎光临电脑爱好者网站”字样(图1)。在五彩界面上单击鼠标,马上开启另一个窗口,在窗口上方是“这里是电脑爱好者的家园”字样的宣传标语,它前面是一组个性定制的网络浏览按钮,包括“前进”“后退”“返回主页”“停止”等。在这个窗口中,我们平常所见的IE浏览菜单、工具条、状态栏等项目,统统都不见踪影,连右键菜单也被屏蔽,只是一个洁净的电脑爱好者网站呈现给读者(图2)。
对作品的概貌有了大体了解,下面讲述具体的实现过程。实现这个过程我们需要用到一个名为Multimedia Builder(简称MMB)的多媒体工具软件,我使用的是它的汉化版。
一、欢迎封面和梦幻背景的设计
在多媒体演示作品一开始,出现一个背景为动感梦幻五彩云霞的动态画面,前景上显示“欢迎光临电脑爱好者”大字,鼠标移动到大字上会显示不同的颜色。这个动感界面的实现过程如下。
第一步:通过“文件→新建”命令新建一个空白页面。
第二步:执行软件菜单命令“方案→方案设置”,进入方案设置窗口,在上方的“窗口尺寸”栏内选择或输入窗口的宽度和高度。这里假设我们需要设计的多媒体作品的窗口尺寸为宽800像数、高600像素。(图3)
第三步:在“窗口标题”文本框中输入你为本作品定义的窗口标题。比如“欢迎光临电脑爱好者网站”。然后确定。
第四步:梦幻动感背景的建立。点击窗口左侧工具条上的“动态FX”工具,然后在工作区中用鼠标画出与设计窗口等大的矩形框,这时,你会看到默认的动态五彩梦幻背景已经建立了。(图4)
温馨提示
如果要改变梦幻背景的样式,可以双击梦幻背景,在弹出的窗口中具体设置相应的参数即可。
第五步:欢迎文字的输入和设置。用左侧工具条的文字输入按钮输入文字“欢迎光临电脑爱好者”(图5);双击输入的文字,点击“字体”按钮设置字体的颜色和大小,选择“激活动作”复选框,在下面的三个框中分别选择当鼠标经过、点击或离开这些文字时的显示颜色(图6)。
第六步:热区设置。当我们给读者展示出这个五彩动感页面后,读者需要点击鼠标才能进入下一页(也就是多媒体的主要内容页),为了捕捉鼠标的点击动作,我们需要给页面设置一个热区。点击左侧工具栏的“矩形热区”按钮,然后在工作区拉出一个和背景等大的矩形区域;双击热区,在开启的“热区”窗口中点击下方的第一个动作按钮(图7),设置鼠标动作时的触发操作为“鼠标点击时→跳至下一页”(图8),然后按两次“确定”返回。
经过以上设计,动感欢迎页面就设计好了。用F5功能键演示一下,看看制作效果。若有不合适的地方,可以返回去用双击的办法对里面的部件进行属性修改。
二、嵌入式个性浏览器的定制
接下来就是要设计这个简易程序的主题内容——个性化浏览器的定制。在我们的主界面中,我们要把IE浏览器的内核镶嵌进来,但是要屏蔽掉IE浏览器的系统菜单、右键菜单、状态栏等组件,以实现内容保护和清静浏览。此外,我们还要去掉IE浏览器的工具栏,给浏览器定制个性化的导航按钮,彻底抛弃IE浏览器自带的外壳样式。实现过程如下。
第一步:添加一个新页面。点击“页面→添加页面”系统命令,给我们的工程添加一个新页面。从窗口的底栏,单击新添加的页面标签“标签2”,切换到新页面。
第二步:为窗口制作个性化标题。在窗口的上端,用矩形工具画出一个红色的区域作为窗口标题的背景区域,然后用文字工具书写窗口标题标语,如“这里是电脑爱好者的家园”字样。
第三步:添加实时可视化网页对象。点击窗口左侧工具栏的“网页”工具按钮,然后在工作区中画出一个矩形区域,这个区域覆盖除窗口顶部标题条之外的所有区域,作为将来网页显示的区域。(图9)
第四步:设置个性化网页。双击刚才添加进来的网页对象,进入“网页浏览器对象”设置窗口,在“网页或网络地址”文本框中输入你要展示的网页,我们要展示的是电脑爱好者的在线网站,因此我们这里就输入“http://www.cfan.com.cn”(如果你要展示的是本地的个人相册、产品资料等,只需输入本地主页的HTML文件路径和地址即可);在“选项”一栏中,取消对“显示状态栏”的选择,这样可以屏蔽掉原IE浏览器的状态栏,选择“禁止右键菜单”可以屏蔽掉IE浏览器的右键菜单功能,选择“隐藏边框”可以将原浏览器的边框也隐藏起来,让浏览器中的内容完全融入到我们的多媒体作品中;然后再点击“添加控制按钮”这一按钮,工作区中就会出现用来控制网页的一组四个按钮,用鼠标拖动这组按钮到标题栏的左侧,完成控制按钮的设置。(图10)
温馨提示
如果你嫌网页控制按钮不够个性,则可以通过双击某个控制按钮的方式,用你自己设计的按钮来代替系统提供的这些按钮,达到个性化按钮界面设计的目的。
经过如上设计,个性化的网页展示界面就算设计完成了。同样的方法,用F5功能键演示一下设计结果,可以看到该页的显示效果。
三、整个多媒体程序的打包编译
刚才设计的程序是在MMB程序内部演示运行的。当我们要把此程序发给用户演示时,不需要也不一定有这样的环境。怎么办?办法很简单,就是把以上工程打包为一个独立的可执行EXE文件。
第一步:执行命令“文件→检查并发布”,打开“检查方案及编译输出文件”窗口,在其中选择“创建单独运行文件”,用“定位”按钮确定编译后文件的输出路径和名称。
第二步:如果选择了“创建Aurorun.inf”选项,那么,将生成的两个文件直接刻录到一张光盘中,就可以成为一张带有插入自动演示功能的多媒体演示光盘了。同样,如果拷入优盘,则可以成为自动演示的多媒体优盘。最后,点击“确定”就可以创建自动运行的多媒体程序了。(图11)