使用FrontPage制作网页的基本方法.docx
《使用FrontPage制作网页的基本方法.docx》由会员分享,可在线阅读,更多相关《使用FrontPage制作网页的基本方法.docx(17页珍藏版)》请在冰豆网上搜索。
使用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"
图片连接地址