editplus生成页面框架

来源：互联网发布：淘宝网买家地域解读编辑：程序博客网时间：2024/06/08 06:44

相信大家一般都上过一些淘宝的网站，在网站的右边，是一些树形结构，表头是一些登陆的界面，表邮编才是咱们信息显示的部分，以前一直都是把他们做成了几个jsp的文件，然后在别的文件里<%@ include ******%>,然后就能显示我们抽离出来的信息了，但是我做这个的时候每次找位置都回让我麻烦。但是最近才发现，原来这个所谓的矿机一开始就可以画好，只需要一个简单的工具，editplus。

要做一个工具，当然首先你要有这么一个软件，然后打开file-->New-->HTML Page。新建一个HTML的页面，然后去掉里边的body，单机下图中红框的图标。

然后大家会看到如下代码：

<!doctype html><html lang="en"> <head> </head><frameset rows="," cols=","><frame src="" name=""><frame src="" name=""></frameset></html>

而这些frameset中的rows，当然就是代表的行，cols代表的就是列，我们写的时候例如:rows="15%,*",就代表把页面分成了两部分，上边的行始终占屏幕的15%，而frame中的src就是我们要引用的界面，例如我们树形的菜单栏结构，name里边填写的是right,left,top,bottom,然后我们可以在内部继续点击上图中红框中的按钮，生辰的代码如下：

<!doctype html><html lang="en"> <head> </head><frameset rows="," cols=","><frame src="" name=""><frameset rows="," cols=","><frame src="" name=""><frame src="" name=""></frameset></frameset></html>

也就是内部再套一个框架，运用的时候我们可以这样，例如我们的第一个frameset的rows="15%,*"，然后我们可以在这15%部分加上自己的Logo，用户登陆等信息，然后在下边的左边显示我们的菜单，右边显示我们的商品信息。加入我的顶部信息放到top.jsp，菜单放到left.jsp中，商品信息显示在right.jsp中，写好的代码如下：

<!doctype html><html lang="en"> <head> </head><frameset rows="15%,*"><frame src="top.html" name="top"><frameset  cols="15%,*"><frame src="left.html" name="left"><frame src="right.html" name="right"></frameset></frameset></html>

这样一个简单的框架就能搭出来了，效果如下：

如果还是看不懂，可以点击下边的链接，去下载一下啊。

http://download.csdn.net/detail/lovemenghaibin/9215295

0 0