| 發表內容: |
不好意思呀...束音，
一直麻煩你幫忙砍文章Q_Q.....
我之前的兩篇可以砍嚕~~~~~~^^b
〔注意：
要使用以下教學內容所教的語法前，
一定要確定你要使用的地方(留言版、討論區或貼圖區...等)
是否支援HTML，
還有，是否已經讀過貼圖規則。〕
在模擬貼圖必讀的規則：
CG貼圖區規則
HCG貼圖區規則
如果連過去時看到亂碼，按滑鼠右鍵→編碼→繁體中文即可。
在你學習如何貼圖之前，首先要先瞭解貼圖的概念。
何謂「貼圖」，顧名思義就是把你想秀出來的圖片貼出來供人觀賞用。
但是並不是直接從你的電腦中將圖片點選出來，
因為這個樣子其他的人會無法看到你的圖片。
所以你需要申請一個公開的網頁空間，
將圖片上傳上去，其他的人才能看到你所想貼出的圖片；
還有，不只是圖片，
連其它類型的檔案(音樂、影片...等)也是一樣，請注意一下。
如果你暫時找不到合適的空間的話，
在此推薦一個不錯的空間：-貼圖測試區.files/for_teach2.jpg) http://www.geocities.co.jp/
日本的"Yahoo!!Japen
Geocities"，速度快又不會砍圖，
唯一美中不足的地方是只有12M且申請手序繁雜，
和某些台灣的網站會讀不出來。
(注意：要使用日本的空間須先安裝日文顯示支援)
接下來的教學內容以
為例，一步一步的傳授你
「如何申請"Yahoo!!Japen
Geocities"網頁空間」、「如何將檔案上傳」、「如何將圖貼出」...等三個項目。
一.
如何申請"Yahoo!!Japen Geocities"網頁空間：
(STEP01)
首先請先連到"Yahoo!!Japen Geocities"的首頁：a
href="http://www.geocities.co.jp/">http://www.geocities.co.jp/
(STEP02)
找到這個按鈕，並按下它
-貼圖測試區.files/for_teach3.jpg)
(STEP03)
接著你就會連到規則頁，
我們就跳過煩人的規則直接按這個按鈕吧。
-貼圖測試區.files/for_teach4.jpg)
(這一頁也有寫如何申請的方法，看得懂日文的朋友可以先跳到STEP11)
(STEP04)
接著系統會要你選擇一個主題區來申請空間，
你會看到它列出了一大排給你選...........隨便選一個吧?
在此以-貼圖測試區.files/for_teach5.jpg) 為例
(STEP05)
按下你要申請的主題區後，會連到"尋找空屋"的畫面：
-貼圖測試區.files/for_teach6.jpg)
在所有的區域其中的任何一個區域還有空屋時，
會顯示出第1個按鈕；
若是沒有顯示出來，請按第二個按鈕。
(STEP06)
然後你就會看到這樣的一個頁面:
-貼圖測試區.files/for_teach7.jpg)
找到有"入居者募集中!"的圖示並按下它。
(STEP07)
接著又會連到一個規則頁....
在此將一些該注意的地方做個說明：
1.這裡的12M網路空間是免費的
2.申請前要先擁有一個E-mail
然後請到最下方按下這個同意鈕：
-貼圖測試區.files/for_teach8.jpg)
(STEP08)
填寫你要申請的帳號：
-貼圖測試區.files/for_teach9.jpg)
只能使用a~z和0~9的半形英數字，英文字一定要用小寫；
可以設定3字以上14字以下的帳號
(STEP09)
填寫你的網站主題：
-貼圖測試區.files/for_teach10.jpg)
若是將來這個空間要用來做網站的話才會用到，
純拿來貼圖的話可以隨便填填就好，但是一定要填
(STEP10)
填寫你的基本資料表：
-貼圖測試區.files/for_teach11.jpg)
只要填有*號的部分就可以了；
填寫完畢後就可以按下"登錄"，
然後"Yahoo!!Japen
Geocities"的系統會將你的密碼寄到你剛才所填寫的信箱中。
申請網路空間的步驟就到這裡完成，
接著帶你學習如何使用它的介面來上傳圖檔。
二. 如何將檔案上傳：
(STEP11)
接上述(STEP10)
打開你的信箱接收"Yahoo!!Japen
Geocities"寄給你的通知信，
若你申請的信箱使用的語言不是日文的話會收到一堆亂碼，
總之只要找到兩行英數字跟其他行的字分的特別開，
而且還有一行的開頭是POSSWORD，
在POSSWORD後面的那行字就是你的密碼。
(STEP12)
首先請先連到"Yahoo!!Japen Geocities"的檔案總管頁：http://www.geocities.co.jp/members/tools/file_manager.html
(STEP13)
在這裡分別輸入你所申請的帳號及密碼
-貼圖測試區.files/for_teach12.jpg)
然後按下"送信"。
(STEP14)進入檔案總管的功能頁之後，最下方處有個
-貼圖測試區.files/for_teach13.jpg)
的項目，
下方有五個長條格，右側各有一個「瀏覽」的按鈕，請點選它
(STEP15)
按下「瀏覽」鍵後，
會跳出你電腦裡的檔案庫，
接著從你電腦的檔案庫中選擇你所想上傳的檔案，選擇後請按「開啟舊檔」
(STEP16)
確定好你要上傳的檔案之後，
按下下方的-貼圖測試區.files/for_teach14.jpg) 鈕
(註：在網路上流傳的圖片最常推薦使用的格式是.jpg)
(STEP17)
等待.....................(啥呀這個?)
(STEP18)
畫面會跳回你的檔案總管功能頁的最上端，
會出現一個像這樣的提示框：
-貼圖測試區.files/for_teach15.jpg)
"和"中的就是你所上傳的檔案名稱，功能頁中也會顯示出你的檔案名稱；
上傳作業終了。
現在，你已經學會如何上傳檔案啦，
"Yahoo!!Japen
Geocities"只是一個空間，
供你放檔案用的，若你找到更好的空間，自然就可以換掉。
接著學習如何將圖片貼在貼圖區中...
三. 如何將圖片貼出：
(STEP19)
接上述的(STEP18)，
在檔案總管頁裡請點選進入你的圖片資料之中
(STEP20)
在跳出的視窗之中，你會看到你所上傳的圖片，
接著請將最上方瀏覽器列的「網址」用滑鼠右鍵複製下來
(STEP21)
在貼圖區裡按下「張貼文章」，
並在內容裡輸入以下的語法，並將剛才你所複製的網址貼入語法中的圖片位置裡
貼圖的語法是：
<img
src="http://xxx(圖的位址)">
(注意：語法所使用的「"」中
是單一的「"」符號，而非兩個「`」符號...特別注意一下)
例：
當想貼http://www.geocities.co.jp/Playtown/3816/for_teach.jpg時
先打入<img
src="">
然後把http://www.geocities.co.jp/Playtown/3816/for_teach.jpg複製起來貼到
" 和 " ㄉ中間
如：
<img
src="http://www.geocities.co.jp/Playtown/3816/for_teach.jpg">
結果預覽：
-貼圖測試區.files/for_teach.jpg)
(4)在語法和你想要的其他內容輸入完之後，
你就可以按下「張貼」來創造一個新的主題了。
(注意：假如有類似「顯示HTML原始碼」之類的選項
千萬不要勾選，否則只會出現你的語法而不會顯示圖片)
如何?
貼圖很難嗎?貼圖方面的教學就到這邊結束了，
下次要再上傳圖片貼圖的話，
直接從第二項「如何將圖檔上傳」的(STEP12)開始做起就可以了。
你已經學會如何貼圖了，以下是一些其他的語法，
可以說是張貼主題時所常用的"花招"，給你做做參考：
想要調整圖片的大小時，可以使用以下的語法：
<img
src="http://xxx(圖的位址)" width=x
height=x>
width=自訂寬度，height=自訂高度；
調整時的數據是使用螢幕範圍像素的標準。
(640
x 480、800 x
600...等)
例：
當想將http://www.geocities.co.jp/Playtown/3816/for_teach.jpg的大小
調整為250
x 300時
先打入<img src="" width=250
height=300>
然後把http://www.geocities.co.jp/Playtown/3816/for_teach.jpg複製起來貼到
" 和 " ㄉ中間
如：
<img
src="http://www.geocities.co.jp/Playtown/3816/for_teach.jpg"
width=250 height=300>
結果預覽：
撥放音樂/影片：
(在此列舉兩種，因張貼音樂或影片時，
會造成部分網友瀏覽上的困難，故不建議多用。)
一般貼音樂/影片的語法：
<embed
src="http://音樂檔案的位址" autostart="flase" loop="ture">
<embed
src="http://音樂檔案的位址" width="50" height="20"
type=audio/x-pn-realaudio-plugin
controls=PlayButton>
限制使用.mid為副檔名
也可放wav檔...上傳後把.wav改為.mid即可。
width=自訂寬度，height=自訂高度，
調整時的數據是使用螢幕範圍像素的標準。
(640
x 480、800 x
600...等)
並非只有圖片，像影片、音樂的撥放框等也是可以像這樣來調整的。
autostart=true/flase=是否隱藏面板程式
loop=ture/flase=是否重覆播放，亦可輸入數字於
= 後來決定重複播放的次數。
背景音樂的語法：<bgsound src="http://音樂檔案的位址"
loop="2">
mp3,ram音樂的撥放語法：
<embed
src="http://音樂檔案的位址" width="自訂寬度" height="自訂高度" autostart="true"
loop="true">
<embed src="http://音樂檔案的位址" width="自訂寬度"
height="自訂高度"autostart="true" hidden="false" loop="infinite"
align="middle" volume="100" type="audio/x-pn-realaudio-plugin"
exts="ra,ram" Init fn="load-types" mime-types="mime.types"
ALT="(Random)">
撥放Flash：
<EMBED src="flash檔位置"
quality=high bgcolor=#000000 WIDTH=320
HEIGHT=200></EMBED>
跑馬燈指令：(列舉四種)
<marquee
loop=0 scrollamount=10 diecetion=left>想動ㄉ文字或圖
<marquee
scrollamount=20 direction=right>想動ㄉ文字或圖
<marquee
behavior="alternate" border="0">想動ㄉ文字或圖
<marquee
direction=up behavior=alternate width=50
height=120>想動ㄉ文字或圖
如：
<marquee loop=0 scrollamount=10
diecetion=left>想動ㄉ文字或圖
結果預覽：
當中loop=0是設定跑馬燈不停的轉動
scrollamount則是設定文字跑的速度，通常是1~50
(但是切勿把數值定得太高，否則文字會「一瞬即逝」)
direction是設定文字跑的方向
還有如果只想部分文字或圖動而其它文字或圖不動
就在想動ㄉ部分文字或圖∼不想動ㄉ文字或圖之間填上</marquee>
如：
<marquee loop=0 scrollamount=10
diecetion=left>想動ㄉ部分文字或圖</marquee>不想動ㄉ文字或圖
結果預覽：
不想動ㄉ文字或圖
以下的文字變化語法，每種皆可搭配使用，試試看吧。
色碼控制：
<font
color=#000000>想變色ㄉ文字</font>
#000000是顏色控制碼
六個數字...
前兩碼是紅色數
中間兩碼是綠色數
最後兩碼是藍色數
限用0123456789abcdef來配對
如：#00ff00
=亮綠色
<font color=#00ff00>想變色ㄉ文字
結果預覽：
想變色ㄉ文字
還有如果只想部分文字變色而其它文字不變
就在想變色ㄉ部分文字∼不想變色ㄉ文字之間填上</font>
如:
<font
color=#00ff00>要變色的文字</font>不想變色ㄉ文字
結果預覽：
要變色的文字不想變色ㄉ文字
字型轉換：
<font
face="字體">
例：標楷體
<font face="標楷體">
結果預覽：
想變字體ㄉ文字
還有如果只想部分文字變字體而其它文字不變
就在想變字體ㄉ部分文字∼不想變色ㄉ文字之間填上</font>
如:
<font
face=標楷體>要變字體的文字</font>不想變字體ㄉ文字
結果預覽：
要變字體的文字不想變字體ㄉ文字
字體大小調整：
<font
size=x>想變字體大小ㄉ文字
ｘ＝想要ㄉ大小，使用123~9來設定
如：<font
size=5>想變字體大小ㄉ文字
結果預覽：
想變字體大小ㄉ文字
還有如果只想部分文字變字體大小而其它文字或圖不變
就在想變字體大小ㄉ部分文字∼不想變字體大小ㄉ文字之間填上</font>
如：
<font
size=5>想變字體大小ㄉ文字</font>不想變字體大小ㄉ文字
結果預覽：
想變字體大小ㄉ文字不想變字體大小ㄉ文字
快捷大字指令：
<hx>想變字體大小ㄉ文字
"x"的部分是設定文字的大小，"1"最大、"2"次之；
建議使用"2"
如：
<h2>想變字體大小ㄉ文字</h2>
結果預覽：
想變字體大小ㄉ文字
還有如果只想部分文字變字體大小而其它文字或圖不變
就在想變字體大小ㄉ部分文字∼不想變字體大小ㄉ文字之間填上</hx>
如：
<h2>想變字體大小ㄉ文字</h2>不想變字體大小ㄉ文字
結果預覽：
想變字體大小ㄉ文字不想變字體大小ㄉ文字
超連結：
<a
href="http://xxx(圖或網頁的位址)">標題</a>
輸入成功ㄉ話在網頁上會出現"標題"二字
之後其他人按了"標題"便會連結往你要連結的地方
如：
當想連結http://www.geocities.co.jp/Playtown/3816/for_teach.jpg時
先打入<a
href="">標題</a>
然後把http://www.geocities.co.jp/Playtown/3816/for_teach.jpg複製起來貼到
" 和 " ㄉ中間
如：
<a
href="http://www.geocities.co.jp/Playtown/3816/for_teach.jpg">標題</a>
結果預覽：
標題
其中"標題"部分可以輸入你想要ㄉ標題
如：
<a
href="http://www.geocities.co.jp/Playtown/3816/for_teach.jpg">你想要ㄉ標題</a>
結果預覽：
你想要ㄉ標題
甚至可以變化文字或加入圖片
如：
<a
href="http://www.geocities.co.jp/Playtown/3816/for_teach.jpg">按<img
src="http://www.geocities.co.jp/Playtown/3816/for_teach.jpg"
width=250 height=300>放<font
size=5>大</font></a>
結果預覽：
按放大
(可能已被封鎖的語法：)
替換背景圖片：
<div
style="background-image:url(http://背景檔的位址)">你要表達的話以及要放的圖片</div>
自選點播歌曲：
<bgsound
id=bs><div align="center"><select
onChange="bs.src=this.value" name="select" class="w"
size="1">
<option>心情自選點播歌曲</option><option
value="http://音樂檔的位址一">曲目一</option><option
value="http://音樂檔的位址二">曲目二(
以下依此類推！)</option></select>
整個教學就到這裡結束了，新手們多多加油吧；
這些語法都是基本中的基本，是很容易上手的技能。
可能有人會說：
『不用說的那麼複雜，
直接用[Frontpage]或寫網頁的程式按一按就出來了』
之類的話，
這我也知道，但是......
若要直接用
『[Frontpage]或寫網頁的程式按一按就出來了』
的方法的話，
在這之前，圖蟲們還得學會使用[Frontpage]等的程式，
更糟糕的是，
部分的圖蟲甚至連"貼圖、語法和網路的關係"的概念都沒有，
連工具都沒有，如何學習[Frontpage]?
所以，這份教學注重的是
實用的技能入門、和可以現學現賣的簡單介面，
不必去學習複雜的[Frontpage]等網頁編輯程式，
也可以在貼圖區中貼圖、使用語法，
當然，有所謂的"高水準圖蟲"，
什麼都會但就是不貼的也大有人在；
這份教學只給需要的人參考，
也只對需要的人有幫助，
不需要的人大可把它當作一個資訊、看看就好了。
====[貼圖語法完全攻略ver3.5]=======================================
自繪logo第05號
-貼圖測試區.files/logo.jpg)
大家對於教學若有什麼問題也可以提出來跟我討論，
或是將意見mail給我，以便於改版時來做最新版的更正。
=====================================最終編輯：2002.04.25,by-水影==
211.73.35.235
|