使用FrontPage制作网页的基本方法.docx

上传人:b****5 文档编号:3158632 上传时间:2022-11-18 格式:DOCX 页数:17 大小:1.19MB
下载 相关 举报
使用FrontPage制作网页的基本方法.docx_第1页
第1页 / 共17页
使用FrontPage制作网页的基本方法.docx_第2页
第2页 / 共17页
使用FrontPage制作网页的基本方法.docx_第3页
第3页 / 共17页
使用FrontPage制作网页的基本方法.docx_第4页
第4页 / 共17页
使用FrontPage制作网页的基本方法.docx_第5页
第5页 / 共17页
点击查看更多>>
下载资源
资源描述

使用FrontPage制作网页的基本方法.docx

《使用FrontPage制作网页的基本方法.docx》由会员分享,可在线阅读,更多相关《使用FrontPage制作网页的基本方法.docx(17页珍藏版)》请在冰豆网上搜索。

使用FrontPage制作网页的基本方法.docx

使用FrontPage制作网页的基本方法

使用FrontPage制作网页的基本方法

1.打开

FrontPage程序,新建一个空白网页

2.根据制作网页的内容,先大致划分出总体的框架.为方便直观便于了解,这个教程就是现在这个网页的框架。

执行,插入--插入表格,划分出4个大的框架。

(1为LOGO区、2为过度区、3为主内容区、4为最底部分)

3.先对框架的宽度进行设定

4.在表格属性对话框中,设定网页的宽度。

这里是900(单位是:

像素,这个宽度是根据总体背景框架图的宽度设定的),并把“单元格衬距”“单元格间距”以及“边框的粗细”均设置为0。

5.这样,我们就对总体的框架设定完成了,下一步是对每个单元格进行设定。

首先选中第一个单元格

6.在单元格属性对话框内,应根据你个人的要求设置它的高度,这里的107是根据已作好的LOGO图片的高度设定的。

在背景栏里,选中“使用背景图片”,把需要的图片地址填写上(也可以使用单一的颜色,使用单一颜色时,不能选中“使用背景图片”,直接在“颜色”中选择就可以了)。

设置完成后点“应用”--“确定”即可。

7.在对第二个单元格进行设置,方法同上一步。

在对第三个单元格(3为主内容区)设置时可以不设置它的高度,所以在用PS做背景时一定注意图片上下的衔接问题。

8.第四个单元格的设置方法同第一个表格相同。

9.嘿!

多出来的单元格选中删除吧!

10.这样总的框架就设置好了,再对第三个单元格进行细部的划分,先选中主内容区,右键---单元格属性---选择“居中”、“顶部对齐”,其他的不用设定。

11.插入表格,这样做的目的是把“文章区”和右侧的栏目分开。

12.插入的表格默认是100%的大小,可以手动调整它的宽度。

.

13.表格调整完成后,这里主要是适应背景图的大小,如感觉文字位置不太满意。

可以使用“格式”---段落,进行细部的修改。

14.这样“文章区”的布局就完成了,下面对LOGO区(第一个单元格)编辑。

在这里我主要是加入一些常用的超级连接,内容见本网页的LOGO,根据背景图片,常用的连接只能加在这个区域的右下角,所以在设置布局时就设定为“右对齐”或“相对底部对齐”

15.在编辑超连接文字时也可以不加入表格,可我发现在FrontPage编辑好后发到博客里字体的分布就有很大的不同,所以我就加入了表格,

16.在每一个单元格内添如一个连接。

17.好了,总体就算完成了,在FrontPage里,执行--全选,复制。

打开博客,粘贴就可以了。

对了,还有对图片和文字的超连接的方法,先复制一个图片(网络上的)到你编辑的文章的相应位置。

18.右键图片---选“超连接”,在地址栏里填写上超连接的地址,确定即可。

19.制作文字的超级连接的方法是,先选中超连接的文字,右键---超连接...,方法同上

20.这样一个漂亮的网页就制作完成了,至于一些其他的网页特效,我们以后在共同学习,我也是抛块砖头......。

摄影技术

逆光人像摄影技巧

如何拍摄出清晰的照片

买相机必读的常识

数码相机基本常识

(1)

数码相机基本常识

(2)

人物摄影的关键要素

影音编辑

Cooledit使用教程

千千静听使用教程

比较全的视频转换软件

视频剪切合并工具

视频转化为3GP格式

ImageReady制作动画文件

技巧一:

字幕的制作

1.一般的作法:

2.带有图片的字幕

再以上例为基础:

将下面的文字复制到"字幕属性"的"文本"框内:

(注意:

没有回车,黄色标的是图片地址)

f95512d57103d9c950da4b78.jpg">....字幕的制作方法

3.撞来撞去的效果

字幕的制作方法

4.带有图片向上滚动的字幕

这个我试过N次把它复制到"字幕属性"的"文本"框内,都未成功,只在代码窗口内加在  之间才成功。

带有图片向上滚动的字幕

解   释

scrollAmount="1"

滚动的速度,数值越大越快

direction="up"

滚动方向

width="416"

滚动条宽度

height="72"

滚动条高度

bgColor=""

滚动条的底色

FONTcolor=#da6d6d

字体颜色

align=center

居中

IMGheight=88width=393

图片的高度和宽度

src="http:

//*.jpg"

图片连接地址

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 人文社科 > 文化宗教

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1