发挥想象:十分钟打造个性浏览器

梦幻のFF

如今是一个“时尚是银，个性是金”的网络时代，一些最能体现个性的爱好———自己设计并制作东西成为一种流行。我们DIY机箱、DIY桌面、DIY个人空间，但是你玩过DIY浏览器吗？

　　也许你会说DIY浏览器难度太大，我不会编程。

　　其实，你完全可以在十几分钟之内自己打造一个个性化的浏览器，即使你连最简单的超文本标识语言都还没有掌握。

　　你所要做的就是充分发挥你的想象，把心思都花在创意上，而不需要去思考复杂的代码，只要通过简单的拖动和设置即可让你的创意变成现实。



软件名称：[left]BrowserBob[/left]
软件版本：[left]Pro 4.1.3 [/left]
软件大小：[left]4700KB[/left]
软件授权：[left]共享[/left]
适用平台：[left]Windows 98/Me/2000/XP[/left]
下载地址：[left]点击这里下载[/left]

梦幻のFF

BrowserBob是一个可以自行设计浏览器的软件，你可以用图片作为浏览器的外型，再加上各种按钮、标签、地址栏等物件，就可以完成独一无二的作品。BrowserBob提供预览与输出的功能，预览满意之后可以将设计的浏览器输出到单独的目录，包括图片、声音等。

　　运行软件，除了一个主窗口外，还有多个不同功能的浮动窗口。下面，我们来看看如何用BrowserBob来实现你的浏览器DIY梦想。

　　一、小试牛刀，精简浏览器制作初体验

　　有时候我们并不需要多么强大的功能，小巧简单也是一种不错的风格，特别是一款自己DIY的浏览器，即使简单，感觉也是有所不同。那么我们就先小试牛刀，做一个最简单、漂亮、完全属于自己的浏览器。

　　单击菜单“File”－“New”，在弹出的对话框中，我们选择一个标准工程“Blank App Mac Style”（如图1）。这个标准工程是一个最基本的初步窗体，但是拥有Mac风格的窗体，正好符合我们打造精简、美观浏览器的目的。


[center]screen.width-500)this.style.width=screen.width-500;">
【图1】建立一个新的工程
[/center]

梦幻のFF

新建工程打开后我们可以看到一个漂亮的窗口呈现在眼前（如图2），这就是我们做的第一个浏览器的雏形。虽然漂亮，但是它也太简单了，我们必须稍微加工一下。


[center]screen.width-500)this.style.width=screen.width-500;">
【图2】这就是我们要打造的浏览器雏形了
[/center]
　　中间蓝色的区域就是网页显示的地方，鼠标点击选择选择它，拖动它的上边缘，使其和标题栏间流有一段空白。空白做什么用呢？浏览器总不能没有地址栏吧？对了，这里就是用来放置地址栏和几个基本按钮。

梦幻のFF

现在我们要为浏览器加入地址栏和几个简单的控制按钮。点击主窗口菜单“View”－“Library”打开资源库，这里收集了一些各种风格的按钮、地址栏等控件，同时你也可以加入自己的资源。为了使界面风格保持一直，我们使用BrowserBob自带的资源，点击界面上的“MacOS_Style”选项卡（如图3）。


[center]screen.width-500)this.style.width=screen.width-500;">
[/center]
[center]【图3】加入简单的按钮
[/center]

梦幻のFF

看到资源库中漂亮的按钮了吧？怎么使用呢？很简单！首先我们先加入前进、后退按钮“Forward Button”和“Back Button”。鼠标左键点击“Back Button”按钮，接着拖动到你的浏览器设计窗口中的适当位置即可（如图4）。同样方法把“Forward Button”按钮拖动到适当位置。

[center]screen.width-500)this.style.width=screen.width-500;">
【图4】只需要拖动到相应的位置即可
[/center]

梦幻のFF

接着，我们再添加一个按钮试一试，让它实现访问制定网址的功能。按照上面的方法，拖动资源库中的“WWW”按钮到界面中。在浏览器设计界面中选中该按钮，点击右键选择“Properties打开属性设置浮动窗”。浮动窗中允许你设置对象的各种属性（如图5），找到“Parameter”文本框，修改其中的值为你喜欢的网址即可。同时，你可以把“Hint”修改为相应的提示说明，如“访问太平洋电脑网”，当鼠标指到该按钮上时就会出现提示。

[center]screen.width-500)this.style.width=screen.width-500;">
【图5】软件还可以设置对象的各种属性
[/center]
　　我们来添加地址栏。资源库“MacOS_Style”选项卡中没有地址栏怎么办？没关系！在主窗口的工具栏只能够可以找到，同样拖动它到设计窗口中（如图6），适当拉长它。接着，选中它，在上面说到的属性设置浮动窗中将“Role”下拉框中值改为“Addressbar Main Web”（如图7）。

[center]screen.width-500)this.style.width=screen.width-500;">
【图6】添加地址栏
[/center]

梦幻のFF

[center]screen.width-500)this.style.width=screen.width-500;">
【图7】修改键值
[/center]
　　最后，改一下浏览器的名称。选中浏览器窗体的标题栏，在属性设置窗口中修改“Name”属性为你喜欢的名字。OK，到这里我们就完成了一个简单但是漂亮的浏览器！主界面的工具栏中有两个按钮（如图8），前者为预览测试，后者为制作发布。


[center]screen.width-500)this.style.width=screen.width-500;">
【图8】成功出现两个按钮了
[/center]
[center]先预览一下看看效果如何（如图9），还不错吧！点击按钮试一试，是不是访问太平洋电脑网了呢？如果满意的话，点击制作发布按钮就可以发布程序了！
[/center]

梦幻のFF

[center]screen.width-500)this.style.width=screen.width-500;">
【图9】预览效果
[/center]
[center]　　二、进阶打造全功能浏览器

　　上面我们通过一个简单的例子来演示了一个简单浏览器的制作。下面，我们就来体验一下，打造一个更多功能、更加惊艳的浏览器！

　　首先，新建一个工程。在新建工程对话框中，选择标准工程“Blank Application”。工程打开后可以看到一个标准的Windows窗口，界面上只有一个浏览区域。

　　接着，我们给窗体整体效果“整容”一下吧，让它更加吸引人！这里比较麻烦一些，我们一步步来。

[/center]

梦幻のFF

1、用Photoshop做一张合适的图片作为浏览器的整个背景。如图10所示，在图片中规划好浏览区域位置、工具栏等位置，给这些位置加上一些图片或者以颜色填充；其他没有用到的位置全部统一用一种颜色着色，着色必须用区别于有用位置颜色，这很重要！如图10中，没有用的颜色全部都用白色着色。


[center]screen.width-500)this.style.width=screen.width-500;">
【图10】用自己的图作为浏览器的背景
[/center]

梦幻のFF

2、为了方便使用背景图案，把工程窗体中除了浏览区域，其他的元素全部删除。删除后的界面如图11所示。

[center]screen.width-500)this.style.width=screen.width-500;">
【图11】删除浏览区域外的元素
[/center]

梦幻のFF

3、选中整个设计窗体，点击属性浮动窗口中“Graphic”下的图示，在弹出的对话框中选择我们准备好的图片。接着，点击“Alpha Color”色块选择过滤无用区域的颜色，我们这里就是白色了（如图12）。搞定之后，设计区域就出现了我们自己的背景！拖动浏览区域到合适的位置，并且调整大小。完成后效果如图13所示。笔者Photoshop水平有限，背景做的效果不好，还请见谅：）


[center]screen.width-500)this.style.width=screen.width-500;">
【图12】定义过滤无用区域的颜色
[/center]
[center]screen.width-500)this.style.width=screen.width-500;">
【图13】粗糙的基本框架出来了
[/center]

梦幻のFF

界面的工作终于完成了，下面就开始添加各种按钮吧！打开“Library”浮动窗口，选择你喜欢的按钮风格，这里以“XP_Blue”为例（如图14）。


各个按钮都有简单的英文名标识，很容易看懂。拖动你需要的按钮到界面中适当位置，然后为每一个按钮设置设置过滤颜色，方法和为窗体背景设置过滤颜色一样。当然，别忘了添加地址栏哦！完成后效果如图14。

[center]screen.width-500)this.style.width=screen.width-500;">
【图14】逐个添加相应的按钮
[/center]

梦幻のFF

[center]screen.width-500)this.style.width=screen.width-500;">
【图15】完成！这是个利用IE核心的浏览器
[/center]
　　到这里就大功告成了！运行一下，一个基本功能齐全，界面漂亮的浏览器就呈现在面前（如图15）！不仅界面可爱，而且还是异型窗体哦！是不是心动了呢？那就快动手，为你心爱的人DIY一款浏览器吧！

梦幻のFF

自己来顶下,实在很有意思啊

godshymen

现在都要个性了啊

真是个个性的世界呀

梦幻のFF

太麻烦了,还不如自己写,那样更自由

精神分裂

还是Torpark好，自动找代理，什么XX网都可以+

g2v

像我这样的懒人是个性不起来的。