FrontPage制作网页小技巧.doc

FrontPage制作另类超级链接赛迪网2004-10-26 21:40:00 文/ 悬停按钮的超链接悬停按钮的超链接悬停按钮是FrontPage 的组件功能之一，用它可实现网页的动态效果。浏览时它是一个普通按钮，当鼠标经过它，按钮的颜色和形状随之变化。这样漂亮醒目的按钮常用来实现带有多媒体效果的超链接。下面我们就来做一个播放音乐的按钮。在“网页/普通”视图模式下，确定光标位置后，单击“插入/组件/悬停按钮”，出现“悬停按钮属性”对话框(如图1)，在“按钮文本”框中输入按钮显示的文本内容：播放音乐，而后可单击“字体”按钮改变文本的字体类型、大小、样式和颜色。接着点击“链接到”框右边的“浏览”按钮，选择名为“Music1.mid”音乐文件(你可换成自己需要的文件名，该文件最好先复制到当前站点下)，其他设置可采用默认值，点击“确定”完成。图1浏览时鼠标经过“播放音乐”按钮，按钮颜色发生变化，鼠标变为手形，按下按钮就可调用机器上默认的那款多媒体播放软件播放音乐。指向书签的超链接在一个有较长和较多层次内容的网页中，启用书签功能将会使浏览更加方便。先在网页中定义书签，然后建立书签的超链接。书签有文本书签和默认光标书签。选中指定的文本，单击“插入/书签”命令，“书签”对话框中之“书签名称”框的蓝色文本正是刚选中的文本内容，可以输入书签名如“AA”，单击“确定”。定义好的文本书签将以下划虚线显示。另外，也可以利用光标建立书签。先把光标放在插入书签的位置，单击“插入/书签”，输入“默认光标”作为书签名，点击“确定”。定义好的默认光标书签以蓝色小旗子加下划虚线标识。在页面适当位置，输入提示文本，选中输入的文本，单击“插入/超链接”，出现“创建超链接”对话框，点击“书签”下拉框，选中其中已定义的书签，则“URL”框中的值如“#AA”，单击“确定”。在浏览网页时，我们经常会发现有些网页的超链接下载速度极快，其实此类超链接并非下载新的网页，而是直接指向本网页的某书签处。导航栏导航栏用于导向Web站点的一套超链接，典型的导航栏的超链接导向主页及其他主要网页，为便于站点访问者快速地返回主页和调用站点主要网页。在每一网页上设置导航栏是十分必要的。导航栏是Web站点超链接的主线。这种超链接使得站点的结构清晰、链接简单，查找方便。1、设置导航结构单击“视图/导航”命令或直接点击视图工具栏的“导航”按钮，切换到“导航”模式下。从左边列出的文件夹列表中选定主页往右边导航栏中拖放，再把其他选定的网页拖到主页下边，形成导航结构图(见图2)。若想把某个网页从导航结构中退出或删除，则在该页的方框图上右击鼠标，去掉“已加入导航栏”的小勾或选择“删除”功能。图22、共享边框的导航栏共享边框能使一个站点中所有网页都具有相同的边界，也就是说它是站点中一个或多个网页所具有的共同的区域。在共享边框内，用户可显示一些网页共同的内容如本Web站点的导航栏，编辑网页时，只需对共享边框进行一次设置即可。在“网页/普通”视图模式下，单击“插入/共享边框”命令，根据需要选择上边框(水平导航栏)或左边框(垂直导航栏)，也可以一个网页增加两个导航栏，然后在上边框或左边框下边的“包含导航栏”选项前打勾，单击“确定”。我们看到插入的共享边框用虚线圈住，里面放置“页面横幅”和“导航栏”组件。“网页横幅”组件显示网页的标题内容，“导航栏”处只是用中括号括住提示文字“编辑此导航栏的属性，以便在此处显示超链接”，原来导航栏默认显示导航结构图同一层网页。双击导航栏或右击鼠标后选择“导航栏属性”，在“导航栏属性”对话框中，选择“子层”或“主页下面的子页”，点“确定”。没有应用任何主题的导航栏只是用中括号括住文本超链接(如图3所示)。对于已应用主题的站点的导航栏会以主题内设的按钮图片出现。例如，现在给网站加个主题，单击“格式/主题/饼图”，点“确定”，漂亮的导航栏按钮就完成了(图3)，通过这些导航按钮我们非常方便地浏览整个Web站点。图3如何在一张图片上制作多个超级链接赛迪网2004-10-18 0:45:00 文/静悄悄 当浏览者在网页图片上的不同位置按下鼠标左键，此时就会连接至不同的网页，这个效果不错吧？FrontPage 2002提供了非常简便的在一张图片上制作多个超链接的制作工具，利用鼠标在图片上拖曳，我们就可以直接将图片划分出许多不同的区域并制作出多个超链接了。 1、请先开启一个新的网页，然后点击工具栏上的“插入文件中的图片”按钮。 2、在“图片”对话框中搜寻自己要插入的图片(点击“视图”右边的三角形选“预览”可在下面的预览窗口中查看你要选的图片)，选定图片后点“插入”。3、回到主编辑画面后，在插入的图片上单击鼠标左键，此时图片四周就会被八个点所包围起来，同时，在图片下方就会出现“图片工具条”。有时，“图片工具条”不会自动跳出，选择菜单“视图工具栏图片”，即可让“图片工具条”出现。4、在“图片工具条”的右边，可以找到我们操作要用到的工具按钮，它们分别是“长方形热点”、“圆形热点”。我们直接选取“长方形热点”按钮进行长方形作用区域的设置。5、点一下“长方形热点”按钮，直接在要产生超链接的图片区域上按住鼠标左键不放，之后拖曳出超链接区域的范围直到符合我们理想的区域大小，然后放开鼠标左键结束区域设定。如果点的是“圆形热点”按钮，开始点应放在所要选定的圆形超链接区域的中心。6、在紧接着弹出的“建立超链接”对话框中，可以直接选择或输入我们要进行超链接的网页地址，然后按下“确定”按钮关闭“建立超链接”对话窗口。7、依照步骤56所说明的方法在图片别的区域加入其他的超链接。以后打开这个网页，当我们将鼠标指针移至图片各个超链接区域上时，鼠标指针都会改变为“手指”的形状，这就表示我们已经成功地在一张图片上建立了多个超链接了。用FrontPage制作缩略图和图片重叠效果cpcw2004-11-30 0:16:00 文/陈志坚 一、图像缩略图的编辑图像的缩略图是指把图像按原比例缩小,可作为原图的预览，这在网络速度比较慢时可快速地显示图片的概图。当你的网页上有大型图片时，这可能让访问者花费很长的时间来下载，此时缩略图就很有用。与其强迫站点访问者来下载大图片，还不如提供一个缩略图，让访问者先睹为快，然后再来选择是否要单击它来观看其完整版本。制作缩略图其实很简单，步骤如下:在FrontPage 2000中选中图片，然后单击鼠标右键，在弹出的菜单中选择“图片属性”（或者直接按快捷键“AltEnter”),调出图片属性设置对话框，点选其中的“外观”标签。在“大小”栏中，选中“指定大小”和“保持纵横比”，按自己的实际需要确定照片的宽和高即可。然后点击“常规”标签，在“替代表示”栏中的“低分辨率（即缩略图）框里填入缩略图的位置，在“文本”框中填入说明文字，再确定超链接的位置，单击“OK”，完成。还有更简单省事的方法呢！在网页视图模式下，单击“图片”，在“图片”工具栏，单击第三个按钮“自动缩略图”，FrontPage2000就会自动创建缩略图图片和指向原始图片的超链接，一切都无需你去操心！当然在创建缩略图之前，你可首先设置好创建缩略图的属性。也就是说，你可以指定FrontPage2000 要如何去创建你所想要的图片缩略图。在“工具”菜单上，单击“网页选项”，然后单击 “自动缩略图” 选项卡。在“设置”框中，单击你想要用以指定大小的选项，然后在“像素”框中，输入像素值。例如你想要缩略图图片为 80 像素宽，可单击 “宽度” 然后输入 “80”。缩略图的高度将会自动调整。或者，你在“设置”项的下拉菜单中选择 “最短的一边”，然后输入 “80”，那么任一缩略图图片的最短边(无论是高度或宽度)都将是80像素。你还可以指定缩略图的边框，可选择“边框粗细”，然后在 “像素” 框中，输入以像素为单位的边框粗细值。若你还想要图形具有更强的视觉效果，可选择 “边缘凹凸效果”。若你还指定了边框粗细，则缩略图将会在边框内部有漂亮的边缘凹凸效果。而且，对缩略图属性所做的任何更改都不会影响到已经创建的缩略图。但是要提醒你，“自动缩略图” 在以下情况将不会有作用：1.若你选择的图片已经小于缩略图；2.图片上有超链接或热点设置;3.该图片是动画,比如gif格式 二、图片重置效果的实现这种特殊效果非常别致，而且实现也很容易。具体实现的步骤如下：1.先画一个表格，大小根据你的具体需要而定；2.然后把图像放到表格里,最好是透明背景的gif格式动画，这样将会更加生动活泼；3.接着在表格里面单击鼠标右键，在弹出的菜单中选择“表格属性”,调出表格属性设置对话框，把其中的“布局”中的“