第一帖:初步沟通一下_准备工作

  常见有人说学做特效帖好难;也看到许多写得很好、很专业、很规范的教材,象入门、基础等。我的感觉,事情并没有那么复杂,比如说不懂英语、记不往代码等等,都不是问题。初接触制作特效帖,犯不着马上就去钻研代码,用上专门的网页制作软件,完全可以在不惹代码的情况下,做出满不错的特效帖。高级的专业的软件当数 Dreamweaver,这是网上常说的“三剑客”三个软件中的一个;大众化一点的就是微软的办公软件office中的一个frontpage。用电脑的大概都会装office,那就把frontpage也装上。初学特效帖制作就足够用了。
  究其实,特效的内容就是网页制作中很小的一个部分,你也不必一听到网页制作就头大,这就好比你我都是中国人,都说汉语,识汉字,但绝对不是汉学家。但我们完全可以说我懂汉语。我们只是在某种程度上使用汉语。闲话暂且打住。
  看看网上的特效帖,大至有这样一些内容:背景、边框、图片、Flash、透明 Flash、音乐。下面,就这些东西谈谈我的心得 ,我保证,不难。但得很直白的先打个招呼,如果对电脑的使用,常用软件的应用都很生疏的话,建议先别急着看下面的内容,不然效果不会好。
  需要说明一下,叙述中的一些提法不一定是准确的专业术语,以好懂为首选。

  以frontpage2003版为例,下面是启动后的界面。

  这个界面与微软的其他软件应该没有太大的不同。中间最大的区域就是用来编辑的。左下角有四个选项按钮:设计、拆分、代码、预览。设计:就是所谓的可视化编辑状态;拆分:上半显示代码,下半为可视状态;代码:只显示代码;预览:保存前看一下效果,这个不必解释了。顶上面的那些东西用不着解释了吧,大多数软件都差不多。右边的对话框,是在菜单中点击“表格-插入-表格”后出现的,为的节省抓图,偷一下懒。
  特效帖中,表格用得较多,就先从表格讲起吧。我认为,表格大致有两个用途,一是用来作容器,在它里面放东西,而不让它显示;二是用来作装饰,这就是帖中常见到的表框,单层的或多层的。
  这里还想说个题外话,学东西得靠自己,多试,自己去体会,界面上有什么东西,按钮、选框等等,都试一下,看会出现什么结果,别人讲得再详细都只是提纲性的,只能起到启发和引导的作用。一个软件,一个方面的内容,实在是太多太多,别人决不可能点点滴滴都讲到。
  现在,请你自己做一件事,在上面的界面里,在“插入表格”的对话框中,将最上面的行、列数改为1,不改也行,确定后,看看是什么情况。如果有兴趣,按照多试的原则,将其他的东西都动一动,看看结果。其实,许多东西不必等别人讲,到网上搜索一下,找点资料,自己照葫芦画瓢,也一样的能学习。几乎每个软件在菜单里都有“帮助”,看一下, 也很有用的。
  为了节约篇幅,关于操作步骤将只以路径的型式列出,练习的时候,对照着一步一步的做下去,很容易出结果的。

  准备工作就到这里。我们做个实例。

第一例、设置一个单个的框(叫一行、一列),也可以说单个的框是一种特殊的表
  格;对表格不作任何设置,将一张图片作为表格的背景放入其中。我们在帖子
  中发图片时,经常会有这种情况,图片显得较小。这是网络系统自动将大到一
  定程度的图片以略缩图的形式显示的缘故。
    本例就能解决这个问题,让大图以实际大小显示在帖子区。

操作步骤:
  打开软件_点工具栏第一个按钮_空白网页打开;
  点(表格_插入_表格)设:行为1、列为1_确定
  这时在编辑区会有一个细虚线框,在框中点右键_表格属性_使用背景
    图片_填入图片地址_确定_完成设定

  这时图片不会正常显示,因为我们没有设置表框的大小。

调整表框:将光标移到表框附近,稍微移动,当光标变为双箭头时,按下左键不
  放,同时拖动鼠标调整,横、竖向相同。这里有一个特征,图片的大小是不会
  改变的;当表框小于图片时,图片只显示局部;当表框大于图片时,图片就象
  铺瓷砖一样,以多幅显示。

另一方法:将图片的地址粘贴到浏览器的地址栏、回车,图片显示,在图片上点右
  键_属性,就能看到图片的长宽值了。在设置表框的时候,将这两个数据填写
  到“指定宽度”、“指定高度”中,表框的大小就不需要另行调整了。(如果
  是自己上传的图片,当然不必这样操作了,在电脑里就能得到图片的长宽值)

  实效于下:

  概括一下:
一、不去碰代码,也能做些事;
二、当图片设置为表格的背景图时,它的大小就固定下来,不会改变;
  当图片大于表格时,仅显示局部;
  当图片小于表格时,图片沿纵横方向平铺。这一点常见于用很小的图片作为图案,用于装饰表格的外框和边框。
  下面还是列出相应的代码,作为参考。但不必急于去弄懂。


*********
<center>

<table cellpadding="0" cellspacing="0" width="650"  height="250" background="http://image.hnol.net/200504/dysr/make/02.jpg"  border="0">
<tr>
<td>

</td>
</tr>
</table>

</center>

*********

第一帖