|
frontpage 基本技术(1)
作者：kill 图片的对齐方式可以通过工具条行对齐图标来设置。如果您希望文字包围在图片周围，如本文左边的图片那样，则需要点击鼠标右键，在弹出的菜单中选择“图像属性”选项，则会弹出图像属性对话框。点击“外观”标签，从中选择“布局”项中的“对齐方式”下拉选单，在弹出的菜单中选择相应的位置。如果有时候出现图片是在右首但文字无法在左首包围图片的情况，您还可以通过在HTML源代码中在< img >标签中加入valign=“top” ，则文字就会和图片的顶端对齐。valign=“center”则会使文字同图片的中部对齐，valign =“bottom”则会使文字同图片的底端对齐。在图像属性的“外观“对话框中您还可以设置图片同周围文字的水平和垂直垂直距离，是否给图片加边框以及边框的厚度等设置。 如何设置链接？ 答：网页最重要的特点之一在于您可以通过网页上的各种链接进入下一级网页或者到别的网站。在HTML 代码中主要通过 或者 设置链接。在FrontPage98 Editor中您通过鼠标点击等简单的动作就可实现链接的设置。例如：如果您想设置这样一个链接，让浏览者点击“进入我的另一世界！”就可进入您的“进入我的另一世界！”这张网页，您只需在网页中适当的位置键入“进入我的另一世界！”，用鼠标拖拽选中这几个文字，然后点击工具条中的地球图标，则弹出的对话框URL框中键入所对应的链接，或者点击菜单中的“编辑”，接着在出现的下拉菜单中选择“超级链接”，最后给出网页的绝对路径（即：网络地址，以http://开头）。在设置图片链接时，首先用鼠标选中图片，之后方法和文字链接的设置方法相同。 如何设置图像映射？ 答：设置图像映射的过程用HTML代码编写的方式是一件很令人头疼的事情，因为您必须计算每个坐标的位置。但在FrontPage98 Editor中就变得非常简单。 首先，在网页中插入适当的图像，然后点击该图片，您会发现在FrontPage98 Editor界面的底部出现了图像编辑工具条。假设您要在图像上做一个链接，将其链接到mydocument.htm文件（当然这个文件得先制作好）。您可以先用鼠标选择工具条中的形状工具，例如我们选择方框图标，然后在图像周围拖出一个方框来，则会弹出设置链接的对话框，之后的工作就和文字链接的设置方法一模一样了。您还可以用圆圈或不规则图形的图标在图像上设置圆圈或不规则图形的图像映射。 如何设置页面的背景属性？ 答：首先学习如何设定页面、文字、表格及变革单元的背景色或背景图像。打开FrontPage98 Editor的界面， 建立一个空白新文件。在页面中插入一个2X2的表格，在表格中随意键入一些文字（以便使下一步中弹出的菜单中也显示表格属性表格单元属性及文字属性编辑子菜单。在页面中点击鼠标右键，然后在弹出的菜单中选择页面属性，则弹出页面属性编辑对话框。 在该对话框中有5个标签：常规、背景、页边距、定制、语言。点击“背景”标签，则显示“背景”属性对话框。如果您想将一幅图像设置为背景图案，则点击选中“背景图像”复选框，则该项下面的长条方框变为白色，表示您可以在中键入背景图像所在的路径和文件名。您也可以点击长条框右的“浏览”按钮，在弹出的对话框中选择文件路径和文件名。设之后点击确定按钮您旧会发现页面的背景已经变成了您所喜欢的图像。如果您利用Photoshop或其他图像编辑软件将图片做一些特殊处理之后再用页面背景，则更能增加网页的艺术效果。如果您不想用图片作为背景（因为图片体积一般都比较大，容易造成下载时间过长的问题），您也可以选择某种颜色作为网页背景。首先点击“背景”右边的下拉选单，在弹出的颜色选单中选择适合的颜色。您还可以点击颜色选单中的“自定义”项，在弹出的调色板中配置自己喜欢的颜色。您还可以在背景属性对话框中设置文字的颜色，方法是点击“文字”项右边的颜色下拉选单，然后从中选择喜欢的颜色。另外，在该对话框中您还可以设置链接的颜色。链接颜色的缺省设置是蓝色，您也可以选择其他的颜色作为链接的颜色。“已访问的超级链接”指的是您点击过的链接所显示的颜色，以便使您能很容易地分辨出那些链接的项目您已经能够访问过了。“当前超级链接”是指当您点击某个链接的同时该链接所显示的颜色。 如何设置背景声音？ 答：除了设置背景图像或背景颜色，您还可以设置一种背景音乐或声音。但这个设置是在页面属性对话框的“常规”标签下。所以，点击“常规”标签，您可以看到有一项是“背景音乐”，在该项目下面的“位置”框中您可以键入您所要加入的声音文件所在的路径和文件名。您也可以点击右边的“浏览”键在弹出的对话框中选择文件所在的路径和文件名。在“循环”选项中您可以设定背景声音文件循环播放的次数，如果您选中“循环”右边的“一直循环”选框，则您所设定的背景声音将一直循环播放，直到您转到别的网页或网站浏览时为止。 如何设置表格的属性？ 答：在网页中加入表格后，有时候对于表格的布局和背景等还需要进行细节的设置以使网页表格中的布局可以精确地达到您的要求。在页面中点击鼠标右键在弹出的菜单中选择“表格属性”，则会弹出的对话框，当然您应该在网页中先插入一个表格，否则在弹出的菜单中不会显示出这一项。 关于表格的对齐方式以及表格边框的尺寸、表格单元中内容和单元边框之间的留白和单元之间的距离我们在上文中已讲解过，这里就不重复了。在表格长宽的设置中，如果您选中设定宽度和/或设定高度复选框，则表格的长和/或宽不会随着其他网页元素长宽的变化而变化。 若选中“自定义背景”下面的“使用背景图像”复选框，则在其下的长条框变白，此时您可以在框中键入某幅图像的路径和文件名，将某幅图像设置为该表格的背景图像，而整个页面还可以使用不同的背景图像或背景色。 在“自定义颜色”项下您还可以设置表格边框的颜色，并且还可以为表格边框设置一种立体的效果。点击打开“边框”右边的颜色下拉选单，选取您所喜欢的颜色，则表格的边框变成您所选中的颜色（但是前提条件是您不能将表格边框的宽度设置为0）。其缺省设置上黑色。点击打开“浅色边框”和“深色边框”的下拉选单，并为其设置两种不同的颜色则可以将表格边框的左边和上边框的颜色显示为“浅色边框”中所设置的颜色，将表格的右边和下边框显示为“深色边框”中设置的颜色，从而制造出一种光照在边框上形成的立体明暗效果。 如何设置表格单元及文字的格式和定位？ 答：在页面中点击鼠标右键在弹出的菜单中选择“单元格属性”，则会弹出表格单元属性的对话框。 表格单元对话框的内容和表格对话框的内容大体相似，区别在于表格单元对话卡从更表格单元的层次对网页的元素进行更精细的控制。注意在该对话框中的水平对齐和垂直对齐方式的选择对于您的网页中各项元素的定位有着至关重要的作用。您可以通过设定文字或图像在各个表格单元中水平方向的对齐方式（左对齐、右对齐和居中方式）以及垂直方向的对齐方式（位于表格的顶端、中间或底部）使网页元素的位置达到您的设计要求。如果通过表格单元的设置还不能实现您的定位目的，您还可以通过插入透明色的图案控制表格单元的长宽或单元内文字或其他图片的精确位置。在FrontPage98所提供的样式表（Style...）设置功能中可以无须假如透明色图像就实现网页元素的精确定位，但目前的主要浏览器（IE和Netscape）对样式表的支持标准不一致，为了使您所设计的网页在这两种浏览器中都可以正确显示，最好的办法就是用表格和透明色图像来定位网页元素。 在表格单元中您也可以设置表格单元的背景图像以及单元边框的颜色和立体效果。在该对话框右下端的“单元格跨距”中的设置实际就是拆分及合并单元格的设置方法，您可以在插入表格时通过“表格“菜单下的相应指令来设置。 如何分割窗口的布局？ 答： 所见即所得式分割窗口可以把几张页面同时显示在您的浏览器界面中，而且点击菜单页面中的链接选项可以在主页面中显示相应内容，非常直观，而且能使用户在浏览局部内容时，仍对整个网站的结构有着清晰的认识。如果用HTML代码编写分割窗口脚本，您常常会被各项定义搞得不知所措。但利用FrontPage 98 Editor所提供的所见即所得功能，无论多么复杂的分割窗口，您都可以轻松建立。 我们现在就开始学习如何建立分割窗口的网页。首先打开“框架”菜单，选择“新建框架页面”，弹出对话框中有若干种分割窗口的格式，我们通常所使用的是Banner and Contents格式，在对话框右边有该种格式的分割窗口的预览，如果点击其他类型的分割窗口，也会在该位置显示其他类型分割窗口的预览效果，您可以选择适合的格式，然后按确定。页面会变成新的带有分割窗口格式的页面。Banner and Contents格式的分割窗口将将整个网页分成3个窗口，最顶部的窗口叫做Banner Frame，左下角的窗口叫做ContentsFrame，右下角的窗口叫做Main Frame。实际上这3个窗口就是3个网页。每个窗口中有3个按钮，点击第1个按钮“初始页面”，则您可以从弹出的“创建链接”对话框中键入或选择已有的某个网页作为该风格窗口中显示的初始页面。而点击“新网页”按钮则可以在该窗口中直接编辑新的页面，并在存盘时将其存为单另的一个html文件。实际上这3个窗口中的3个网页都将存为单另的3个html文件，而整个分割窗口页面又存为一个html文件，在该文件中保存了对其他3个子窗口的引用和分割窗口设置。 您可以注意到在网页窗口的下端的标签变成了5个，即除了原有的普通, HTML和浏览标签之外，还增加了不支持框架和框架页面HTML。由于将网页变成了3个分割窗口，所以在HTML标签中显示的是当前的分割窗口的HTML代码，您可以通过鼠标点击不同的分割窗口来转换当前的分割窗口。而在框架页面 HTML标签下则显示整个页面对这3个分割窗口的设置的HTML代码。 如何对分割窗口中的目标窗口进行设定？ 答：通常情况下Banner窗口中的链接指向Contents窗口，而Contents窗口中的链接指向main窗口。这也符合人们的通常习惯，因为人们总是习惯于将文章的标题性质的内容放在页面的顶部，将提纲性质的内容放在页面左侧，而将文章的主体放在页面的右侧，所以这3个窗口的名称也分别是Banner、 Contents和Main。在整个页面的HTML代码中，在对应每个分割窗口的标签(tag)中，有一个target参数项，在Banner窗口所对应的的< frame >标签中，target参数的设置为：target=“Contents”；而在Contents窗口所对应的< frame >中的设置则是target=“main”。这些缺省设置也可以修改，比如您打算将Banner窗口中的连结都指向一个新的浏览器窗口，则您可以将Banner窗口的target设置为 target=“_blank”，则当您点击banner窗口中的链接时，会弹出一个新的浏览器窗口，在该新窗口中显示链接的页面。您还可以将target参数的设置改为_top,或_parent，或_self。_top参数将链接的网页在整个浏览器窗口中全屏显示，而_parent参数将链接的网页在上一级网页所在的窗口中显示。 Frontpage98 Editor的优点在这里发挥得淋漓尽致，您无须编写这些HTML代码，而只需通过鼠标点击就设置所有这些参数。方法很简单。首先您设置好几个分割窗口，然后在某个窗口中做一个链接，在弹出的链接对话框的右下角，您会看到有一个选项“目标窗口”，点击右边的按钮，则会弹出一个对话框。在该对话框的左上角是您所选择的分割窗口的格式，这里我们选择的是Banner and Contents格式，在共同目标中列出了可以选择的目标窗口选项，默认页选项指的是当前的分割窗口缺省的目标窗口的设置，例如Banner窗口的缺省目标窗口的设置为target=“contents” ，在该对话框下边的“目标设置“框中显示了您所选择的目标窗口设置所对应的HTML代码参数，如果您在“共同目标“中选择“同级框架”，则在“目标设置”框中显示_self ，如果您选择“所有页”，则在“目标设置”中显示_top，如果您在 “共同目标”中选择“新建窗口”，则在“目标设置”框中显示_blank，如果您选择的是“父级框架”，则在“目标设置”框中显示_Parent。 |
|
|
