正文

網頁設計

(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)
評論
目前還沒有任何評論
登錄後才可評論.