用Frontpage建个小窝—文字图片超链接

frontpage|链接

  文字

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

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

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

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

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

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

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

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

  图片

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

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

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

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

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

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

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

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

  超链接

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

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

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

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

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

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

时间: 2024-10-01 06:47:25

用Frontpage建个小窝—文字图片超链接的相关文章

用Frontpage建小窝文字图片超链接

  文字 通过模板建立的站点和网页只是一个结构雏形,现在来打开这些网页,添加各种元素,开始建设自己的家.我们首先从主页面(index.htm)开始,这可是家的大门. 操作认识模板页面:打开主页文件,在"网页"视图窗口可以看到该主页的大致结构.页面分成了三个部分,上面的部分主要放置标题图片(图片元素为主),左面的部分主要放置链接到其他网页的目录(链接元素为主),而中间的大部分放置该主页的主要内容(文字元素为主). 一般模板主页,通常由横幅.目录.正文等几个部分组成,只是数量和排列方式不一

用FrontPage建个小窝—网页的美化

  页面的美化 通过模板建立的网页,常常预先置放了些标题栏.目录栏(一般叫导航栏),导航栏都是用很多元素组成的,结构上稍稍复杂一些.一般情况下我们不必要对这些东西进行低层次的修改,FrontPage也不允许操作者修改,但在某些项目上,我们还是可以根据自己页面的要求来修改. 操作修改页面的主标题:在主页(index.htm)的页面上部,模板预置了一个名为"主页"的横幅标题,这个横幅标题和整个主页格格不入.点击横幅,按"Del"键删除,然后在同样位置插入一个事先准备好的

QQ文字图片制造机造出个性QQ聊天内容

在利用QQ聊天时,特别是在群中你是否对网友发的由字符组成的文字羡慕不已,其实你只要到http://www.skycn.comhttp://www.bianceng.cn/soft/26541.html处下载安装这款"QQ文字图片制造机"就也能够把字符组合成文字发给你的好友,其使用非常简单,只需输入任意字符并单击"制造"按钮即可生成您想要的文字图片了.它还支持粗体.斜体.下划线等效果:支持自定义原始字模.前景.背景字符和自定义文字的大小. 1.单击"前景字符

将文字图片转成word文档的方法

  我们在日常工作,有时候会遇到需要把文字图片或者扫描的文件变成word文档,最笨的方法就是一个一个字的打到word文档,有一些图片的文字是可以在搜索引擎上找到的,但是首先这个需要运气好.不过,现在小编就要教打一种新的方法,用的软件就是我们常用的Word.具体步骤如下: 1.首先保障你计算机的office安装有Microsoft Office Document Imaging组件,如图1,如果你安装的是迷你Office可能就没有,请安装完整版的Office就行了; Microsoft Offic

IOS 开发之自定义按钮实现文字图片位置随意定制_IOS

IOS 开发之自定义按钮实现文字图片位置随意定制 可能有些看到这篇文章的朋友会觉得很不屑:"按钮谁不会自定义?还需要看你的?" 也确实,按钮是我们项目中最常见的控件之一,天天在使用.对于不同类型的按钮,我们是否有更加简便的方法来实现需求是我们需要做的.这里我提出自己的两种方法,您可以对你自己平时自定义按钮的方法做一下对比,看看哪种方法更加简单. 多说一句,千万不要觉得知识简单,觉得自己会了,没必要学习.'往往简单的东西存在大智慧'(这个比给满分),知识都是慢慢积累出来的. 按钮是应用中

请教 C# asp.net 如何 精确 读取文字图片(中文或英文大写或英文小写)宽度与高度的问题

问题描述 请教C#asp.net如何读取文字图片(中文或英文大写或英文小写)精确宽度与高度的问题尝试了pathmeasurestingtexreader的几种方法都无法获取精确宽度与高度而示例网站都可以的先看示例网站请选中查看文字边距根据英文字母的含有的大小写不同图片的宽度与高度也不一样边距也比较精确网址http://draw.yifutu.com/ajaxpage/app/drawtextimageajax.aspx?operation=1&random=0.8987171404229826&a

iOS实现文字转化成彩色文字图片_IOS

本文写了个将文字转化为多彩图片的功能,输入文字将文字转化为彩色的文字图片,可选择不同的字体,渐变,先看看效果. 实现主要用CAGradientLayer渐变,先看看上部展示实现代码: -(void)setupContentView { UIView *contentView = [[UIView alloc] initWithFrame:CGRectMake(0, 44, ScreenWidth, ScreenHight - 44 -300)]; [self.view addSubview:co

javascript实现文字图片上下滚动的具体实例

这篇文章介绍了在JS中文字图片上下滚动的实现代码,需要的朋友可以参考一下   复制代码 代码如下: <div style="border:#d3d3d3 1px solid;width:100%;"> <div id="demo" style="overflow:hidden;height:160;width:100%;"> <div id="demo1"> 文章标题列表 </div&

标签-java 流布局 文字 图片

问题描述 java 流布局 文字 图片 我的面板设置的是流布局,我想要添加文字和图片,文字标签在第一排图片显示在第二排,这个要怎么处理用java实现 解决方案 一定要把文字和图片分开来吗?如果不是,可以把文字和图片放在一个div里面,然后整个div按流布局.这样就很容易实现了,你可以突出文字和图片的分隔,而模糊div的边界,这样看上去就像是文字和图片的流布局了.