博鱼体育网页制作大全_
发布时间:2023-02-11 13:32

  进入后你会发现PRONTPAGE界面和WORD很相似[图一],这是因为编辑WEB页面和编辑WORD文档有很多同样的设置,这些设置所用的图标和WORD中的是一样的。

  视图中的组框是用来切换视图的,单击里面的小图标就可以切换到不同的视图。FRONTPAGE共有6种视图[如左],使用不同的视图可以从不同的侧面查看设计的WEB站点。对一个WEB站点而言,不断更新是很重要的。随着站点的成长,维护站点的工作量会越来越大。建立站点可能很快,但是如果没有这6种视图的帮助,维护起来就很困难了。

  这种滚动文字我们称为字幕。它特别醒目,我们经常使用它来发布一些站点的通知或提示信息。

  其实创建字幕很简单。我们把插入点放到要使用字幕的位置,选择“插入”菜单的“组件”命令,单击“字幕”选项,

  在文本框中输入要滚动的文字,单击“确定”按钮。字幕不动,这是因为我们现在是在普通模式下,我们单击“预览”选项卡切换到预览视图,字幕的滚动效果就呈现出来了。

  我们在选中一行后,按住SHIFT键不放,接着选择其他行,就可以选中连续的几行,如果按住CTRL键,就可以选中间断的几行。也可以在按住SHIFT键不放的情况下,用键盘的上下左右键来选择。

  这里我们看一下用“选择”命令选择:单击要选择的行 的任何一个单元格,执行“表格”菜单的“选定”命令,单击“行”命令就可以选中该行。当然,对列的选择也是类似的操作方法,选中之后可以把选中行或列删除。

  上移、下移一层:类似于Fireworks中的排列,点击后,图像可以在网页中任意拖动确定位置,很好用的功能。

  对比度以及亮度的处理:这是Dreamweaver望尘莫及的。在加强了亮度以及对比度的图片上插入文字,这种安排一定可以大大提高访问量哦。

  这里我们把水平对齐方式调整为“水平居中”对齐。单击“确定”按钮,文本就水平居中对齐了。

  我们还可以把水平和垂直对齐方式组合使用,这样就可以任意的调整对齐方式了,也可以同时选中多个单元格,一起设置对齐方式。

  首先要知道为什么要选中单元格。有时我们要对单元格进行某种操作,比如要删除几个单元格,首先就要把这些单元格先选中。

  如果知道被导入站点的存放目录,我们可以选择从本地计算机或源文件所在的目录;如果知道被到入站点的URL地址,我们可以选择从全球广域网站点。在这里我们选择从本地计算机或源文件所在的目录,然后在位置框输入站点对应的盘符路径名,将“包含子文件夹”复选框选中,以确保复制被导入站点的所有内容。

  单击“下一步”,再单击“下一步”,再单击“完成”。这样,我们就把一个站点导入进当前站点了。

  将行数设置为3,列数设置为4,将边框粗细设置为5,将单元格间距设为3,确认指定宽度复选框选中,并选择单位为百分比,设置百分比为80,使表格宽度为浏览器宽度的80%,单击“确定”按钮。

  新建的表格边框变粗了。这是因为我们刚才设置了边框的粗细为3,另外单元格之间的分割线也变宽了,这是因为我们设置了单元格间距的结果。我们的设置也自动变为了下一次创建表格的默认设置。

  可以看出,FrontPage对于图片的处理能力已经远在Dreamweaver之上了,只不过比起dw和fw的配合使用来说,还有一些距离。但它的简单快捷非常省事省力,适合初学者。接着我们在图像上点击右键,选择图像属性。这里常用的就是图像的环绕样式,以及一些其他设置(如图2.13)。

  1、新建一个网页,之后输入的文字就会在光标所在位置出现,根本得不能再根本的方法,说白了就是打字。只要光标能到的地方都可以正常输入文字。

  2、通过【粘贴】能将之前在任何程序中复制或者剪切的文字创建到当前编辑网页中,【编辑】菜单栏中的选项与之有关。还可以通过【插入】中【文件】的形式导入文字,包括txt、doc、htm等纯文本或者包含文字的文件。

  在背景颜色下拉列表中选择一种颜色,这里我们选择绿色。下面还有使用背景的复选框,我们可以给表格添加背景。现在我们单击确定按钮,整个表格的背景颜色就改变了。

  作出立体效果也很简单。在表格上单击鼠标右键,仍然选择“表格属性”命令,将边框粗细设为5,将亮边框颜色和暗边框颜色分别设为银灰色和灰度,

  在网页中特殊的效果大大加强了网页的吸引力,用FRONTPAGE是很容易实现的。

  首先,我们看一下,制作这些特效需要设置些什么。我们在普通模式下查看刚才的网页。选择“格式”菜单的“动态HTML效果”。这时就会弹出“DHTML效果”工具栏。

  我们就是用这一个工具栏来设置动态效果的。现在我们按下工具栏上的“突出显示动态HTML效果”按钮 。

  操作设置文字的超链接:打开网页文件,用鼠标反白选择要超链接的文字,然后按鼠标右键。在弹出菜单中选择超链接。弹出超链接设置窗口,然后在列表中选择要超连接网页文件,确定后,就可以看到超级链接已建立好了。注意,在网页编辑窗口,可以按住“Ctrl”键,点击超链接就可以打开超链接指向的网页。

  操作设置图片的超链接:鼠标右键点击要设置超链接的图片,在右键菜单中选择超链接属性,然后设置要链接的文件,也可以链接图片、E-Mail地址等。

  还有【格式】菜单栏中的【项目符号与编号】选项,也可以用来设置文字段落的排列,基本上文字的一般处理都与word相似。

  首先把插入点调整到要插入表格的位置,单击“常用”工具栏“插入表格”按钮 ,拖动鼠标,直到高亮的格子的行列数与你要插入的表格相同为止。这里我们用3乘4的,也就是3行4列的。

  实际上这种方法创建单元格只能将各单元格行高和列宽设置为一样的,如果要在创建表格时对表格进行设置, 可以使用插入表格命令。设置好插入点后,选择“表格”菜单的“插入”命令,单击“表格”命令,

  操作设置同一页面中的书签。选中文字或者图片,选择插入里的书签。输入书签名。然后在任何地方插入超链接,在选择属性框中的左侧的本文档中的内容按钮。然后选择欲指向的书签名即可。还可以进行其他设置。

  操作在图片上添加热区。选中图片,在图片工具栏中选择插入热区按钮,可以插入矩形热区、圆形热区、多边形热区。方法和插入超链接类似,不过热区比起超链接,可以在同一图片完成多个连接,附图插入的是 圆形热区。

  字体:框中选择想应用的字体。字体文件都保存在windows目录中的fonts子目录中,可以自行删改添加。

  字形:有常规、倾斜、加粗和加粗倾斜四个选项。一般来说正文选用保持常规,加粗用于标题,倾斜则用于突出正文中的内容以及使文字美观。

  这和设置单元格的对齐方式差不多。不过在默认情况下表格周围是不能排列文字的,为了让文本与表格融为一体,我们使表格浮动对齐。

  剪贴画:会启动剪贴画寻找器。在这里你可以方便地在本机或者在互联网上搜索到剪贴画用来装点你的页面。

  来自文件:导入本机或者局域网中的图片,相比较剪贴画,获得图像的质量、类型和格式都很丰富,是最常用的导入图像方式。

  文本被分成左右两栏了。文本周围有虚线包围。这些虚线实际上就是表格的框线,我们利用表格把网页分为了左右两栏。

  在普通模式看到的虚线可以便于我们编辑。由于表格框线,所以它在普通模式里是虚线显示的,而在浏览器里它就不显示出来。也就是说用一个看不见的表格把文字分开。

  导入实际上就是把导入目标原封不变地复制到当前站点内。比如我们要导入另外的一个站点可以这样操作:首先在文件夹列表中选中导入内容存放的文件夹,这里我们选择当前站点的根目录。

  选择“文件”菜单的“导入”命令,在“导入”对话框中可以选择“添加文件”按钮添加文件到当前站点中,也可以选择添加文件夹复制某文件夹到当前站点。在这里我们选择“来自站点”。

  表格工具栏的其他按钮都与表格菜单的各条命令相对应,它们的使用方法也是一样的。

  一般情况下,直接输入就可以了。当达到单元格末尾时文字会自动换行的。可是在没有达到末尾时就要换行的话,不是按回车键不就可以了,因为这样做就把文本分成了两个段落,文本的行距就会变大。

  字号:可以直接在输入框中输入想使用的字号,也可以在选项中选取。一般来说在浏览器中9磅和10.5磅看起来最美观最舒服。

  预览:无论在【字体】中进行什么操作,都可以在预览框中看到样品,方便选取合适的搭配。

  我们先来看一下设置背景色:选中两个单元格,单击鼠标右键,选择“单元格属性”命令,将背景色改为青色。

  选中不换行选项则文本在单元格内不会换行,如果文本太长单元格的宽度会自动改变。

  我们最好这样来:现在在FRONTPAGE的文件夹列表中选中一个目录,单击鼠标右键,在弹出的菜单里有“删除”和“重命名”选项。可以在这里对目录或文件夹进行操作。如果你改变了他们的名称,那么与它们相关的链接也会发生改变,以符合改变后的情况。

  我们可以随意为我们的站点起名字。站点的名称实际上就是站点所在的服务器名或文件系统的目录名。设置很容易,只要选择“工具”菜单的“站点设置”命令,

  “文本对齐方式”组框是用来调整字幕和它所在行文字的对齐方式的。里面有三种对齐方式的效果。

  象字幕效果是动态HTML的一种功能,它是制作网页的一种标准。不过动态HTML并不是所有版本的浏览器都支持。比如字幕效果只有在Internet Explorer 4.0与Netscape Communicator 4.0以上版本才能看出来,而在低版本的浏览器上它们不过是普通文本罢了。

  选择“查看”菜单的“工具栏”命令,单击其中的“表格”选项,这时就会显示“表格”工具栏。

  单击“手绘表格”按钮 ,用拖动鼠标的方法画一个表格。双击鼠标退出画表格状态。

  对表格的行列操作,除了提高效率之外,还有一些特别的操作。不过我们还是从行列的选择学起吧。

  我们可以用选择单元格的方法选择行和列,不过有更简便的方法:把鼠标移到表格的左边界处,这时鼠标光标会变为向右的黑色箭头,单击鼠标就可以选中箭头指向的行。把鼠标移到上边界处就可以选中列。

  在已经创建的图片上点击左键,出现图片浮动框(如图2.12)。这里的所有图标按钮都可对图像进行操作处理,从左到右依次是:

  文本:在图像上加入文字,这可是Dreamweaver很难做到的哦。不过它会帮你自动转换文件格式到gif。

  我们在字幕上单击鼠标右键,选择“字幕属性”命令,进入“字幕属性”对话框。

  “方向”组框用来指定字幕是向哪个方向滚动,现在的设置表示从右向左滚动;“速度”组框用来调整字幕滚动的速度;

  如果选择“只删除此站点中的FRONTPAGE信息”,则只有该站点的相关文件会被删除,而站点目录结构

  会保留下来。我们选择“删除整个站点”。单击“确定”按钮。这样当前站点的文件连同它所在的目录都被删除了。

  虽然我们也可以直接在资源管理器中删除,但最好不要这样做,博鱼体育对站点所在的目录和文件的操作应特别小心。我们知道,一个WEB页可能以链接的方式对很多的其他文件进行引用(显示相关图示),如果仅改变了文件或目录的名字,就可能使原来的链接无效。所以,最好不要在资源管理器或其他地方对站点的目录或文件进行操作。

  超链接视图是用来察看选中网页中设置的超链接的。通过它可以方便地知道在网页中设置了多少超级链

  任务视图里放着关于站点维护的任务列表,如果站点大到由许多人共同维护,他们就可以通过任务列表知道工作的进展情况了。

  我们单击这个可见的表格,单击鼠标右键,选择“表格属性”,将Βιβλιοθήκη Baidu框粗细设为0,

  当然我们也可以设置表格的背景颜色:切换到普通模式,在表格上单击鼠标右键,选择“表格属性”命令,

  操作管理超链接:一个网站的超链接就像一张网一样,网住了网站的所有文件。在“视图”窗口中点击“超链接”,打开超链接的管理窗口,在这个窗口中,我们可以看到各个文件相互间的链接情况,文件中链接了哪些文件,又被哪些文件链接,可以在旁边的文件夹窗口中选择该文件,然后即可在链接示意窗口中查看了。也可以在超链接的示意窗口直接展开某个文件的上、下超链接。

  在“边框”选项卡中选择“方框”项,给方框设置合适的颜色,再设置合适的样式,单击“阴影”选项卡,

  设置合适的背景色。对话框下部的几个选项是设置边框背景图片的,其中重复是用来设置背景图片平铺时的伸展方向的,附件表示是否为图片添加滚动条。

  单击文件菜单的“新建”命令,选择“新建网页”,在“新建”对话框里,可以看到FRONTPAGE提供的许多网页模板[图一],我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页,这样就创建了一个新的分为两栏的网页了。然后点确定。

  现在我们单击“用鼠标单击我,我就飞了!”注意DHTML效果工具栏这时就列出了该文字的动态效果的设置。

  在“开启”下拉列表中显示的是单击,这表示在鼠标单击文字时就会产生动态效果,我们把这种单击叫做事件。开启下拉列表中可以设置四种事件,它们是:单击、双击、鼠标悬停和网页加载。在这四种事件发

  现在单击“确定”按钮,切换到预览模式,(鼠标移到文字上)这就是刚才设置后得到的效果。

  在INTERNET上,有很多内容很好,我们可以在建立站点时把它们添加到自己的主页上。为了在当前站点内引入其他站点的内容,FRONTPAGE提供了导入操作。我们可以导入一个文件、目录甚至整个站点。

  我们可以把几个连续单元格合成一个单元格:先把单元格一、单元格二选中,执行“表格”菜单的“合并单元格”命令,两个单元格就合并成为一个单元格了。

  也可以把一个单元格分成几个单元格:我们把插入点放到要拆分的单元格里,选择“表格”菜单的“拆分单元格”命令,

  在“拆分单元格”对话框里你可以设置是拆分成行还是列,这里我们选择列,并将列数 设置为2,单击“确定”按钮,这样一个单元格就被拆分为两个单元格了。

  FrontPage中对于文字与图像的处理与word很相似,用过word的人对于FrontPage中这部分的操作很容易上手的。不过,毕竟是网页制作软件,在Web的基础上,又增加了很实用的功能,也能做出复杂而且高级

  FrontPage中对于文字以及图像的处理基本集中在这三个菜单栏里:编辑、插入、格式。

  §选择【插入】菜单栏中的【Web组件】选项,在出现的对话框中选择动态效果中的“悬停按钮”。通过与上文相仿的简单设置就可以搞定一个动态按钮,简直可以和辛辛苦苦用Fireworks做出来的媲美呢。

  在FRONTPAGE的诸多功能中,制表功能也是一个很重要的方面。我们不仅利用表格显示一些有规律的数据,而且还经常对表格中的单元格进行调整,在其中放入文本和图形,达到对网页进行布局的目的。

  §选择【插入】菜单栏中的【Web组件】选项,在出现的对话框中选择动态效果中的“横幅广告管理器”(就在上文说到的“字幕”下)。设置好广告图片的长和宽,选择一种合适的过渡效果,设置好时间后点击添加。在完成了所需广告图片的添加后,设置连接页面。最后点击确定,这样一个网页中的横幅广告就制作好了。(如图2.14)

  现在我们来看一看怎么选中单元格:单击要选中的单元格,插入点就在单元格中了,选择“表格”菜单的“选定”子菜单,单击“单元格”命令,单元格就选中了。

  我们刚才已经选中了一个单元格,按住CTRL键,单击其他单元格,这些单元格就选中了。

  我们看一个例子:在表格上单击鼠标右键,选择“表格属性”,把浮动下拉列表设置为左对齐,

  学习了这么多内容,表格的操作还真不少。其实这些操作并不难,主要是对单元格、表格行列、整个表格三个方面的操作。只要经常使用,就会很熟练的。

  网页的强大之处就在它的超链接,在浏览器中通过点击网页中的超链接,可以很方便地打开另外一个网页,或者是图片、文件、邮件地址。一个网页中的链接分成两个部分:链接的载体和链接的目标地址。链接的载体就是在网页中文字和图片,凡是包含链接的文字和图片都称为超链接。

  注意:用DELETE键删除只能删除单元格中的内容。只要选择“表格”菜单的“删除单元格”就可以了。

  艺术字:用过word的人应该都很了解这个了,就是方便的创建含有文字特效的图片文件。知道保存页面后才会以图片形式导出。点击后选择一种合适的文字艺术效果,再输入文字就行了(如图2.10)。艺术字生成后可以修改,有艺术字浮动框(如图2.11)。可以进行艺术效果的重新选择,文字内容的重新输入,样式的调整等等。

  应该这样来做。按SHIFTENTER键,这样文本就强制换行了。我们再输入换行文字,这时行距就正常了。

  单元格里的文本与单元格的对齐方式有时也需要调整。我们可以用“格式”工具栏的左对齐、居中对齐、右对齐进行设置。

  在这里还有专门的设置方式。首先单击要调整格式的单元格,单击鼠标右键,选择“单元格属性”命令,在这里你不仅可以设置水平对齐方式还可以设置垂直对齐方式。

  你看一下当前站点根目录的变化。根目录的名称被更改为站点的名称了。因为站点实际上就是一个目录,目录名就是站点名。改变目录名也就改变站点名了。

  创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头,它是用来选择要新建什么,可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。

  如果要新建网页,可以不用向下箭头键选择,而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。

  “大小”用来设置字幕的宽度与高度。你可以使用像素来控制字幕的实际大小,也可以使用百分比来设置字幕的宽度,这时字幕的实际大小是根据浏览器窗口大小的百分比来计算的;

  我们先来看看怎样把文本转化为表格。看,这儿有用逗号隔开的数字1到8,选中它们,

  单击要插入标题的单元格,选择“表格”菜单的“插入”子菜单,单击“标题”,这时表格上方出现了一个插入点,

  新建图片库:主要用于制作排列众多图片的页面,针对样品列举、图片欣赏等。在打开的对话框中,点击添加导入所需要的图片,设置好缩略图的大小后,在四种布局中选择一种适合用户的(如图2.9)。简单点击后,按确定,一张布满图像的页面就生成了。

  绘制新图形:选择后在页面中插入一块类似画板的蓝域,可以在上面自由作画。一般不用到。

  §选择【插入】菜单栏中的【Web组件】选项,在出现的对话框中选择动态效果中的“字幕”(如图2.5)。在出现的对话框中首先在文本框中输入文字,而后对速度、大小进行调整。这里值得说明的是左下角的样式按钮,点击之后出现的新窗口中可以进行样式的调用等,在新窗口的左下角有一个格式按钮,在这里可以进行文字格式的一般处理(即上文所述的)。这在以后的文字相关处理中都用这种按钮后的按钮情况。(如图2.6)回到字幕对话框后按“确定”,这样一个网页中的滚动字幕就制作好了。

  下面我们看看如何在表格里插入新的单元格:首先在要插入单元格的右侧单元格内单击,使插入点放在右侧单元格内,选择“表格”菜单的“插入”命令,单击“单元格”选项,一个新的单元格就放在指定位置了。

  用这种方法也可以插入行和列,方法是一样的,只要执行插入命令时选择行和列就可以了。

  §选择【格式】菜单栏中的【动态HTML效果】选项,出现相应浮动选项框(如图2.7)。只有当你在网页中选择了文字或者图像,浮动框中的选项才会启动。这里我们先在网页中输入文字处理一下,把鼠标移到文字行,在浮动框中依次选择“网页加载”、“逐字放入”。DHTML效果在FrontPage中以淡蓝色方框表示。(如图2.8)

  编辑:包括用于处理文字的复制、粘贴等操作,调整网页内容(包括文字、图像、控件等等)的多少以及安排。是最基础的工具,经常使用其对应的快捷键。

  插入:用于网页各种部件及其组成部分的创建,很多选项都能创建既复杂又实用的部件,这方面较Dreamwaver更容易被初学者接受。(图2.1)

  格式:对于文字的处理大多集中在这里,这里的选项是用来协调整个网页以及整个网站的内容编制,也是个较常用到的菜单栏。(图2.2)

  字幕的字体、字号、字颜色是可以调整的。我们在要调整字体字体、字号或字颜色的字幕上单击鼠标右键,选择“字体”命令进入“字体”对线,字颜色改为绿色。当然在这里你也可以选择“字符间距”选项卡改变字符的间距,单击“确

  其实,对字幕的字符串外观进行设置和对普通字符串的设置是一样的。只不过字幕字符串是一个整体罢了。

  现在市面上的有许多制作网页的工具,office中也有一个专门作网页的工具FrontPage,其操作与word相似,比较容易上手。下面以FrontPage 2000为例,介绍网页制作的基本知识。

  单击任务栏“开始”按钮,选择“程序”选项,单击FrontPage就可以进入。

  “鼠标悬停”事件在鼠标进入设置的内容时发生,而“网页加载”是在我们切换到设置的内容所在的网页时发生,它们都能够触发动态效果。

  这里显示的是“飞出”,表明在“单击”事件发生时,要做一个飞出效果。在应用下拉列表中具体的设置了用的是向右上方飞出。FORNTPAGE2000共提供了八种飞出效果,(对应选项下拉)你可以自己一个个试一试。