如何进行网页制作?网页制作的步骤和操作技巧(二)

　　动态网页

　　DHTML是动态网页的意思，它其实并不是一个标准的术语。事实上没有一种技术叫作DHTML。DHTML是利用CSS(层叠样式表)，JavaScript，HTML等技术而建立的能与访问者产生互动的网页。比如在动态网页里，当访问者单击了某一张图片后，这张图片会自动的移动，这就是DHTML效果。也就是说，当网页下载完毕后，它无需再与服务器连接就能产生变化了。FrontPage2000提供了一套容易制作动态网页的方法，你可以建立起属于自己特色的动态网页。

　　1、使用DHTML的基本步骤

　　1).在页面点选需要使用DHTML的对象，比如文本，图片。对于文本需要拖曳鼠标选定;

　　2).在DHTML工具栏，选择通过开启的下拉列表选择一种事件，文本和图片所具有的事件是不同的;接下来再应用下拉列表选择一种效果;较后选择该效果的的实现方法;

　　3).当你为对象使用了DHTML后，保存该页面并预览，你会发现你选定的对象按照你设置的DHTML的效果出现;

　　4).如果想删除某一个对象的DHTML效果，先选定该对象，然后单击DHTML工具栏上的删除效果图标即可。

　　2、DHTML的事件

　　在DHTML制作中，我们听得较多的是“事件”这个术语。什么是“事件”呢，顾名思义，就是发生的一件事情，比如你用手打开门，那么这就是一个事件。换到网页制作中，开门变成了单击，也就是说，访问者单击了一个链接，那么出现了事件的结果，门被打开了。 在FrontPage2000中，当我们打开DHTML效果工具栏后，点选文本或者图片会产生不同事件。但它们的施用方法是一样的，

　　3、DHTML的小技巧 DHTML兼容性 利用FrontPage2000制作的DHTML网页只能被InternetExplorer4.0或以上版本完全正常浏览。对于图片的DHTML效果，Netscape Communicator 4.0或以上版本也可以浏览。 禁止DHTML 如果想禁用DHTML效果，点选菜单工具/网页选项，在打开的对话框里选择兼容性标签，取消动态HTML前的复选框里勾，这样DHTM效果被禁用。 使用DHTML 一般情况，在你没有选定某一个对象的情况下，你只需要把鼠标移动到对象的左边或者右边单击一下就可以使用DHTML效果了。

　　4、网页过渡 网页过渡是指当你进入或者离开一个网页的时侯所产生的效果的这个过程。比如你从某一页进入另一页，你会发现当前页慢慢向中间合拢，同时出现了另一个新的页面，直到当前页合拢消失而较后出现新的页面。

　　如果你想使用网页过渡，可以按照以下步骤：

　　1).打开想使用过渡效果的页面，或者新建立一个页面。点选菜单格式/网页过渡，打开网页过渡对话框;

　　2).在事件下拉列表里选择一个事件，我们选择进入网页。大家要注意，当你为某页和站点都设置了过渡效果时，网页将比站点过渡效果;

　　3).在周期文本框里输入持续的时间，然后在过渡效果列表框里点选一个效果，单击确定。利用浏览器打开该页面，因为我们选择的网页过渡是进入网页，所以当你打开该页时你就能看到过渡效果了。 利用DHTML效果的确是吸引访问者的有力利器，但如果你不愿意和复杂的代码打交道，那么FrontPage2000为你预设了许多DHTML的效果。你要做的仅仅是选定需要动态效果的对象，比如文字，图片，然后利用“傻瓜”式的操作就可以让你的网页动起来。

　　Web页有自己的一组属性，通过选择“文件”菜单中的“属性”或通过鼠标右键单击页内任何位置，选择快捷菜单中的“网页属性”命令，可以打开“网页属性”对话框。

　　在“常规”选项卡中，各项设置含义如下：

　　·位置：指出页的完整URL。

　　·标题：显示的页标题，即在HIML中显示在元素中的标签内。

　　·基位置：在此位置可输入一个URL，可将这页中使用的相对URL的超链接总指向同一正确的目标，通过对一个URL的说明，可以在不移动相对URL中所有目标的情况下，移动这个页。

　　·默认的目标框架：定义不规定框架的页中所有超链接的默认框架。

　　·背景音乐：加入背景音乐，当浏览器打开该页时，会同时播放音乐。 在其它选项卡中还可对页边距、语言等系统参数进行设置。

　　建立超链接

　　超链接(HyperLink)的出现使网上浏览变得更加便捷，只须用鼠标轻轻点击，便能轻松地从一个页面跳转到另一个页面，从一个Web站点跳到另一个Web站点，从一个跳到另一个。超链接就是一些特殊的文本或图像，是其它页面的入口。

　　1.与当前web站点的页面建立超链接

　　(1)在FrontPage中打开要建立超链接的页面(若是新建页面，则要肯定该页面己被保存)，选中超链接源，超链接源可以是一个字符、一个单词、一句话或一幅图片等。

　　(2)选择“插入”菜单中的“超链接”命令，或单击“常用”工具栏的“超链接”按钮，则弹出“创建超链接”对话框(如图)，在该对话框中列出了当前FrontPage中打开的Web站点中的文件夹和文件。

　　(3)在该对话框的文件列表中，选择要建立链接的目标文件。

　　(4)单击“确定”按钮，超链接建成。

　　2.与本机中的其它文件建立超键接

　　(1)选择超链接源，打开“创建超链接”对话框。

　　(2)在该对话框中单击“制作一个链接到您计算机上文件的超链接”按钮，然后从弹出的对话框中找到自己所要链接的文件，选中它。

　　(3)单击“确定”按钮，超链接建成。

　　3.与world wide web上某一站点建立超链接

　　(1)在FrontPage中打开欲建超链接的页面，选定超链接源。

　　(2)选“插入”菜单中的“超链接”或单击常用工具栏的“超链接”按钮，弹出“创建超链接”对话框。

　　(3)在“URL”文本框中，输入超链接目标的URL。

　　(4)单击“确定”按钮。 格式化文本

　　1.输入文本 从总体而言，文本仍是网页中的主体内容，在FrontPage中输入文本与在Word中输入文本非常类似。

　　(1).需要加入空行或换段时才使用Enter键，当输入文本达到所定义的右边界时，将自动换行。若录入文字有错可按Backspace键清除错误，重新录入。

　　(2).可在文本中任意位置处插入新文本内容，操作时把鼠标指针定位到欲加文本处即可添加文本。

　　(3).可进行覆盖式录入，即先用鼠标选中要替换的文本，然后直接录入文本。

　　(4).可通过单击常用工具栏的“显示所有”按钮，让段落标记在屏幕上显示或隐藏，借助段落标记可清楚地看到段与段之间的空行。

　　2.文本的选择

　　(1).选择一个单词或多个单词：选择一个单词只需在该单词上双击鼠标即可，按住鼠标左键在要选单词上拖动即可选择多个单词。选择字与选择多个单词的方法相同。

　　(2).选择一行文字：一行文字就是在屏幕上占据一行空间的文本。将鼠标箭头移到行的较左边，当光标箭头变为指向左边时，单击鼠标左键，便可选择该行。

　　(3).选择一个段落：将鼠标箭头移到该段落的较左边，当光标箭头变为指向左边时，双击鼠标左键，或按下ALT键，再用鼠标单击想要选择的段落，即可选择该段落。

　　3.删除、拷贝和移动文本或图片

　　(1).删除：删除插入点左侧的一个字符，按Backspace键;删除插入点右侧的一个字符，按Delete键;删除插入点右侧的一个单词，按Ctrl+De1ete键;剪切所选内容并保行到“剪贴板”，按Ctrl+X键;删除所选内容按De1e1e键或选择“编辑”菜单中的“删除”命令。

　　(2).拷贝：拷贝所选文本或图形到剪贴板，方法是：选中文本或图形，然后按Ctrl+C键或从菜单上选择“编辑”菜单中的“复制”菜单命令，也可直接单击工具栏中的“复制”按钮。

　　(3).移动文本或图片：选择想要移动的文本或图片，再拖曳到要插入的位置，释放鼠标，所选对象就移到目的地。如果先将选择的文本或图片“剪切”，然后再“粘贴”到指定区域，也可将其移动。

　　(4).通过“撤销”取消误操作：如果用户在不小心的情况下错误地执行操作，单击工具栏上的“撤销”命令按钮，可以取消用户执行过的操作，或从菜单栏选择“编辑”菜单中的“撤销”菜单命令，或按Cir1+Z键。

　　4.加入标题 出于页面内容层次的需要，有时在页面中要加入一些小标题。 HTML语言规范采用6级标题，各级标题采用文字不同字号来区分，其中标题1为大标题，其它依次为中小标题。要设定某一级标题，可以在FrontPage格式工具栏中的“样式”下拉列表中选中一个标题等级，然后在光标处输入标题文字即可;或者先输入文字，并选定该文字，然后在“样式”下拉列表中选定某一级标题。标题结束后，将下拉列表中的格式改回原来的“普通”，再进行其它内容的输入。

　　5.改变字体及设置字体效果 FrontPage在通常情况下，字体为“Times New Roman”。若用户的操作系统是中文Windows95/98或Windows NT，中文默认字体为“宋体”，文字大小采用默认的字号。若要设定不同的字体，可先选择要改变的文字，然后在格式工具栏里的“字体”下拉菜单中选择一种字体，或从菜单栏选择“格式”菜单中的“字体”菜单命令，通过“字体”对话框来设置，并可设定字体样式、大小等。当字体改变后，形式将一直保持，直到用户又重新设置新的字体为止。

　　(1).设置字体颜色：选中文字，单击格式工具栏上的“文本颜色”按钮的下拉箭头，就会弹出其下拉列表，在“标准颜色”中选择所需颜色;若没有，可选择“更多的颜色”命令，然后从弹出的对话框中选择。

　　(2).设置字体样式：要对需要的文字进行粗体、斜体和下划线处理，只要选择要处理的文字，从格式工具栏上单击“加粗”、“斜体”或“下划线”按钮即可。想解除