个人站点不同于大型公司企业的站点，一般要讲究个界面清新亮丽可人等优点。那么当你的主页面上因内容较多而显得体态雍肿时，你该想个什么高招让他减减肥呢？这里不妨假设你的页面上已经设置过了许许多多常用站点的链接，浪费掉了你主页面的一大块宝地，此时你想为自己主页减一下肥。呵呵，试试我这招儿吧：用Frontpage XP把常用酷链接浓缩到一个“下拉菜单”中，你会发现主页减肥原来也如此简单！

首先说明的一点是，好多人都注意到了Frontpage XP或Frontpage 2000中的这个下拉菜单，但做出来的下拉菜单不能用，这是为什么呢？因为常规方法做出来的下拉菜单需要服务器组件支持但你的机器没安装呢！不信的话请到你做的含有下拉菜单的页面的源文件(HTML)中找一下，看看“< form>与< /form>”标签内是不是有如下这一句：“< !--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv"(注：若你用的是Frontpage 2000，则这个文件名是“form_results.txt”) S-Format="TEXT/CSV" S-Label-Fields="TRUE" -- >”！先用Frontpage 2000做好下拉表单后只需再到源文件中小作手术即可！

一、先用Frontpage XP(或Frontpage 2000)制作好下拉菜单

1、运行Frontpage XP，在编辑窗口的“普通”标签下，将光标定位到你要插入下拉菜单的地方后，选择菜单“插入/表单”下的“下拉框”命令(Frontpage 2000中是“下拉菜单”命令)，得到下图1所示的一个下拉菜单，注意其中有“提交”和“重置”(Frontpage 2000中是“提交”和“全部重写”)两个按钮，二者对我们的个人主页来说并用处，要将其删除掉(只留下左边的下拉框)。




2、在下拉框上双击(或右键点选“表单域属性”)，弹出下图2所示的“下拉框属性”对话框(注意：在Frontpage 2000中是“下拉菜单属性”对话框，但其后的设置过程完全相同)。




3、点按“添加”按钮，在随后弹出的下图3所示的“添加选项”对话框中：在“选项”框中输入你的下拉表单中要显示的初始值(即做好后的下拉菜单中要默认显示的那行文字)，这里作为例子我输入的是“我的常用酷链接”；选中“指定值”并输入“#”(注意这个符号在这里是必须要填写的，意为不管你在浏览时已经选择过下拉菜单中的那一个链接，只要再点按第一行的默认文字“我的常用酷链接”后页面就会返回到本页面，且会在地址栏中本页面的URL后多一个“#”，否则就会有“找不到该页”的提示啦！)；选择“初始状态”为“选中”并点按“确定”，返回到“下拉框属性”对话框后，此时你会在其中看到“选项”为“我的常用酷链接”、“已选”为“是”、“指定值”为“#”的一行字符。




4、在“下拉框属性”对话框中再次点按“添加”按钮，仍然是在随后的“添加选项”对话框(下图4所示)中：在“选项”框中输入你的下拉表单中第一个要显示的酷站名称，作为例子我输入的是“赛迪网-中国电脑教育报”；选中“指定值”并输入目标页面的URLhttp://www.cce.com.cn/”(这里的目标URL一定确保正确哦^_^)；注意“初始状态”与上一步不同的是选择“未选”并点按“确定”后，就会再次返回到“下拉框属性”对话框。此时你会在其中看到“选项”为“赛迪网-中国电脑教育报”、“已选”为“否”、“指定值”为http://www.cce.com.cn/”的一行字符。呵呵，这就是你做好下拉菜单后在浏览状态下点按时，在你的下拉菜单中第一个可用的酷站链接啦！




5、重复进行上一步的操作，就可以把你所有常用的酷站都加到这个下拉菜单中来了。下图5所示就是我已经作好的一个下拉菜单在编辑状态的“普通”选项卡下的界面图。作好后，你还可利用右侧的“上移”或“下移”按钮作调整，并可继续“添加”多项条目或“修改”甚至“删除”某些条目。




至此为止，一个可心的下拉菜单就做好了，满心欢喜地保存后，急切地在浏览(或在编辑状态中点按“预览”钮)状态下找到做好的下拉菜单试一下。咦~~~不能用呀？别着急呀，一开始我不是说过了么，你必须再到HTML中对其动一下手术才能用的啊！

二、再到HTML中“动手术”去

浏览状态下右键点按“查看源文件”(或在编辑状态中点按“HTML”钮)，从源文件中找到“< form>与< /form>”标签，先从中找到一开始我提到的“< !--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv"(注：若你用Frontpage 2000，则这个文件名是“form_results.txt”) S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->”这一句，将其删除；再找到“< select size="1" name="D1">”这一句，将其修改为“< select name="select" onchange="javascript:window.open(this.options[this.selectedIndex].value)" size="1">”！好了，保存并浏览状态下刷新后(或直接利用编辑状态的“预览”按钮)再去试一下你？这会子没问题了，能用啦！呵呵！

另外：如果你嫌其背景色是默认的白色太过单调想改一下的话，这更好办了。咱们也不用再那么烦索地到编辑状态中了，我就直接领你在浏览状态中以“右键点选查看源文件”的方式在HTML中继续作“手术”好了：先找到刚才改好的这个“< select …>”标签，再在其右尖括号“>”前面空一格后加入“style="COLOR: #0000ff; FONT-SIZE:10pt; background-color:#FEF1DE"”这样一句表示这个下拉菜单的样式的语句就OK了！其中有三个属性值，分别表示的是：文字颜色、字体大小和下拉菜单的背景颜色，看不中我设定的颜色的话，你可据自己的眼光随意修改啊！呵呵……
转载请注明出自：凡人网络VenShop.Com