» 网友学堂 » FrontPage教程 » MS FrontPage XP全新体验(3) -> 查看 2007年02月27日 更新
MS FrontPage XP全新体验(3)
作者:hinet 发表时间:2007-2-27 18:15 阅读:262次 在百度搜索相关内容

 文/唐轶贤

  3.在新建网页中设置表格

  设置好以后,回到网页,然后添加一个表格。当然我们也可以通过主菜单中的表格自动套用格式给表格加上格式,它提供了一个方便快捷的途径来制作专业化的表格。当选定喜欢的表格风格以后,FrontPage XP会自动改变表格的边界、阴影、颜色等属性。不过我们这儿的表格是用来在网页中定位的,所以不加任何格式。


  接着在第二行的单元格里点击右键,然后选择拆分单元格,拆分成两列。将光标移动到拆分出来的左面的那个单元格里面,然后在主菜单里面选择插入图片来自文件,随后在文件浏览框中选择我们事先准备好的一个图片。同样在第二个单元格里面插入一张图片,为了使两张图片的位置恰当搭配,可以适当调节单元格的大小,也可以选中图片以后单击右键选择图片属性适当调整。如果有必要,也可以选择网页视图左下角的HTML视图,然后直接编辑源代码。值得注意的是,FrontPage XP的HTML编辑器采用的是彩色代码,这样可以很容易地识别HTML语言的各个部分。

  然后我们再将光标移动到上面的那一个单元格,在主菜单中选择插入表单下拉框。随后删除下拉框旁边的两个按钮,因为这两个按钮我们并不需要。选中下拉框,点击右键,选择表单域,在下拉框属性对话框中添加指示页面导航的一系列参数。但是仅仅修改这些代码是不能使我们的HTML页面达到目的的,我们还必须手工修改代码,在……区中间添加下面一段:

<script language="JavaScript1.2">
function dhselect(){
window.location=document.form.s.options[document.form.s.selectedIndex].value;
}
</script>
同时修改<form><select>……</select></form>部分为:
<form name="form">
<select name="s" onchange=dhselect() class="select">
……
</select>
</form>


  4.建立图片库

  然后我们回到页面的普通视图,这一次我们要做一个图片库,当然这在FrontPage XP里面已经是很简单的事情了,选择主菜单里面的插入Web组件选择图片库,然后选择蒙太奇版式。在图片库属性中),首先添加我们打算在这个页面中显示的图像。对于这些图像,我们可以事先定义他们在整个图像库中显示的顺序,就是通过上移、下移来达到。而且,对于每一幅图片,我们都可以加上标题,定义这个标题显示的方式。

  所有标题设置好以后,任务就算完成了,点击确定,然后等FrontPage XP把这些图片的缩略图建立好,就可以了。

  你也可以插入其他的Web组件,我们前面介绍过,FrontPage XP里面添加了很多有益于网站管理的组件,网页制作者不可轻视这些Web组件,他们必将成为你的良好帮手。

  最后,我们保存页面,然后在主菜单里的文件菜单中选择用浏览器预览就可以看到我们这一次的劳动成果了。

  经过这一次简单的FrontPage XP之旅,相信你对于Office XP一定有了一个全新的认识了吧。

#Advertisement