frontpage制作网页技巧.docVIP

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.带有图片的字幕 再以上例为基础: 将下面的文字复制到字幕属性的文本框内:(注意:没有回车,黄色标的是图片地址) IMG src=/fuping111/pic/item/ f95512d57103d9c950da4b78.jpg字幕的制作方法 3.撞来撞去的效果 marquee behavior=alternate width=282字幕的制作方法/marquee 4.带有图片向上滚动的字幕 这个我试过N次把它复制到字幕属性的文本框内,都未成功,只在代码窗口内加在body?? /body之间才成功。 marquee scrollAmount=1 direction=up width=416 bgColor= height=72FONT color=#da6d6dP align=center带有图片向上滚动的字幕/PP align=centerIMG height=88 src=/fuping111/pic/item/39ba941684218f5ff2de32ef.jpg width=393/P 解??? 释 scrollAmount=1 滚动的速度，数值越大越快 direction=up 滚动方向 width=416 滚动条宽度 height=72 滚动条高度 bgColor= 滚动条的底色 FONT color=#da6d6d 字体颜色 align=center 居中 IMG height=88 width=393 图片的高度和宽度 src=http://*.jpg 图片连接地址