当前位置: 首页 健康常识

网页按钮设计?(网页按钮设计?)

栏目:健康常识 时间:2024-12-02
可以使用定义模板创建网页,也可以在没有模板情况下将其设计为空页面。要创建新页面,请执行以下操作
在“网页”视图下,从“文件菜单中选择“新建”命令,然后从子菜单中选择“网页命令,“新建”对话框将弹出。如果用户要创建的新网页框架,请从“框架网页选项卡中选择某种框架样式;否则,请从“常规选项卡中选择所需样式,然后单击“确定”按钮。要创建空白网页,请在对话框的“常规选项卡中选择“常规网页”项目,或直接单击常规工具栏上的“新建网页”按钮
我们建议您尝试并熟悉Frontpage提供的各种模板。您可以使用模板创建常规网页,从而节省时间
1.在网页中插入图形
图像比许多文本更具吸引力和说服力,正确地图像添加到网页可以使网页丰富多彩,但添加太多图像会降低页面下载速度,特别是对于通过调制解调器访问网页的用户。大多数图形都是压缩格式,有些调制解调器没有压缩功能,这种调制解调器速度较慢。因此,用户必须仔细选择并添加图像图形可以使网页更有趣,但应该适度使用(尽可能小的图形文件大小,如减少颜色,减少高度宽度,裁剪,降低分辨率,压缩格式文件类型
网页中使用的两种图像格式是Gif和JpeG。当用户从“插入”菜单中选择“图像”命令并从子菜单中选择“从文件命令时,他们可以通过四种方式插入图像:“扫描”,“使用web示例查看器选择网页或文件”,“剪贴画”和“在计算机上选择文件”。
对于非Gif或JpeC图像,Frontpage会自动将其转换为Gif或JpeG格式
2.在网页中插入水平线
水平线可以清楚地划分网页上的边界,在用户网页的布局中起重要作用。添加可以使用“插入”菜单中的“地平线”命令添加的地平线。默认情况下水平线为灰色,用户可以像更改文本颜色一样更改水平线的颜色。有两种方法可以改变地平线的颜色你必须在没有主题情况下这样做):
(1)双击水平线,将显示水平线的属性对话框。在对话框的“颜色”字段中,选择下拉列表以选择适当的颜色,然后单击“确定”按钮
(2)右击地平线,从快捷菜单中选择“地平线属性”命令,然后从对话框中选择适当的颜色。
使用Framework(框架
--------------------------------------------------------------------------------
框架web浏览器窗口分成几个部分,每个部分都是独立的网页,因此可以同时显示多个页面
可以使用Frontpage轻松创建多框架网页。要创建包含框架的网页,请从“文件”菜单的“创建”子菜单中选择“网页”命令,弹出“创建”对话框,然后选择“网页”选项卡。
在左侧的列表中,您可以选择不同类型的框架模板,选择模板后按ok按钮可创建带框架的网页。
如果您正在创建一个使用框架的网页,请注意,有些web浏览器不支持该框架。虽然越来越少的用户使用无法查看框架的浏览器,但您可以告诉使用较低版本浏览器的用户,例如请求更改浏览器,以便这些用户可以查看网站上的内容
在新框架窗口中,单击“设置初始页面按钮,将显示“创建超链接”对话框,该对话框链接到指定页面。单击“新建网页”按钮可创建新网页并在该网页内进行编辑。在编辑页面时,如果您觉得页面过于拥挤在狭窄的框架中,请选择“框架”菜单中的“在新窗口打开网页”命令,以打开一个新的全屏窗口您可以自由地向页面添加内容
利用Frontpage的框架页面模板,在web页面中导入框架布局,我们可以在此基础上,根据需要进一步进行设计。
1.增加新的框架。
要向框架页添加新框架,请将框架拆分为两个框架,就像拆分表格单元格一样。这些行动包括:
(1)按住ctrl键,同时将鼠标放在框架的边界上,当鼠标变为上下箭头时,可以将边框拖动到新位置,释放鼠标按钮后,将形成一个新的空白内容框架。
(2)你也可以用命令来操作。首先,在要拆分的帧内单击,从“帧”菜单中选择“拆分帧”命令,然后在弹出的“拆分帧”对话框中单击“拆分列”或“拆分行”单选按钮,然后单击“确定”按钮。
2.删除框架
如果框架页面看起来很混乱,可以删除某些框架。若要删除框架,请单击该框架将其选中,然后从“框架”菜单中选择“删除框架”命令。
3.修改框架属性
设置框架的整体布局后,还可以设置每个框架的特定属性,如下所示
(1)单击要设置属性的帧,并从“帧”菜单中选择“帧属性”,“帧属性”将弹出到活动框中。
(2)您可以在对话框的“名称文本框中输入帧名称,以便于识别不同的帧。通过选中“选项区域中的“允许在示例查看器中调整大小”复选框,客户可以在浏览站点时重新定义框架大小,并通过在“显示滚动条”下拉列表框中选择不同的描述项来设置是否显示滚动条。
(3)在“帧大小区域,可以设置帧大小,可以定义绝对像素值或相对于浏览器窗口百分比。若要使用浏览器设置页面中框架的大小,可以在可选的“相对”;“边距”区域中设置内容页面与框架边界之间的像素数。
(4)若要更改起始页,请在“起始页”文本框中输入新页名或URL。
(5)单击“web框架”按钮,将显示“Web属性”对话框。
(6)您可以在对话框的“帧”选项卡的“帧间距文本框中输入边界宽度(以像素单位)要擦除框架边框,请不要选中“显示边框”复选框。
(7)按“ok”按钮关闭“Web属性”对话框,按“ok”按钮关闭“框架属性”对话框,完成框架属性的设置。
动态网页(Dynamic page)
--------------------------------------------------------------------------------
DHTml是一个动态网页,它不是一个标准术语。没有一种叫做DHTml技术。DHTml是使用csS(Cascading Stylesheet)、JavaScript、HTml技术,使与访问者的相互作用成为可能的网页。例如,在动态网页中,当访问者点击图像时,图像会自动移动。这就是DHTml效果。这意味着一旦网页下载完毕,就可以在不连接到服务器情况下对其进行更改。FrontPAge2000提供了一种创建动态网页的简单方法,允许您创建自己的动态网页。
使用DHTmL基本步骤
1..选择需要使用DHTmL对象,如文本、图像等。文本需要拖动选择。
2..在DHTmL工具栏中,从打开的下拉列表中选择一个事件,然后选择具有不同文本和图像事件事件。然后应用下拉列表以选择效果。最后,我们选择了如何实现这种效果。n",
3..在对象上使用DHTmL后,如果保存并预览页面,您将看到选定的对象显示为DHTmL
4.若要删除某个对象的DHTML效果,请选择该对象,然后单击DHTML工具栏上的“删除效果图标
DHTML的事件
在DHTML制作过程中,我们最常听到的是事件一词。“事件”,正如它的名字暗示的,当你用手打开门时,它就是事件。当你切换到网页创建时,门变成了一个点击。这意味着,当访问者点击链接时,门将因事件而打开。
在FrontPAge2000中,当您打开DHTML效果工具栏时,单击文本或图像时会触发另一个事件。但它们的应用方式是一样的。下面是一个例子
首先,在编辑器中输入文本。例如,创建一个网页,然后进入以下三个步骤
选择需要生成DHTML效果的文本。从DHTML效果工具栏的“打开”下拉列表中选择一个事件。在这里,文本中只有“Web Load”事件。“网页加载是一个在网页第一加载发生的事件,用户不需要使用鼠标触发它,但它只会在访问者使用浏览器打开时产生预设的动态效果。
选择事件后,从“应用程序”下拉列表中选择该事件的效果。在这个列表下面,我们有七个效果,我们选择了飞行。
有多种方法可以实现应用效果。例如,如果应用程序效果是“飞”,文本可以从底部飞,可以从左侧飞,也可以从右侧飞。此下拉列表中没有此术语。有些应用程序是无效的,例如波浪。你选择从下面飞。
最后,如果您保存并预览页面,在页面第一加载后,页面底部会弹出四个单词。当然,您也可以尝试其他DHTML效果。对于选定的图像,DHTML效果工具栏上打开的下拉列表将显示新事件、单击和鼠标悬停,每个图像都有应用的效果和实现。您可以尝试每一个,以便您了解这些事件与应用程序的效果和方法之间的关系
DHTML的三个提示
DHTML兼容性
在FrontPAge2000中创建的DHTML页面只能在internet Explorer4.0或更高版本中完全查看。您还可以在Netscape communicator4.0或更高版本中查看图像的DHTML效果。
DHTML被禁止
要禁用DHTML效果,请单击“菜单工具”>“Web选项”,在打开的对话框中选择兼容性标签,然后清除动态HTML前面的复选框以禁用DHTM效果。
快速使用DHTML
通常,如果未选择任何对象,只需将鼠标移动到对象的左侧或右侧并单击即可使用DHTML效果。
4.页面的变化
网页转换是指当你进入或离开网页时会产生什么样的效果。例如,当您从一个页面移动到另一个页面时,当前页面会慢慢地向中心关闭,并显示新页面。直到当前关闭的页面消失,新页面出现。如果您想使用Web转换,请按照以下步骤进行。
1.打开要使用过渡效果的页面或创建一个新页面。单击菜单格式/网页转换以打开网页转换对话框
",
2..当您从事件下拉列表中选择一个事件时,您将被带到网页。请注意如果您为页面和站点设置了过渡效果,则页面将优先于站点的过渡效果。
3..在“持续时间”文本框中输入持续时间,单击过渡效果列表框中的效果,然后单击“确定”。在浏览器中打开页面。由于选定的页面转换将被带到页面,因此当您打开页面时,转换效果将显示出来。
使用DHTML效果是吸引访问者强大工具,但如果您不想处理复杂代码,FrontPAge2000提供了许多DHTML效果。只需选择需要动态效果的对象,如文本或图像,您就可以使用愚蠢”的动作来移动网页。
一个网页有自己的属性集。从“文件”菜单中选择“属性”,或在页面上的任意位置单击鼠标右键,然后从快捷菜单中选择“网页属性”命令,将打开“网页属性”对话框。在“常规”选项卡上,设置具有以下含义
位置:显示页面的完整URL。
title:出现在要显示的页面标题中,即HIML中元素中的标签中。
位置:您可以在此位置输入URL,并将指向此页面中使用的相对URL的超链接指向相同的正确目标。URL描述允许您导航页面,而无需移动相对URL中的所有目标
默认目标框架:为页面中没有指定框架的所有超链接定义默认框架。
·BGM:添加在浏览器打开页面时播放的BGM
在其他选项卡中,您还可以设置系统参数,如边距和语言
创建一个超链接
--------------------------------------------------------------------------------
超链接HYperlink的出现使人更容易网络上浏览。只需点击鼠标,您就可以轻松地从一个页面跳到另一个页面,从一个网站跳到另一个网站,从一个国家跳到另一个国家。超链接是特殊的文本或图像,它们是通往其他页面的入口
1.创建指向当前网站页面的超链接
(1)在FrontPAge中打开要创建超链接的页面(如果是新页面,请确保页面已保存),然后选择超链接源。超链接源可以是字母单词句子、图像等。
(2)从“插入”菜单中选择“超链接”命令,或单击“主页工具栏中的“超链接”按钮,会显示“创建超链接”对话框(如图所示),其中列出当前在FrontPage上打开的网站中的文件夹和文件。
(3)从这个对话框的文件列表中,选择展开链接的对象文件。
(4)点击“ok”按钮,就可以制作超链接。
2.与本机中的其他文件建立超密钥连接
(1)选择超链接的源,打开“创建超链接”对话框。
(2)在对话框中,单击“创建指向计算机上文件的超链接”按钮,然后从出现的对话框中找到并选择要链接的文件。
(3)点击“ok”按钮,就可以制作超链接。
3.指向WorldwideWeb上网站的超链接
(1)在FROntPage中打开想要制作超链接的页面,选定超链接源。
(2)从“插入”菜单中选择“超链接”,或单击公用工具栏中的“超链接”按钮,弹出“创建超链接”对话框。
(3)在“URL”文本框中输入超链接目标的URL。
(4)按“OK”按钮。
设置文本格式
--------------------------------------------------------------------------------
1.输入文本(input Text)
一般来说,文本仍然是网页的主要内容,在FROntPage中输入文本与在word中输入文本非常相似
(1). Enter键用于需要插入空白行或段落,当输入文本到达定义的右边界时,它会自动换行。如果输入的文本不正确,请按Backspace键清除错误,然后重新键入。
(2).您可以在文本中的任何位置插入新的文本内容,并通过将鼠标指针停在希望操作过程中添加文本的位置来添加文本。
(3)可以进行覆盖。使用鼠标选择要替换的文本,然后直接键入文本。
(4)通过单击通用工具栏上的“显示全部”按钮,可以在屏幕上显示或隐藏段落标签段落标签清楚地显示段落段落之间的空行。
2.文本的选择n",
(1).选择一个单词多个单词只需选择一个单词双击该单词,然后按住鼠标左键并拖动要选择的单词以选择多个单词。选择一个词的方法就像选择一个以上的词一样。
(2)选择文本行:文本行是占用屏幕上空间的文本行。将鼠标箭头移动到行的左侧,当光标箭头指向左侧时,单击鼠标左键以选择行。
(3)选择段落:将鼠标箭头移动到段落的左边,当光标箭头指向左边时,双击鼠标左键或按Alt键,用鼠标单击要选择的段落,就可以选择段落。
3.删除、复制或移动文本或图像
(1)删除:删除插入点左边的字符,然后按后退键。要删除插入点右侧的字符,请按delete键。要删除插入点右侧的单词,请按ctrl + de1ete。要剪切所选内容并将其保存到剪贴板,请按ctrl + X。按de1e1e键或从“编辑”菜单中选择“删除”命令。
(2)选择复制文本或图形,然后按ctrl + C,从菜单中选择“编辑”菜单中的复制菜单命令,或直接单击工具栏上的复制按钮,将选定的文本或图形复制到剪贴板。
(3)移动文本或图像:选择要移动的文本或图像,拖动到要插入的位置,然后释放鼠标,将选定的对象移动到目标位置。如果您“剪切”选定的文本或图像,然后“粘贴”到指定的区域,您也可以移动它。
(4)使用“撤消”取消错误操作:如果用户错误地执行了操作,请单击工具栏上的“撤消”命令按钮,从菜单栏中的“编辑”菜单中选择“撤消”菜单命令,或按Cir1+ Z。
4.添加标题
由于页面内容层次结构的需要,有时会在页面上添加小标题。HTML语言规范使用了六个级别标题,每个级别标题使用不同字体大小来区分文本,标题1是大标题,其他是小标题。若要设置标题级别,请从FROntPage格式工具栏的“样式”下拉列表中选择标题级别,并在光标位置输入标题文本。或者,键入文本,选择它,然后从“样式”下拉列表中选择级别标题。完成标题后,将下拉列表的格式恢复原始的“正常”,并输入其他内容。
5.更改字体和设置字体效果
FROntPage的字体通常是“TimesNewROman”。如果用户的操作系统中文windows95/98或windowsNT,则中文默认字体为“宋体”,文本大小将使用默认字体大小。要设置不同字体,请选择要更改的文本,然后从“格式”工具栏的“字体”下拉菜单中选择字体,或从菜单栏中选择“格式”菜单中的“字体”命令,然后在“字体”对话框中设置字体样式、大小等。当字体发生变化时,表单将保持不变,直到用户重新配置新字体。
(1)设置字体颜色:选择文本,然后单击“格式”工具栏上“文本颜色”按钮上的下拉箭头,弹出一个下拉列表,在“标准颜色”下选择所需的颜色。否则,请选择“其他颜色”命令,然后从弹出对话框中进行选择。
(2)设置字体样式:要处理所需的粗体、斜体或下划线文本,请选择要处理的文本,然后单击“格式”工具栏上的粗体、斜体或下划线按钮。若要清除此效果,请选择文本,然后再次按相应的按钮以清除该效果并恢复为常规字体。在创建网页时,通常不使用下划线效果。下划线表示某些网页存在超链接。
(3)绘制字体线条的效果:有两种类型。“下划线”在选定的文本下面画一条线。“删除线”在文本的中间画一条线
(4).特殊文本样式:选定的文本需要特殊样式,如“闪烁”样式,方法是在字体对话框的“字体”选项卡(图)的“效果”区域中选择所需选项,但某些文本特殊效果仅在浏览器中显示。
6.文本缩进
文本缩进是在文本的左侧和右侧显示空格,这有助于增强对重要段落的描述。若要对现有段落应用缩进,请首先选择该段落,然后单击“格式”工具栏上的“增加缩进”按钮。在段落的左侧和右侧缩进一定的距离,然后按住“增加缩进”按钮,缩进会进一步增加。这种在文本两侧缩进的方法也称为双向缩进。如果缩进空间太大,您可以单击“减少缩进”按钮来减少缩进空间
7.案文的安排
如果输入的文本从页面的左边距开始,逐渐向右延伸,然后在行已满时返回左边距(左边距),然后重新开始,则这是左对齐。有些文本需要集中化,比如标题。某些文本需要向右对齐,这可以通过使用“格式”工具栏上的“左对齐”、“居中对齐”和“右对齐”按钮来实现。不同的排列方式可以使文字呈现不同的显示样式,清晰地显示用户想要解释的问题,并可以调整整个网页。要设置文本的居中、左对齐和右对齐方式,请选择要设置的文本,然后单击相应的按钮。如果用户希望返回到原始对齐方式,请选择文本,然后单击“格式”工具栏上的相应对齐方式按钮。
8.添加项目符号或列表编号
有些列表前面有一个符号表示列表的内容,在专业排版中称为项目符号,在网页上添加项目符号或列表编号,可以组织内容,使其更加清晰,很多内容都可以轻松地解释,让读者抓住要点。还有另一种形式,一个列表号,可以用来描述处理问题步骤顺序,而两种形式在FrontPage中很有用
添加项目符号或列表编号类似于使用word。选择文本后,用户可以按“格式”工具栏上的相应按钮或从“格式”菜单中选择“项目符号和编号”命令,打开项目符号和编号对话框图形,并选择不同格式的列表项。
如果在FrontPage中新创建的两行文本之间有一个空行,并且您不希望用户在输入或添加字段时看到两行之间的空行,请单击“格式”工具栏上的“项目符号”或“编号”按钮。按钮变为凹形后,将同时显示第一个项目符号。键入所需字符后,按“Enter”键,在自动出现的下一个项目符号之后继续键入。
FrontPage还可以通过提供列表编号和项目符号来安排列表项。操作方法如前一段所述。
",
完成所有项目的输入后,下一个内容就不再加上数字或点符号了,可以进行两次返回。停止编号或停止添加项目符号。要更改编号格式或避免从1开始,请在列表符号上单击鼠标右键,从弹出快捷菜单中选择“列表属性”命令,然后在弹出窗口的“列表属性”对话框中选择“编号”选项卡。选择所需的编号样式。使用右侧的“初始编号”微调器调整起始编号,然后单击“确定”按钮。
创建网页是一个非常复杂过程你不仅需要了艺术,但你知道多少程序在网上
网站创建和简单程序教程!
阅读:43次

百科问答

分类栏目