当前位置:首页 / 网页制作 / Frontpage教程 / FrontPage制作网站 修改和添加页面
FrontPage制作网站 修改和添加页面
芯晴素材特效 分类:Frontpage教程 发布日期:2018-04-10

通过模板建立的站点和网页只是一个结构雏形,现在来打开这些网页,添加各种元素,开始建设自己的家。我们首先从主页面(index.htm)开始,这可是家的大门。

操作 认识模板页面:打开主页文件,在“网页”视图窗口可以看到该主页的大致结构。页面分成了三个部分,上面的部分主要放置标题图片(图片元素为主),左面的部分主要放置链接到其他网页的目录(链接元素为主),而中间的大部分放置该主页的主要内容(文字元素为主)。

一般模板主页,通常由横幅、目录、正文等几个部分组成,只是数量和排列方式不一样罢了,或者多一些特殊的元素。当然,也有完全是有一些特殊元素构成的页面,如多重嵌套表格、组件等。但这些对于我这样的个人筑巢者,一般都用不到,用起来也麻烦费事,不如多用这一简单而简洁的页面。

操作 粘贴和输入文字:复制一段开场白的文字到剪贴板,然后在网页窗口中点击鼠标到要插入的位置,然后复制,就可以看到该文字在页面中出现了。也可以直接输入一段文字。将网页中不要的文字删除。

粘贴和输入这项操作很简单,和一般的文本编辑程序没有区别。实际上,很多的文字编辑操作都跟Word程序相似。包括输入、复制、粘贴、撤销、查找、样式、字体、颜色、间距、符号、边框、段落格式等。

尽管FrontPage的大多数文字修饰的操作方法都和Word相类似,但还是有很多细小的差别,不过这些差别并不会对使用者造成很大的困扰,但还是要注意一些差别。

在网页中,段落和换行的差别很大,一般段落和段落的间距很大,因此常常注意到要用换行(按“Shift+Enter”)。如果要在网页中显示换行符和段落符,则可以点击工具栏中的“全部显示”按钮(在第一排工具按钮的后面)。

进一步学习的建议:文字编辑的技巧性很强,而且操作的功能也很多,要熟练掌握必须要多练习,多用。一般使用Word排版熟练的人就很容易上手。

图  片

主页中的主要文字编辑好后,若需要在其中添加一幅小照和几幅示意图,让页面更传神。小照图片已经事先? 好,并用图像编辑工具进行适当的编辑,如将图片缩放到合适的大小,图片内容修饰,并根据图片的内容将图片保存为GIF格式。注意,如果图片颜色丰富,或者是风景、人物照片,则一般保存为JPEG格式。而示意图则在程序内置的剪贴画库中找。

操作 添加剪贴图片:在FrontPage中,内置了很多剪贴画,可以很方便地添加。在网页将鼠标移动到要添加的位置,然后“插入/图片/剪贴画”,打开剪贴画选择窗口,这里面的剪贴画非常丰富,并分类存放,查找非常方便。找到需要的剪贴画后,点击该剪贴画,在弹出的菜单中点击“插入图片”按钮。然后就可以在网页编辑窗口看到该图片了)。

操作 保存图片:现在保存网页,则程序提示将保存图片到站点所在的文件夹,选择图片保存的目录、文件名和文件格式(也可以按照默认设置),就将该图片保存到站点中了。建议将图片保存在站点文件夹中设立的专门保存图片的文件夹“image”。

图片添加后,可能要重新调整图片在网页中的位置,添加各种图片的效果和设置图片的属性。

操作 编辑图片:在网页编辑窗口中,选择图片,然后拖动图片边框可改变大小。拖动图片可改变在网页中的位置。另外,当选择图片后,在界面窗口的下面将显示图片编辑工具栏,包含各种图片编辑工具,如在图片中添加文字、调整位置。要注意的是,当调整了图片大小,程序将会以新的图片大小来保存图片。

操作 设置图片的属性:图片的属性一般指图片的一些内部性质,如源文件、格式参数、显示方式、对齐方式、边框和留白等等。鼠标右键点击图片,在弹出菜单中选择“图片属性”,即可在弹出的图片属性窗口中设置图片属性了。

操作 插入图片文件:先将要插入图片拷贝到站点文件夹中,选择菜单“插入/图片/来自文件”,在弹出窗口选择要插入的图片文件。然后,按照上面的方法调整和修改图片。

进一步学习的建议:深入了解各种网页图片格式,深入学习各种图片效果的编辑,掌握图片位置的调整,学习使用背景图片等。

超 链 接

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

链接的载体就是在网页中文字和图片,凡是包含链接的文字和图片都称为超链接。

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

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

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

进一步学习的建议:掌握各种超链接的设置、书签,学习使用导航条,学习使用图形热点。学习使用图片的热区。

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

您可能在找这些

  • 内容标签:

热门素材

一款简洁的TAB滑动门修改

2013-01-16   浏览:8426

WIN 8效果左右全屏滚动幻灯片

2017-02-28   浏览:116

固定在页面左侧的导航菜单

2013-01-06   浏览:9529

jQuery点击弹出确认或取消删除特效

2017-03-13   浏览:426

jQuery视差插件ImageScroll

2017-03-17   浏览:184

腾讯科技热点推荐图片展示效果

2017-03-12   浏览:473

css3模拟雷达波向外散发动画效果

2017-03-09   浏览:465

用层模拟可移动/可隐藏的小窗口

2013-01-09   浏览:8284

jQuery+CSS实现图片感应鼠标高亮显示当

2013-01-18   浏览:8666

多彩背景色左右滑动导航

2017-02-26   浏览:220

Ajax选项卡、隔行换色、弹出遮罩层

2013-01-09   浏览:8397

HTML5 Canvas点击页面烟花绽放特效

2017-03-22   浏览:297