|
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.这样一个漂亮的网页就制作完成了，至于一些其他的网页特效，我们以后在共同学习，我也是抛块砖头......。
|
