24 12
发新话题
打印

【设计】HTML帖子制作教程

非常规排版技术
◇ 黑马
    在教程的前面我们提到过,论坛里用于显示用户的帖子的区域是有限的,在同一显示分辨率的机器里,用户的帖子可显示的宽度比该分辨率的宽度要少一些。而有一些帖子,出于种种原因,我们可能不满足于受限的显示宽度,为此,有必要采用非常规排版技术,其目的是突破显示宽度限制。
    这就是所谓的“全屏技术”,即,令帖子以全屏宽度显示。
    在HTML代码中,通过“层”技术,我们非常容易实现全屏显示某一单元(帖子可视作一个单元)。“层”具有重叠性,即,在一个已经存在的占位单元里,通过使用“层”的叠加,我们还可以在其上面再放置一个或多个单元。其结果是,多个单元的叠加,整体效果就是立体的,以下页面的左边的第二幅图就是通过使用“层”技术在图片之上叠加了一个透明的表格,从而导致图片不能通过正常的右击进行复制:
http://www.gxblk.com/pc/no1/tmtable.htm
    查看上面黑马提供的页面,你或许还不能明白“全屏”技术的实现原理,但你应该理解“层”的叠加概念。当前较高版本的DW已经引入了“层”的概念,用过DW的朋友理解起来可能比较容易,为了让新手也能够很快接受这个概念,黑马举个不十分确切的例子,对“层”再加以说明:筑路,通常铺上一层较大的石头,这是第一层,压紧后再铺上碎石,第是第二层,往后还有若干层。所有的层是重叠在一起的。这些层,就是我们要用于HTML帖子里。我们知道,用img加入一幅图片,这幅图片占的位置不可以再加入任何内容了,但通过“层”的叠加,我们就能够让其他内容浮于图片的上方,黑马在线听歌台的那个有“52”标志的Gif图片,就是这样放上去的。
    论坛都有固定的结构,它规定用户发帖所能显示的地方是被限制好的。包含有发帖人头像等信息的左边栏,它已经有了占位元素,而它恰好是占去了我们想利用的显示帖子的宽度。那么,通过使用“层”技术,我们将帖子的左边部分往它那里叠加,加上正常可显示的部分,帖子就实现了“全屏”宽度显示了。同样的道理,我们还可以让帖子往上或往下一点,甚至,如果你愿意,你还可以让帖子的头部把论坛的功能菜单全部遮拦住(不建议这么做)!
    不知道道理讲明了没有?呵呵,现在,还是来看看实例吧。
    以下两个表格,都以img方式装载有相同的图片,不同的是,第一张表格我们用了“层”技术,令图片不完全在表格里面;第二张表格则是正常加载图片的,不作任何处理。





    在上例中,第一张表格里,我们在图片代码前后用了如下代码:
<div id="tt_1" style="position:relative;left:-50px;top:-10px; width:217px;height:165px;z-index:99">图片代码</div>
    这段代码就是实现图片部分超越表格框架亦即突破常规位置的关键。其中,id很重要,是系统识别哪个单元的重要标志,命名时一定不要与其他的id重复;left表示要移位的单元左边起始位置,top则是指上部开始位置,用负数值表示往左、往上移位,正数则往右、往下移位;width和height其实指“层”的高度和宽度,通常与要移位的元素的宽度和高度相一致(论坛中可以省略width和height值,因为我们采用的是嵌入式使用“层”,“层”会自动获取宽与高。复杂的HTML页面不建议省略);position表明叠加的方式,有relative(相对位置叠加)和absolute(绝对位置叠加),使用前者的话,“层”所叠加的位置不因不同的分辨率而改变,即它的位置是固定的,使用绝对叠加则相反,会因分辨率的不同而发生位置变化,比如你想让一只蜜蜂采花粉,那么,如果你使用了相对位置,不同分辨率下打开你的帖子,它都是在花朵上采花粉的,但如果用了绝对位置,800
做帖的一些好习惯
◇ 黑马
    一、选择一款好用的HTML编辑器。
    尽管你可能对代码非常熟练,仍然建议使用HTML编辑器,一方面,可以事半功倍、减少代码的出错机率,另一方面,可以边编写帖子边查看效果以便随时更改不如意的地方。编辑程序的版本不要太低,比如,FrontPage2000尽管很优秀,但它未集成代码编辑环境下的自动显示和补齐代码功能,对一些标签的代码自动调整也常常令帖子面目全非,而FrontPage2003则是相当不错的,功能齐全,并有代码标错功能(以非常显眼的颜色将有错误的代码区域标识出来),非常贴切用户。DreamWaver的新版本则整合了图片处理功能,比如,用一张图片做表格的背景,可以通过动动鼠标、输入数字,轻而易举地将此图片割开(当然你需要上传被割开的图片才能在帖子中使用),它还集成有图片的简单处理,且,如果安装了与之配套的兄弟软件,它就更加十全十美了。总之,编辑器不必安装太多,有一款用得上手的就行了。
    二、如果习惯了在线编写帖子,请编写完一组完整的代码后再切换到Design编辑环境预览,否则论坛系统的自动填充功能会将你的代码弄得乱七八糟,极可能难以挽救。对于需要移位的帖子,在编写时先不要使用移位代码,待帖子编写完毕并检查无误了,再加入移位代码。有音频的影视、音乐代码也尽量在最后再放上去,因为,一旦放了音乐之类的代码上去,如果多次切换到Design环境,音乐会同时播放,重唱一样的音乐会弄得你难以适应。
    三、表格的居中,尽量不要使用其他的代码来令其对齐,而是使用表格的对齐属性代码来完成,在table代码里使用align=对齐数值。这是一个好习惯,也会减少废码的出现——当使用p、div或center之类的标签对齐表格时,系统通常会在代码里生成大量的其他代码,有时根本无法人为地控制。单一列的表格,也没有必要给td赋宽度值,因为那是没有必要的,它总要占满表格的宽度(前提是表格已经定义的宽度)。
    四、做帖时,对帖子所使用到的图片尺寸尽量做到心中有数。比如,你要用表格背景图片方式发图,那么,表格的高与宽必须与图片的尺寸一致。而Flash影片、WMP和RP的播放界面尺寸,也应该在设置的时候考虑到表格的总体宽度。
    五、没有影像的音频文件,其播放界面不要设置太大的高度,在embed标签里,WMP的高度45个象素最合适,RP在80上下就可以了。当需要隐藏播放界面时,请最好不用将width和height设置为0,因为那不是真正的隐藏,好的方法是设置hidden值为true。
    六、当使用img形式发图时,你得根据论坛的情况设置装载有图片的表格的宽度。多数论坛会设置了一组JS代码来处理图片的宽度,即当图片的宽度大于300个象素时,图片就以300个象素显示。有时,一个论坛当时可能是这样的设置,往后又是那样的设置,也需要我们充分考虑到。
    七、永远是在有了主题和准备好素材后再做帖子,千万别强迫自己做帖。
    八、不要老依赖别人的帖子代码,因为,这样的话,你的创作能力永远得不到发挥,你只是沿着别人走过的路再走一回而已。
    九、在自己的硬盘里建立一个文件夹,此文件夹下又建立若干子文件夹,当发现有好的素材,就分门别类地保存好,有条件的,能用得着的就上传,并用一个文件记录好它们的URL,甚至,为了更方便,不妨在本地硬盘建立一个HTML页面,用绝对路径显示这些资源的真实面目。
    十、对于那些优秀的已经发布了的帖子要有个备份,建议修改一下代码,以相对路径将所有资源保存在本地磁盘,这样,当帖子借用的资源链接失效后,你仍然有补救的余地。
首先,如果你不是一开始就打开这个结束语,那么,黑马非常想知道你到底学的怎么样——当你看完一个教程,如果什么都没学到,作者会非常失望的,黑马也是如此。教程总是有用的,黑马学习电脑和网络,都从教程学起,有常规书籍,有电子书籍,有HTML教程。黑马不敢说每一个教程都学透,但可以肯定的是,每一个教程都对黑马有一定的帮助。
    在论坛做HTML帖子是一项颇具挑战性的创作活动。比起建立一个HTML页面而言,做帖的受限性更大,我们可以认为,做帖子与戴着脚镣跳舞没什么两样。在局限太多的环境下以完美的形式艺术地将你的思想和意志展现出来,没有一定的功底是难以完成的。为此,本教程更大程度上着重于对HTML语法的介绍和技术的剖析,读者在阅读每一节的时候应该能够感受到这一点,同时也极可能觉得教程的趣味性程度不够,有点枯燥——这是没办法的,语法和技术,开始接触时就这样,只有当你掌握了,你才领略到其中的味道。或许你需要再次阅读其中的某些内容(黑马常这样对待教程),你会发现还有意外的收获。
    黑马的这个教程并非完美,但对于抱着做好论坛帖子这一目的的读者来说,它应该是很难找得到的,黑马也将长期在这里保留这个教程。各位如果觉得教程有需要修正或补充、增加的地方,请给黑马留言,黑马将视情况作些必要的修改。
    本教程在编写过程中参考过诸多资料,因过于零散,不便一一罗列出来,在此,谨向这些资料的作者表示感谢!同时感谢关心与支持本教程的各位朋友!
不错不错。

TOP

谢了,楼主!

TOP

如果您想在上网的同时挣点零花钱,那么看完这篇文章后您一定会有所收获。如今网上有各种各样的网赚项目,往往每个项目都是吹得天花乱坠,让大家无所适从,不知选择什么好,小弟也曾走过不少弯路,网络上的那些收费的,免费的项目几乎都有试过,当初就是冲着他们的宣传,什么日入几百,几千,后来发现这只是一个美好的梦想,当然不是完全没有可能实现,但是离我们新手非常的遥远,因为前提是要发展非常多的下线,而且还要保证这些下线要辛勤地劳动,如果不发展下线当靠自已的努力达到目标的可能性为“0”。做了几个月后发现所付出的时间与所得的收入不成比例,可以说几乎没有收益,那真是个累死人不尝命的活,不得不放弃,白白地浪费了这一段时间。<?xml:namespace prefix = o ns = "urn:schemas-microsoft-comfficeffice" /><o:p></o:p>
   后来一个朋友知道我也想做网赚,就向我推介说要做就做“投票”,我试着做了10天(注意,仅仅10天)后,我就把当初所有的其它网赚项目都抛掉了,专心地做“投票项目”。为什么投票有这么大的吸引力,利用空余的时间,我总结了以下几点:<o:p></o:p>
先解释一下什么叫投票:“超级女生”大家都看过吧,里面的网络票数其实很多都是通过专用的投票平台代理,付费得来的,我们只要通过平台提供的软件挂在电脑上,软件就会自动投票,结束后所得的钱就会打到我们的支付宝账户上,做法简单,又不会占用大家太多的时间,很多都是全自动的。<o:p></o:p>
1、起付低,时间短,1分钱起付,工资日结,隔天付款;(这点是最重要的,福清有句俗话“1000比不上800现”意思就是说承诺给以后给我1000元钱,不如现在就给我800元实在。),其它的网赚项目往往要达到一定的金额才给支付,而且不一定是人民币,有的只会兑成礼品。

2、上手简单第二天就有人民币入帐-您的支付宝账户上;(注意这里的入帐是指您已经对这笔钱有使用权,而不是象其它网赚项目那样要先放在他们的网站账户上,达到一定的金额才给支付,新手要做到他们的最低支付额要相当长的时间,他们的目的就是想先把人拴住,你一旦觉得划不来不做了,那么你前面所得的收益就打水漂了,想想我现在在别的网赚项目上还挂着上百元的血汗钱哪,就当是买个经验了。)

3、收入中等偏上,正常1天20-50元没问题[在没有下线提成的情况下];(呵呵,第一天刚做这个项目的时候只挣了6毛钱,当时高兴得不得了,这可是我的第一桶金,后来通过上线也就是我的朋友的指点,慢慢地3块5块往上涨,有一天选了一个价钱好的任务,挣了29.5元,前10天我算了一下平均每天收入都在10元左右,写这篇文字的时候基本每日稳定在30元左右,这可是才一个月而且还是我8小时外兼职的收入哦,有经验的老手或者专职来做可不止这个数)

4、可发展下线,获取一定提成;这点和别的网赚项目一样,也许这是为了满足那些朋友多交际好的朋友的需求,当然如果您觉得当靠自已个人的努力所得已经足够了,也可不必花费时间在这上面。不过我还是建议您到时抽一点时间,虽然刚开始提成不是很多,但就当是做好事把这个好项目推荐给别人,同时也给自已多条收益的渠道,互惠互利嘛,时间长了也是一笔可观的收入。(有关下线的提成这里有必要说明一下,提成不是从下线的收益中拿钱,而是项目平台额外支付给我们的,下线应得的收入不会减少,这也是今天我写这篇贴子的目的,公家的钱不要白不要,而且有了上线有问题也好向他请教。)

5、注册简单,便捷,完全免费;投票平台的注册是所有网赚项目平台注册最简单,只要用户名,密码,支付宝帐号(收钱用),QQ号。想当初我做调查类网赚的时候,跟查户口似的要了我一大堆资料,现在想想还后怕,他们了解这么多信息干嘛。
      好了,如果你有兴趣的话以下我推荐几个投票平台给您,都是我现在在做的。你可以注册试试,看看是不是第二天就有款到账,如果觉得不合你的口味,大不了只浪费一天的时间,另外提醒一下,不要只注册一个,多注册一两个价钱有得比较,相同的任务可以选择价钱高的做;也不要注册太多,因为内容基本相同,多了反而花丛挑花,越挑越花,只要做5-8个就可以了,每个分类靠前的两三个人气较旺,可先选择注册。

老牌投票平台(信誉好,任务多,价格适中)

天下投票平台 http://www.wz999.net.cn/hui_zhuce.asp?t=29357(价格高,一天支付多次,免请款自动支付)<o:p></o:p>
博云投票平台http://www.payself.com/2p/reg.asp?ref=25553(价格适中,免请款自动支付)<o:p></o:p>
尖峰投票平台http://www.mianfei99.cn/hui_zhuce.asp?t=93549(价格适中,有独家任务,免请款自动支付)<o:p></o:p>
小咪投票平台http://www.xmtpw.com/hui_zhuce.asp?t=69687&b=K(价格适中,有独家任务,1元请款)<o:p></o:p>
久久财富投票平台http://www.cfvote.cn/hui_zhuce.asp?t=12136(任务适中,价钱高,免请款自动支付)<o:p></o:p>
佳晨投票平台 http://www.spwzpt.cn/hui_zhuce.asp?t=12958(任务不多,价钱最高,免请款自动支付)<o:p></o:p>
爱丫丫投票平台:http://www.ayy58.com.cn/xiaxianzhuce.asp?t=5065(任务适中,价钱高,免请款自动支付)<o:p></o:p>
<o:p></o:p>
<o:p></o:p>
   您从以上链接进入并在平台上注册成功后可以加QQ群:38054252 注明网赚 (为了更好地服务大家,不是从以上链接进入注册的恕不加入);我将会解答您入门时遇到的问题,并教您一些相关技巧,少走弯路,尽快提高你的收入。 
请注意几点要求:
1、要有支付宝帐号,没有的自己先去申请好,钱是通过支付宝担保支付给你的,每天都可查帐。
2、ADSL宽带用户,最好是ADSL拨号上网的。小区宽带,专线,或路由方式上网也可,就是任务少了点
3、有耐心,这个项目是劳动赚钱,每天收入20-50元,做的多的50元以上,看不起小钱的就免谈了!

我们的口号是:一分耕耘,一分收获!想不劳而获的就真是要等天上掉馅饼了。<o:p></o:p>

TOP

都是高手  佩服佩服

TOP

你的认真感动了我,顶你!

TOP

 24 12
发新话题