正文

网页设计

(2004-12-25 12:40:35) 下一个
如何用HTML标签做帖及透明FLASH的应用! 说明:在你决定用HTML标签做帖时,首先要在发帖栏的下面选择HTML模式才能正常使用HTML标签编辑帖子。 一:背景 效果如: 原代码如下:
帖子内容,文字或图片.....
的参数设定(常用):
注解: width="400" 表格宽度,接受绝对值(如 80)及相对值(如 80%)。 border="1" 表格边框的厚度,不同浏览器有不同的内定值,故请指明。 cellspacing="2" 表格格线的厚度 align="CENTER" 表格的摆放位置(水平),可选值为: left, right, center valign="TOP". 表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。    background="myweb.gif" 表格的背景图片,与 bgcolor 不要同用。 bgcolor="#0000FF" 表格的底色,与 background 不要同用 bordercolor="#CF0000" 表格边框颜色 bordercolorlight="#00FF00" 表格边框向光部分的颜色 bordercolordark="#00FFFF" 表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。 cols="2" 表格栏位数目,只是让浏览器在下载表格时先画出整个表格而已。 ---------------------------------------------- www.xqwuyu.com 朋友,有空常来坐坐,心情物语欢迎您! 2004-6-28 3:15:02 雪夜寒星 等级:论坛游民 文章:165 积分:444 注册:2003-12-25 第 2 楼 二,图形标记 帖图格式: 称图形标记,主要用来插入图形标记。 的一般参数设定:   例如 Logo of PenPals Garden src="logo.gif" 图片来源,接受 .gif, .jpg 及 .png 格式,前两者通行已久,后者则由 96 年开始发展, 于未来取代前两者。若图片档与该 html 档同处一目录则只需写上档案名称,否则 必须加上正确的路径,相对或绝对均可。 width=100 height=100 设定图片大小,此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小,以免失真,若需要改图片大小最好使用图像编辑工具。(改变大小的宽和高与原图的宽和高要成正比例,图片最好是改小不改大,以免失真。) hspace=5 vspace=5 设定图片边沿空白,以免文字或其它图片贴近。hspace 是设定图片左右的空间, 是设定图片上下的空间,高度采用 pixels 作单位。 border=2 图片边框厚度 align="top" 调整图片旁边文字的位置,你可以控制文字出现在图片的偏上方、中间、底部、 左右等,可选值:top, middle, bottom, left, right,内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom, texttop 表示图片和文字依顶线对齐, baseline 表示图片对齐到目前文字行底线值, absmiddle 表示图片对齐到目前文字行绝对中央, absbottom 表示图片对齐到目前文字行绝对底部,(绝对底部是指它考虑到比如 y 、g、q 等字的下边)。 alt="Logo of PenPal Garden" 这是用以描述该图形的文字,若使用文字浏览器,由于不支持图片,这些文字 将会代替图片被显示。若支持图片的浏览器,当鼠标移至图片上该文字也会显示。 lowsrc="pre_logo.gif" 设定先显示低解析度的图片,若加入的是一张很大的图片,下载要很长的时间,这张低 解析度的图片会先被显示以免浏览者失去兴趣,通常是原图的黑白版本。 例:普通插入 原代码:     调整图片位置:(居中) 原代码:

align=位置参数 可先值为:center(居中) left (居左) right (居右) ---------------------------------------------- www.xqwuyu.com 朋友,有空常来坐坐,心情物语欢迎您! 2004-6-28 3:15:43 雪夜寒星 等级:论坛游民 文章:165 积分:444 注册:2003-12-25 第 3 楼 三,文字设制 文字设制 一,文字基本设制 基本代码如下:

插入文字

align=center 表示字体居中,可选值为居右(right)居左(left) color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看 face=字体 常用字体为:宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等 size=字体大小,这里的最大值为7 取值越大文字就越大 二,大字体文字 效果: 数到三就不哭 代码: 插入文字 font:40pt 数值越大文字就越大。 三,移动文字设置: 基本代码1: 插入文字说明:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right) 基本代码2: 插入文字说明: behavior=scroll 一圈一圈绕着走  behavior=slide 只走一次 behavior=alternate 来回走 停停走走: 效果如: 数到三就不哭 代码如下: 插入文字四,文字特效显示: 效果一: 数到三就不哭原代码:
数到三就不哭
效果二: 数到三就不哭原代码:
数到三就不哭
效果三: 数到三就不哭原代码:
数到三就不哭
效果四: 数到三就不哭原代码: 数到三就不哭效果五: 欢迎你朋友友朋你迎欢原代码: 欢迎你朋友友朋你迎欢注明:在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width的取值。 ---------------------------------------------- www.xqwuyu.com 朋友,有空常来坐坐,心情物语欢迎您! 2004-6-28 3:16:22 雪夜寒星 等级:论坛游民 文章:165 积分:444 注册:2003-12-25 第 4 楼 四,载入音乐 基本语法: 常用属性如下: SRC="FILENAME" 设定音乐文件的路径 AUTOSTART=TRUE/FALSE 是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE LOOP=TRUE/FALSE 设定播放重复次数,LOOP=6表示重复6次,TRUE表示无限次播放,FALSE播放一次即停止。 STARTIME="分:秒" 设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20 VOLUME=0-100 设定音量的大小。如果没设定的话,就用系统的音量。 WIDTH HEIGHT 设定控制面板的大小 HIDDEN=TRUE 隐藏控制面板 CONTROLS=CONSOLE/SMALLCONSOLE 设定控制面板的样子 例一: 作为背景音乐来播放,隐藏了播放器。 例二: 出现控制面板了,你可以控制它的开与关,还可以调节音量的大小。 注明:mp3 rm ra ram asf mid等音乐都用这个播放器 IE中的的背景音乐 代码如下: #=循环数 注明:这种背景音乐格式,只有在IE浏览器中才可以听到。一般用来插入wav wma mid等格试的音乐。 在论坛做帖常用格试如下: 一: 说明:一般用来插入mp3 rm ra ram asf mid等音乐文件,如果要隐藏播放器,把width和height的数值改成0或者1就可以了。 二: 说明:一般用来插入wav wma mid等格试的音乐文件。 ---------------------------------------------- www.xqwuyu.com 朋友,有空常来坐坐,心情物语欢迎您! 2004-6-28 3:17:06 雪夜寒星 等级:论坛游民 文章:165 积分:444 注册:2003-12-25 第 5 楼 五,一些常用的特效 由与7.0的论坛屏蔽掉了很多特效,在这里能用的很少。应该说是用起来有点麻烦,据我所知应该以前可以用的现在同样可以用,只是在发帖的时候把发帖栏下面的自动修正取消就OK了。 例1: 原代码如下: 例二: 数 到 三 就 不 哭 原代码如下:
例三: 原代码如下:

注明* 在HTML模式下插处代码,在把自动修正取消之后再发表才能正常显示。 例四: 原代码如下:
注明* 在HTML模式下插处代码,在把自动修正取消之后再发表才能正常显示。 [此贴子已经被作者于2004-6-28 3:18:38编辑过] ---------------------------------------------- www.xqwuyu.com 朋友,有空常来坐坐,心情物语欢迎您! 2004-6-28 3:18:00 雪夜寒星 等级:论坛游民 文章:165 积分:444 注册:2003-12-25 第 6 楼 透明FLASH的应用 一,效果如: 原代码如下:
其中插入透明FLASH的代码为: 说明:也就是把FLASH放在图片里面,这样图片就必需作为背景才行,不足之处就在于图片往往较大,而论坛显示范围有限,作为背景的图片常常无法显示全图。所以建议大家在用这种格式的时候最好是选取一些较小的图,也或者自己用PS将图改小了再用。 二,第二种效果:把FLASH定位,这样图片就不用作背景,直接用图片的格式,图片的大小也可以随心所欲,效果要比前面一种好,7.0程序的论坛使用这种效果时,在发帖前先要将发帖栏下面的自动修正取消才能正常显示。 效果: 代码如下:

插入透时FLASH的代码为: 说明:TOP: 900px 是指FLASH与帖子上边之间的距离(也就是FLASH与IE的距离)。   LEFT: 50px 是指FLASH与帖子左边的距离   WIDTH: 00px HEIGHT: 300px 是指FLASH定位的范围宽度和高度  后面的width=400 height=3000 就是指FLASH的宽和高了。 三,透明FLASH在网页中的应用。这种是在做页子用的,论坛里用不到。 只要在您的网页中合适的位置插入如下代码: 点击看代码 注:最好新建一个层或无边框表格。 高度height,宽度width随图大小可调. 演示.源码下载: http://www.cn898.net/a-du/x/love/index1.htm http://www.cn898.net/bg/fh/1/index.htm [此贴子已经被作者于2004-6-28 3:23:23编辑过] ---------------------------------------------- www.xqwuyu.com 朋友,有空常来坐坐,心情物语欢迎您! 2004-6-28 3:20:45 雪夜寒星 等级:论坛游民 文章:165 积分:444 注册:2003-12-25 第 7 楼 符:N多透明FLASH下载 1 【下载】 2 【下载】 3 【下载】 4 【下载】 5 【下载】 6 【下载】 7 【下载】 8 【下载】 9 【下载】 10 【下载】 11 【下载】 12 【下载】 13 【下载】 14 【下载】 15 【下载】 16 【下载】 17 【下载】 18 【下载】 19 【下载】 20 【下载】 21 【下载】 22 【下载】 23 【下载】 24 【下载】 25 【下载】 26 【下载】 27 【下载】 28 【下载】 29 【下载】 30 【下载】 31 【下载】 33 【下载】 34 【下载】 35 【下载】 36 【下载】 37 【下载】 38 【下载】 39 【下载】 40 【下载】 41 【下载】 42 【下载】 43 【下载】 44 【下载】 45 【下载】 46 【下载】 47 【下载】 48 【下载】 49 【下载】 ---------------------------------------------- www.xqwuyu.com 朋友,有空常来坐坐,心情物语欢迎您! 2004-6-28 3:25:54 雪夜寒星 等级:论坛游民 文章:165 积分:444 注册:2003-12-25 第 8 楼 http://www.cn898.net/bg/fh/3/1.swf http://www.cn898.net/bg/fh/3/2.swf http://www.cn898.net/bg/fh/3/3.swf http://www.cn898.net/bg/fh/3/4.swf http://www.cn898.net/bg/fh/3/5.swf http://www.cn898.net/bg/fh/3/6.swf http://www.cn898.net/bg/fh/3/7.swf http://www.cn898.net/bg/fh/3/8.swf http://www.cn898.net/bg/fh/3/9.swf http://www.cn898.net/bg/fh/3/10.swf http://www.cn898.net/bg/fh/3/11.swf http://www.cn898.net/bg/fh/3/12.swf http://www.cn898.net/bg/fh/3/13.swf http://www.cn898.net/bg/fh/3/14.swf http://www.cn898.net/bg/fh/3/15.swf http://www.cn898.net/bg/fh/3/16.swf http://www.cn898.net/bg/fh/3/17.swf http://www.cn898.net/bg/fh/3/18.swf http://www.cn898.net/bg/fh/3/19.swf http://www.cn898.net/bg/fh/3/20.swf http://www.cn898.net/bg/fh/3/21.swf http://www.cn898.net/bg/fh/3/22.swf http://www.cn898.net/bg/fh/3/23.swf http://www.cn898.net/bg/fh/3/24.swf http://www.cn898.net/bg/fh/3/25.swf http://www.cn898.net/bg/fh/3/26.swf http://www.cn898.net/bg/fh/3/27.swf http://www.cn898.net/bg/fh/3/28.swf http://www.cn898.net/bg/fh/3/29.swf http://www.cn898.net/bg/fh/3/30.swf http://www.cn898.net/bg/fh/3/31.swf http://www.cn898.net/bg/fh/3/32.swf http://www.cn898.net/bg/fh/3/33.swf http://www.cn898.net/bg/fh/3/34.swf http://www.cn898.net/bg/fh/3/35.swf http://www.cn898.net/bg/fh/3/36.swf http://www.cn898.net/bg/fh/3/37.swf http://www.cn898.net/bg/fh/3/38.swf http://www.cn898.net/bg/fh/3/39.swf http://www.cn898.net/bg/fh/3/40.swf http://www.cn898.net/bg/fh/05/0001.swf http://www.cn898.net/bg/fh/05/2002.swf http://www.cn898.net/bg/fh/05/0003.swf http://www.cn898.net/bg/fh/05/00t4.swf http://www.cn898.net/bg/fh/05/0f05.swf http://www.cn898.net/bg/fh/05/0e06.swf http://www.cn898.net/bg/fh/05/00r7.swf http://www.cn898.net/bg/fh/05/00c8.swf http://www.cn898.net/bg/fh/05/0009.swf http://www.cn898.net/bg/fh/05/0A10.swf http://www.cn898.net/bg/fh/05/0011.swf http://www.cn898.net/bg/fh/05/0062.swf http://www.cn898.net/bg/fh/05/b013.swf http://www.cn898.net/bg/fh/05/0014.swf http://www.cn898.net/bg/fh/05/0315.swf http://www.cn898.net/bg/fh/04/re.swf http://www.cn898.net/bg/fh/04/saog.swf http://www.cn898.net/bg/fh/04/she.swf http://www.cn898.net/bg/fh/04/snow.swf http://www.cn898.net/bg/fh/04/su.swf http://www.cn898.net/bg/fh/04/tiaoqiu.swf http://www.cn898.net/bg/fh/04/tn.swf http://www.cn898.net/bg/fh/04/tn1.swf http://www.cn898.net/bg/fh/04/top.swf http://www.cn898.net/bg/fh/04/top1.swf http://www.cn898.net/bg/fh/04/top2.swf http://www.cn898.net/bg/fh/04/top31.swf http://www.cn898.net/bg/fh/04/top-ani-1.swf http://www.cn898.net/bg/fh/04/topd.swf http://www.cn898.net/bg/fh/04/xh.swf http://www.cn898.net/bg/fh/04/xian3.swf http://www.cn898.net/bg/fh/04/xian4.swf http://www.cn898.net/bg/fh/04/xuehuaheng.swf http://www.cn898.net/bg/fh/04/yndj.swf http://bbs.flasher123.com/UploadFile/2004-5/20045915485951073.swf http://bbs.flasher123.com/UploadFile/2004-5/20045915493864839.swf http://bbs.flasher123.com/UploadFile/2004-5/20045912375165288.swf http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf http://bbs.flasher123.com/UploadFile/2004-4/200442814445969367.swf http://bbs.flasher123.com/UploadFile/2004-4/200442814451333557.swf http://bbs.flasher123.com/UploadFile/2004-5/200451020535773219.swf http://flasher.flash88.net/up123/20045111122330816.swf http://kisetu.chu.jp/flash/sinryoku/sinryoku01.swf http://kisetu.chu.jp/flash/sinryoku/sinryoku02.swf http://kisetu.chu.jp/flash/nanohana/nanohana.swf http://kisetu.chu.jp/flash/sakura/sakura1.swf http://kisetu.chu.jp/flash/sakura/sakura2.swf http://kisetu.chu.jp/flash/0205/0205_2.swf http://www.nice.or.jp/~mosmos/free/f703.swf http://www.nice.or.jp/~mosmos/free/f903.swf http://www.nice.or.jp/~mosmos/free/f903.swf http://www.nice.or.jp/~mosmos/nice_topic/hinamaturi.swf http://www.nice.or.jp/~mosmos/nice_topic/hinamaturi.swf http://www.nice.or.jp/~mosmos/nice_topic/hakucho.swf http://www.nice.or.jp/~mosmos/free/f110.swf http://www.nice.or.jp/~mosmos/free/f111.swf http://www.nice.or.jp/~mosmos/free/f105.swf http://www.nice.or.jp/~mosmos/free/f102.swf http://www.nice.or.jp/~mosmos/free/f101.swf http://www.nice.or.jp/~mosmos/free/f601.swf http://zqbbs.netsh.com/usr/12/12_191_15.swf http://zqbbs.netsh.com/usr/12/12_191_17.swf http://www.wodukom.com/jieoy/oyxm/new1/hssl4.swf http://www.wodukom.com/jieoy/oyxm/new1/hssl5.swf ---------------------------------------------- www.xqwuyu.com 朋友,有空常来坐坐,心情物语欢迎您! 2004-6-28 3:26:08 雪夜寒星 等级:论坛游民 文章:165 积分:444 注册:2003-12-25 第 9 楼 符:HTML基本语法教程 1,http://www.gzsums.edu.cn/webclass/html/html_design.html 2,http://www.shanxiwindow.net/teaching/htmlbook/ 在线编辑器: http://www.cn898.net/bg/mx/ ---------------------------------------------- www.xqwuyu.com 朋友,有空常来坐坐,心情物语欢迎您!
[ 打印 ]
阅读 ()评论 (2)
评论
目前还没有任何评论
登录后才可评论.