凉宫琴音步兵作品番号:使用FrontPage制作网页的基本方法

来源:百度文库 编辑:中财网 时间:2024/04/29 11:34:18

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.带有图片的字幕
再以上例为基础:
将下面的文字复制到"字幕属性"的"文本"框内:(注意:没有回车,黄色标的是图片地址)
....字幕的制作方法
....字幕的制作方法
3.撞来撞去的效果
字幕的制作方法
字幕的制作方法
4.带有图片向上滚动的字幕
这个我试过N次把它复制到"字幕属性"的"文本"框内,都未成功,只在代码窗口内加在   之间才成功。

带有图片向上滚动的字幕


解    释
scrollAmount="1"
滚动的速度,数值越大越快
direction="up"
滚动方向
width="416"
滚动条宽度
height="72"
滚动条高度
bgColor=""
滚动条的底色
FONT color=#da6d6d
字体颜色
align=center
居中
IMG height=88 width=393
图片的高度和宽度
src="http://*.jpg"
图片连接地址
带有图片向上滚动的字幕