Frontpage网站设计

点击数:148 | 发布时间:2025-03-01 | 来源:www.jgjff.com

    Frontpage更以其功能强大、容易上手、界面亲切而著称。它使用所见即所得的方法编辑网页,借助它可以轻松的组织、编辑网页并将它发布到指定的站点上,而且在发布之后还能对更新状况进行监控以更新站点的内容。
    Frontpage创网站建设点、新建页面、文字、超链接
    目前时尚的网站设计软件有不少,如Macromepa企业的Dreamweaver、Microsoft企业的Frontpage、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。其中Frontpage更以其功能强大、容易上手、界面亲切而著称。它使用所见即所得的方法编辑网页,借助它可以轻松的组织、编辑网页并将它发布到指定的站点上,而且在发布之后还能对更新状况进行监控以更新站点的内容。
    工具筹备好了,可依据你的个人爱好来选择一些素材,如图片、喜欢的文章等。目前就让大家从第一步的打造站点来踏上建造网上家园之旅。
    用FRONTPAGE创网站建设点是比较容易的。第一,大家来看一下创建一个只包括一个网页的站点。 选择“文件”菜单的“新建”选项,单击“站点”命令,这个时候新网站建设点对话框就弹出来了,在“指定新站点地方”文本框中输入新站点的地方,单击“只有一个网页的站点” 图标,单击“确定”按钮。这就打造好站点了,大家目前来看一下新的站点里有哪些,单击“视图”工具条的“文件夹”按钮。 在文件夹列表里有一个网页文件,名字叫做“index.htm”。大家了解,每个站点都要有一个主页,这个主页也是一个网页文件。浏览者访问站点时第一进入的就是站点的主页。主页的名字在通常情况下就叫做“index.htm”。就是说大家新建只包括一个网页的站点时,FRONTPAGE就自动为大家创建了站点的主页了。这个新建的站点主页时空的,大家可以向里面添加内容。
    在文件列表里除去主页以外,还有文件夹。新网站建设点时,FRONTPAGE都会在站点所在地方下新建两个文件夹,一个是“images”另一个是“_private”。大家在编辑站点时可以在“image”文件夹里放置站点用到的图片。 “private”文件夹比较特殊,其中的文件对浏览者来讲是隐含的,大家可以把一些不想让浏览者看到的网页文件放在这个文件夹里,譬如:大家可以在这个文件夹里存放注册用户的个人信息。
    尽管每个站点都要有一个主页,不过创网站建设点时大家仍然可以从一个空站点开始:选择“文件”菜单的“新建”命令,单击“站点”选项,在“新网站建设点”对话框里,大家可以选择“空站点”图标来创建一个空站点。“新网站建设点”对话框中还有很多其他图标,这是FRONTPAGE提供的用来创网站建设点模板或向导。大家创建只有一个网页的站点或者创建空站点,都是从头开始来创建一个站点,这就仿佛盖房屋一样,第一画图纸。然而,有很多的房屋都具备一样的结构和作用与功效,所以大家可以用一张图纸盖不少一样的房屋,如此就节省了很多工作。
    同样的,尽管站点的风格千差万别但有很多站点的功能和结构都是一样的,假如大家从头开始打造站点的话,就要做很多重复劳动,这个时候,大家就能用模板或向导来打造站点。模板和向导有哪些用途就仿佛盖房屋的图纸一样,大家不必每次打造站点时都从头开始。 大家单击“个人站点”图标, 用它可以飞速创建一个个人站点,输入站点所在的地方,单击“确定”按钮, 如此大家刚就创建了个人站点。个人站点模板已经为大家规划好了站点的目录和打造了有关的页面。 目前大家点击一下“文件夹”按钮, 双击index.htm图标,
    看,这就是大家的个人站点的主页。哎,好象有很多文字都不对,没关系,这类文字都是可以改变的,目前写的是文字的作用,譬如“主题”文字就是用来写网站标题的地方,大家只须把它改为自己喜欢的标题就能了。返回到“文件夹”模式,双击photo.htm。 也可以把风景图片换成我们的照片,只须在新网站建设点的基础上进一步修改就能做源于己的个人站点了。 这不只节省了很多力气,同时也给了新手一个好的出发点。
    那样模板和向导的不同之处呢?大家安装软件时,一步步的用对话框提示大家完成安装过程的程序就是一个向导。在FRONTPAGE里,向导也是一种模板,不过它是一种特殊的模板,它会以对话框的形式辅帮你完成站点的创建过程。
    目前大家选择“文件”菜单的“新建”选项,单击“站点”命令,
    你看,FRONTPAGE提供了两个向导:公司展示向导、讨论站点向导,用起来都很便捷,你感兴趣也可以借助向导打造一个站点。
    创建页面最简单的办法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头,它是用来选择要新建什么,可以用“新建”按钮新建网页、站点、文件夹和任务。默认状况下是新建网页。
    假如要新建网页,可以不需要向下箭头键选择,而直接单击“新建”按钮。不过用文件菜单的“新建”命令来新建网页可以有更大的选择。单击文件菜单的“新建”命令,选择“新建网页”,在“新建”对话框里,可以看到FRONTPAGE提供的很多网站模版,大家可以用这类模板来打造相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页,如此就创建了一个新的分为两栏的网页了。然后点确定。用模板可以不需要一直从空白网页开始编辑,如此就省力不少。
    网上几乎所以的网页都用图片加以点缀,在网页中插入适合的图片,可以产生图文并茂的成效。
    假如有一个图形,如何把它放到网页上呢?
    第一要看你的图形是什么格式的,也就是它扩展名是什么 只有扩展名为GIF和JPEG的图形文件才能成为大家的页面的一部分。由于这两种图形格式不只应用广泛,而且有益于节省存贮空间。假如图形不是这种格式,用了其它格式的图形文件,在保存网页时FRONTPAGE会提示做格式转换,FRONTPAGE可以自动进行格式转换。
    目前可大家看看如何插入图形 选择“插入”菜单的“图片”命令,单击“来自文件”按钮。
    在默认状况下,FRONTPAGE觉得你要插入的图片一直放在你打造的站点的目录或它的子目录下的。可以说,站点就是一个目录。大家把编辑的很多网页文件放在同一个目录下,大家称这个目录为站点的主目录。这类网页引用的图形一般也放在这个目录下。当然,大家也可以在这个目录下打造其他的子目录,再把所有些图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。
    假如要插入的图片不在主目录下, 在“选择文件”对话框中进行选择。选择好文件将来,单击“确定”按钮,回到“图形”对话框。单击“确定”按钮,图形就插入了。目前单击“常用”工具栏的“保存”按钮。 在“另存为”对话框中输入新的web页文件的名字,单击“保存”按钮。出现了一个对话框, 由于大家刚刚插入的文件不在站点内,目前FRONTPAGE要把它复制到站点内,可是用什么名字,放在站点的什么目录下呢,就要在这设置了,单击“改变文件夹”按钮,另外这儿还在需要时对图形的格式进行转换。单击“地方”按钮,在默认状况下,图形被保存在站点的主目录下,目前大家选择IMAGE目录,单击“确定”按钮。回到“嵌入式文件”窗口,再单击“确定”。如此,图形就保存在站点内了
    大家还可以从INTERNET上插入一个图形。选择“插入”菜单的“图片”命令, 在URL栏内输入图片的地址,单击“确定”按钮。因为是插入网上的图片,因此在插入图形将来,应该保存一下网页,使图形存到站点内。
    你可能说,我不会画画,插入图片容易,可是编辑图片就困难了。没关系,FRONTPAGE自己带有很多剪贴画,你可以把它们插入到我们的网页。 选择“插入”菜单的“图片”命令, 选择“剪贴画”。 你看,各种剪贴画都分类放好了。你可以自由地选择。不过,插入后别忘了保存网页,把剪贴画复制到站点目录下。
    一般大家插入的图形一直和文本在一块的,所以调整图形和文本的对齐方法非常重要。 在默认状况下,图形自动与文本的底部对齐。这一个网页,因为默认的对齐成效,页面出现了很多的空白。这个时候就要调整图形的对齐属性。在图形上单击鼠标右键,选择“图片属性”,选择“外观”选项卡大家把对齐方法调整为“左对齐”。 用图形可以使网页愈加丰富多彩,而且大家还可以用图形来打造超链接,使网页相互联系起来。如何使用图形来打造链接呢? 其实图形超链接只须在打造超链接时选择图形就能了。第一选中超链接的图形,单击箭头图形,单击“常用”工具栏“超链接”按钮,选择主页文件“页面1.htm”,单击“确定”按钮. 在普通模式中,按住CTRL键,单击箭头图形,就跳到主页页面了。
    假如大家要在图片上加上文字,单击图形工具栏“文本”按钮,目前图形中就出现了一个文本框,输入:“计算机软件”按一下Esc键,取消文字编辑,就选中文字框了,调整文本框到适合的地方,单击页面其他地区,文字就添加成功了。
    假如我要修改 单击一下要修改的文字,这个时候文字作为一个整体被选中了,再点一下文字,这个时候文本框里有光标闪烁,你可以编辑文本了,重新输入:“计算机硬件”,在页面其他地区单击。 文字就修改完成了。
    如何使文字更丰富、活泼呢?一个简单的办法就是用“格式”工具栏。
    字体设置:选上文字,打开格式工具栏的“字体”下拉列表框,在里面选择相应的字体就能了。假如浏览网页的人用的计算机没设置的字体?浏览器会用系统默认的字体代替你设置的字体。不过,用常用字体是一个好习惯。
    字号设置:在“格式”工具栏“字号”下拉列表框中选择相应字体就能了
    工具栏上的B、I、U图标有哪些用途是:
    按下B按钮,被选中的文字就会变为粗体
    按下I按钮,被选中的文字就会变为斜体
    按下u按钮,被选中的文字就会带下画线
    字的颜色:单击“格式”工具栏“字体颜色”按钮旁的向下箭头,选择合适的颜色,字的颜色就改变了。
    还可以对字体进行一些其他设置。选择“格式”菜单的“字体”命令,在这里大家还可以作进一步的设置。这里除去“格式”工具栏可以做的设置以外,还可以设置很多成效。
    “字符间距”选项卡:它是用来设置文字的间距的。单击“间距”下拉列表,可以选择字符的间距是普通、扩充还是紧缩的。选择扩充,这个时候预览框的文字间距就变大了。也可以调整间距大小来改变间距,输入10,文字的间距就更大了。
    “定位”下拉列表:在FRONTPAGE中每一行都有一个底线,定位就是指文字相对于底线的距离。也就是把文字上下移动,目前选择“上移”,文字就向上移动了。预览框中的黑线就是行的底线。
    设计好的页面,应该检查它在浏览器中是不是显示正常。
    办法是,一般只须切换到预览模式就能了。单击“预览”选项卡,在这个预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着大家就不必用浏览器来检查编辑的网页了。由于即便是同一个页面,可能在不一样的浏览器中显示会不太一样。譬如在INTERNET EXPLORER中是如此显示的,但在NETSCAPE中又是那样显示的。所以,大家要在我们的机器上多装几个浏览器,用来检查网页的兼容性。
    那样为何不需要不一样的浏览器来检查呢?选择“文件”菜单的“在浏览器中预览”选项,在浏览器列表框中选择不一样的浏览器。(以INTERNET EXPLORER 5.0为例)单击“确定”按钮。就能看到新建页面在浏览器中的成效了。
    如何才能自己做的网页相互联系起来呢?也就是说让其他人点页面上的图形或文本就跳转到其他页面呢?
    在网页里,大家把这种点击后会进行页面切换的网页界面元素叫超链接。
    先来看一下用文字来打造链接。
    第一创建一个指向站点内其他网页的超链接。
    选择“插入”菜单的“超链接”命令,在文件列表框内选择“页面1.htm”文件,注意在URL文本框中显示了该文件的地址。单击“确定”按钮.超链接就制作成功了。 大家切换到预览模式(单击预览按钮),当大家把鼠标指向“主页”两字时鼠标变成手形,单击它,大家就切换到主页了。
    那样为何不在普通模式下试呢?:由于普通模式主如果用来编辑网页的,当大家在普通模式把鼠标指向“主页”两字时鼠标没变成小手状,因此不可以进行页面切换。 不过假如按住CTRL键,鼠标就变成了小手状。这个时候单击就能进行切换了。也就是说在普通模式中按住CTRL键才能激活超链接。
    大家也可以将超链接指向其他站点的网页。选中作为超链接的文本,单击“常用”工具栏的“超链接”按钮,这和选择插入菜单的超链接命令是一样的。 在“创建超链接”对话框里,在URL地址栏直接输入要连接的网页或网站的地址。 假如不了解要作超链接的地址,只须单击URL地址框后面的放大镜就能用浏览器在INTERNET上查找要链接的网页,FRONTPAGE会自动记录你找到的地址。单击“确定”按钮就能了。大家还可以改变已经设置好的超链接。第一确认是普通模式,在要改变的超链接下单击鼠标右键,选择“超链接属性”命令,输入新的URL地址就能了。 要想取消超链接,删除所有URL地址框里的内容就能了。还有一种超链接,可以链接邮件。如此可以使你的网上朋友通过Email准时与你联系,这是一个网站站长和网友交流的要紧方法。 先选中要作为超链接的文本,一般文本就是你的邮箱地址,单击“超链接”按钮,单击“信封”按钮,输入你的邮箱地址,单击“确定”按钮,退出对话框, 选择“确定”,这个时候超链接就打造好了。大家试一下,切换到预览模式,单击邮件链接。
    如此大家就差不多完成了网页的制作步骤,最后可将它发布到Web服务器上。站点发布前还要对它进行检查工作,包含超链接,页面等。

    〈1〉乔春源,樊天岳等。信息技术。江苏科技出版社,2001年7月。
    〈2〉李振格。Office基础知识与提升。清华大学出版社,2001年2月。
    〈3〉王超锋。网站设计。人民邮电出版社,2001年十月。

  • THE END

    声明:本站部分内容均来自互联网,如不慎侵害的您的权益,请告知,我们将尽快删除。

专业院校

返回顶部

Copyright©2018-2024 中国人力资源网(https://www.dgzhou.com/)
All Rights Reserverd ICP备18037099号-1

  • 中国人力资源网微博

  • 中国人力资源网

首页

财经

建筑

医疗