網頁設計教學-Flash5 ActionScript

網頁設計教學-Flash5 ActionScript

Basic Actions 基本動作

Go to	跳至（gotoAndPlay、gotoAndStop、prevFrame、nextFrame、prevScene、nextScene）
Play	播放電影
Stop	停止播放電影
Toggle High Quality	Flash 5 改為 _quality
Stop All Sounds	停止播放所有的聲音
Get URL	瀏覽指定連結的網頁
FSCommand	驅動 Flash 播放器的指令（全螢幕，退出…等），可經由 Html 呼叫 JavaScript
Load Movie	載入外部電影替換原影片元件或置於某層級（_level）。 可經由 GET、POST 載入變數、經由 loadVariables 來改變電影的內容
Unload Movie	卸載由 loadMovie 載入的電影
Tell Target	Flash 5 改為 with
If Frame Is Loaded	Flash 5 改為 _framesloaded
On Mouse Event	當…（用於按鈕元件的滑鼠事件觸發器）

Actions 全部動作

break	跳出迴圈
call	呼叫影格中的程式及變數，執行後即拋棄。Flash 5 改為 function
comment	加入註解，以便日後檢視（語法 //、/*）
continue	僅跳出某一次迴圈，迴圈仍繼續
delete	刪除同一物件中的變數
do while	重覆執行指令的迴圈，直到條件消失（不確定次數。其判別條件在程式的最尾端，所以迴圈至少執行一次。類似語法 for、while）
duplicateMovieClip	複製指定的影片元件，但原影片元件的變數不會被複製
else	否則（接 if 指令之後）
else if	否則如果（接 if 指令之後，可構成巢狀的 if 指令）
evaluate	填入一空行，可寫自定的函數 （, 逗號分隔算式使能依序執行）（. 為相對路徑下一層、或物件屬性、變數） （_parent 表示相對路徑的上一層）（_root、_level0、/ 表示絕對路徑的根目錄） （this 表示物件、影片實體本身）（new 表示創造一個新物件）
for	重覆執行指令的迴圈（內建計數器、次數固定。類似語法 do while、while） for 迴圈適於一般算術運算，while 迴圈多用於較複雜的運算
for .. in	對某一物件（或陣列）內之元件、子物件的屬性重覆執行指令的迴圈
FSCommand	驅動 Flash 播放器的指令（全螢幕，退出…等），可經由 Html 呼叫 JavaScript
function	宣告自定函數
getURL	瀏覽指定連結的網頁
goto	跳至（gotoAndPlay、gotoAndStop、prevFrame、nextFrame、prevScene、nextScene）
if	條件指令，如果…（if else 另有簡化語法 ?: ）
ifFrameLoaded	Flash 5 改為 _framesloaded
#include	載入外部的 ActionScript 文件（.as）
loadMovie	載入外部電影替換原影片元件或置於某層級（_level）。 可經由 GET、POST載入變數、經由 loadVariables 來改變電影的內容
loadVariables	載入外部文件中的變數（必需是 MIME 格式）至指定層級（_level）
on	當…（用於按鈕元件的滑鼠事件觸發器）
onClipEvent	當…（用於影片元件的影片事件觸發器）
play	播放
print	輸出到印表機，品質較好（若有透明度、顏色設定時可用 printAsBitmap）
removeMovieClip	移除 dupicateMovieClip、attachMovie 創造、載入的影片元件
return	傳回函數中指定的值，會使函數停止執行
set variable	設定全域變數（相同語法 =）（區域變數 var）
setProperty	設定影片元件的屬性
startDrag	開始拖曳影片元件
stop	停止播放電影
stopAllSounds	停止播放所有的聲音
stopDrag	停止拖曳影片元件
tellTarget	Flash 5 改為 with
toggleHighQuality	Flash 5 改為 _quality
trace	追蹤測試
unloadMovie	卸載由 loadMovie 載入的電影
var	宣告區域變數。（全域變數 set variable、=）
while	重覆執行指令的迴圈，直到條件消失（不確定次數。類似語法 do while、for） for 迴圈適於一般算術運算，while 迴圈多用於較複雜的運算
with	取代 tellTarget 的指令，可擷取影片元件或其他物件，作為它的參數

Operators 運算子

!	否定一個變數或運算式
!=	比較兩算式、或兩字串的位元數是否滿足「不相等」的關係
“”	” ” 中填入之文字、數字將被標示為字串處理。
%	求兩個算式相除後的「餘數」
&&	回路交集，當輸入的兩個算式都是「真」時，才會成立。
()	區隔算式的執行順序，括號（）內的先執行
*	相乘
+	相加、或進行字串串連
++	變數值遞增 1，++ 在變數前會傳回 +1 後的值，++ 在變數後會傳回變數原值
–	相減、或改變一個算式正負號
—	變數值遞減 1，- – 在變數前會傳回 -1 後的值，- – 在變數後會傳回變數原值
/	相除
<	比較兩算式、或兩字串的位元數是否滿足「小於」的關係
<=	比較兩算式、或兩字串的位元數是否滿足「小於等於」的關係
<>	Flash 5 改為 !=
==	比較兩算式、或兩字串的位元數是否滿足「相等」的關係
>	比較兩算式、或兩字串的位元數是否滿足「大於」的關係
>=	比較兩算式、或兩字串的位元數是否滿足「大於等於」的關係
and	Flash 5 改為 &&
not	Flash 5 改為 !
or	Flash 5改為 ||
typeof	擷取變數的類型，如字串、影片元件、物件或函數
void	製造一個虛擬實體、虛擬網址，不會顯示錯誤訊息
||	回路聯集，當輸入的兩個算式有一「真」時，就會成立。

Bitwise Operators 位元運算子

&	求兩數的二進位位元「交集」（不是 Flash 4 連接字串的用法）
<<	將某數的二進位位元數向左移（指定位），數首之正、負號 0、1 會改變
>>	將某數的二進位位元數向右移（指定位），數首之正、負號 0、1 不會動
>>>	將某數的二進位位元數向右移（指定位），數首之正、負號 0、1 會改變
^	求兩數的二進位位元「聯集 – 交集」
|	求兩數的二進位位元「聯集」
~	求整數的二進位位元「補數」，將此數的 0 變成 1，將 1 變成 0

Compound Assignment Operators 複合指定運算子

%=	x %= y 即 x = x % y
&=	x &= y 即 x = x & y
*=	x *= y 即 x = x * y
+=	x += y 即 x = x + y
-=	x -= y 即 x = x – y
/=	x /= y 即 x = x / y
<<=	x <<= y 即 x = x << y
>>=	x >>= y 即 x = x >> y
>>>=	x >>>= y 即 x = x >>> y
^=	x ^= y 即 x = x ^ y
|=	x |= y 即 x = x | y

String Operators 字串運算子

add	Flash 5 改為 +
eq	Flash 5 改為 ==
ge	Flash 5 改為 >=
gt	Flash 5 改為 >
le	Flash 5 改為 <=
lt	Flash 5 改為 <
ne	Flash 5 改為 !=

Functions 函數

Boolean	擷取（可轉成布耳型的）變數，數值，或字串的布耳值（True 或 False）
escape	轉換參數成字串並用 URL-編碼格式編碼，（用 % 的十六進位序列編碼）
eval	擷取變數，屬性，物件，或擷取影片元件的絕對路徑（為 . 型態）
FALSE	布耳值，「假」（0）
getProperty	擷取影片元件（需有名字）的指定屬性（如：_x、_y）
getTimer	擷取電影自播放開始已經過的時間（毫秒）
getVersion	擷取使用者瀏覽器中 FlashPlayer 的版本
int	Flash 5 改為 Math.floor
isFinite	偵測數值是否為有限值
isNaN	偵測變數是否為非數字，如果不是數值（NaN）則傳回 True
maxscroll	設定文字框的可見行數（此屬性唯讀、不可修改）
newline	建立一行放置訊息的空間，可放置其它函數所擷取的資料
Number	轉換參數成數值，用於轉換輸入到 Flash 5 環境中的 Flash 4 文件。 此 Number(function) 與 Number(object) 的用法不相同
parseFloat	轉換字串成浮點數，遇到非數字字串則傳回 NaN
parseInt	轉換各種進位制的數字串成十進位的整數，遇到非數字字串則傳回 NaN
random	產生介於 0～指定整數間的隨機整數。Flash 5 改為 Math.random
scroll	設定文字框的可見行數（預設值為一行，此屬性可修改）
String	轉換參數成字串。此 String(function) 與 String(object) 的用法不相同
targetPath	擷取指定影片元件的絕對路徑（為 . 型態）
TRUE	布耳值，「真」（1）
unescape	轉換所有十六進位序列為 ASCII 符號，返回可辨字串。escape 的逆向運作。
updateAfterEvent	在指定的滑鼠、鍵盤事件完成後，更新螢幕顯示。可避免螢幕閃爍

String Functions 字串函數

chr	Flash 5 改為 String.fromCharCode
length	Flash 5 改為 String.length
mbchr	Flash 5 改為 String.fromCharCode
mblength	Flash 5 改為 String 物件和方法
mbord	Flash 5 改為 String.charCodeAt
mbsubstring	Flash 5 改為 String.substr
ord	Flash 5 改為 String 物件的方法和屬性
substring	Flash 5 改為 String.substring 擷取指定字串中的部份字串

Properties 屬性

_alpha	透明度（0～100）
_currentframe	目前所在的影格數
_droptarget	被拖曳影片元件放下時所碰觸之影片元件的絕對路徑（為 / 型態，可用 eval 轉為 . 型態）
_focusrect	在用戶按 Tab 鍵時，決定按鈕周圍是否顯示黃色矩形框。預設值為 True
_framesloaded	已載入的影格數
_height	影片元件的高度
_highquality	Flash 5 改為 _quality
_name	影片元件的實體名
_quality	電影的繪圖品質（LOW、MEDIUM、HIGH、BEST）
_rotation	影片元件旋轉的角度（單位：度）
_soundbuftime	聲音緩衝器的秒數，預設值為 5 秒
_target	影片元件的絕對路徑（為 / 型態）
_totalframes	指定之影片元件的總影格數
_url	載入SWF電影文件的位址
_visible	影片元件是否出現（True 出現、False 消失）
_width	影片元件的寬度
_x	影片元件的 x 座標
_xmouse	滑鼠游標的 x 座標
_xscale	影片元件水平方向縮放的百分比，預設值是 100
_y	影片元件的 y 座標
_ymouse	滑鼠游標的 y 座標
_yscale	影片元件垂直方向縮放的百分比，預設值是 100

Objects 以下為類似 JavaScript 的物件群
Array 陣列

concat	連接兩個陣列，合併成新的陣列
join	連接陣列元件成字串，並可設定元件間插入的分隔符號
length	擷取陣列長度（陣列元件的總數）
new Array	陣列物件建構器，可創造新「陣列物件」。（建造或取用陣列、物件資料的運算子為 [ ]）
pop	刪除陣列中最後一個元件並傳回此元件的值
push	增加一個或數個元件到陣列末尾並傳回陣列的新長度
reverse	倒轉陣列元件的排序位置
shift	刪除陣列中第一個元件並傳回此元件的值
slice	擷取陣列的片斷或子字串，且原陣列不變的情況下傳回一新的陣列
sort	排序陣列中的元件（不製造副本）
splice	增加或刪除陣列中的元件（不製造副本）
toString	擷取陣列元件轉換成用逗號（,）分隔的連續字串
unshift	增加一個或數個元件到陣列前端並傳回陣列的新長度

Boolean 布耳數

new Boolean	布耳物件建構器，可創造新「布耳物件」
toString	轉換布耳型物件的值成 True、False 字串
valueOf	擷取指定布耳物件的原始值形式，並將已包裝之布耳物件轉換為原始值形式

Color 顏色

getRGB	擷取顏色物件的 RGB 值，預設十進位。欲顯示十六進位時 → (getRGB()).toString(16)
getTransform	擷取最後一次 setTransform 命令所設定的顏色、透明度轉換參數
new Color	顏色物件建構器，可創造新「顏色物件」
setRGB	設定顏色物件的 RGB 值，直接輸入參數。欲輸入十六進位參數時 → 0xRRGGBB
setTransform	設定顏色物件的 RGB 值及透明度，經擷取預建之顏色、偏移、透明值的資料物件

Date 時間和日期

getDate	依瀏覽者時間傳回「時間物件」的日期（1～31）
getDay	依瀏覽者時間傳回「時間物件」的星期數（0-星期日，1-星期一…）
getFullYear	依瀏覽者時間傳回「時間物件」的年份（例：2001）
getHours	依瀏覽者時間傳回「時間物件」的小時數（0～23）
getMilliseconds	依瀏覽者時間傳回「時間物件」的毫秒數（0～999）
getMinutes	依瀏覽者時間傳回「時間物件」的分鐘數（0～59）
getMonth	依瀏覽者時間傳回「時間物件」的月份（0-一月，1-二月…）
getSeconds	依瀏覽者時間傳回「時間物件」的秒數（0～59）
getTime	擷取「時間物件」與1970.1.10：00的時間差（單位：毫秒）
getTimezoneOffset	擷取瀏覽者時間與格林威治時間差（單位：分）
getUTCDate	依格林威治時間傳回「時間物件」中的日期(1～31)
getUTCDay	依格林威治時間傳回「時間物件」中的星期數（0-星期日，1-星期一…）
getUTCFullYear	依格林威治時間傳回「時間物件」中的年份（例：2001）
getUTCHours	依格林威治時間傳回「時間物件」中的小時數（0～23）
getUTCMilliseconds	依格林威治時間傳回「時間物件」中的毫秒數（0～999）
getUTCMinutes	依格林威治時間傳回「時間物件」中的分鐘數（0～59）
getUTCMonth	依格林威治時間傳回「時間物件」中的月份（0-一月，1-二月…）
getUTCSeconds	依格林威治時間傳回「時間物件」中的秒數（0～59）
getYear	依瀏覽者時間傳回「時間物件」的縮寫年份（目前年份減去 1900）
new Date	時間物件建構器，可創造新「時間物件」
setDate	依瀏覽者時間設定「時間物件」的日期（1～31）
setFullYear	依瀏覽者時間設定「時間物件」中的年、月、日
setHours	依瀏覽者時間設定「時間物件」的小時數（0～23）
setMilliseconds	依瀏覽者時間設定「時間物件」的毫秒數（0～999）
setMinutes	依瀏覽者時間設定「時間物件」的分鐘數（0～59）
setMonth	依瀏覽者時間設定「時間物件」的月、日
setSeconds	依瀏覽者時間設定「時間物件」的秒數（0～59）
setTime	設定「時間物件」的毫秒數（0～999）
setUTCDate	依格林威治時間設定「時間物件」中的日期（1～31）
setUTCFullYear	依格林威治時間設定「時間物件」中的年、月、日
setUTCHours	依格林威治時間設定「時間物件」中的小時、分、秒、毫秒
setUTCMilliseconds	依格林威治時間設定「時間物件」中的毫秒數（0～999）
setUTCMinutes	依格林威治時間設定「時間物件」中的分、秒、毫秒
setUTCMonth	依格林威治時間設定「時間物件」中的月、日
setUTCSeconds	依格林威治時間設定「時間物件」中的秒數（0～59）、毫秒數（0～999）
setYear	依瀏覽者時間設定「時間物件」的年份（例：2001）
toString	轉換「時間物件」成易讀的形式（Wed Aug 7 18:15:00 GMT-0700 1974）
UTC	擷取「時間參數」與 1970.1.1 0:00 的時間差（單位：毫秒），它可直接使用參數即變成「時間物件」，並可置入時間物件建構器中

Key 鍵盤（不需建構器即可使用的物件）

BACKSPACE	Backspace 鍵盤碼（8）
CAPSLOCK	CapsLock 鍵盤碼（20）
CONTROL	Ctrl 鍵盤碼（17）
DELETEKEY	Delete 鍵盤碼（46）
DOWN	↓ 鍵盤碼（40）
END	End 鍵盤碼（35）
ENTER	Enter 鍵盤碼（13）
ESCAPE	Esc 鍵盤碼（27）
getAscii	擷取最後按鍵的 ASCII 碼
getCode	擷取最後按鍵的鍵盤碼
HOME	Home 鍵盤碼（36）
INSERT	Insert 鍵盤碼（45）
isDown	當指定鍵被按下時傳回 True
isToggled	當 NumLock 或 CapsLock 亮燈時傳回 True
LEFT	← 鍵盤碼（37）
PGDN	PageDown 鍵盤碼（34）
PGUP	PageUp 鍵盤碼（33）
RIGHT	→ 鍵盤碼（39）
SHIFT	Shift 鍵盤碼（16）
SPACE	空白鍵盤碼（32）
TAB	Tab 鍵盤碼（9）
UP	↑ 鍵盤碼（38）

Math 數學函數（不需建構器即可使用的物件）

abs	取絕對值
acos	求反餘弦（傳回單位：徑度） 1π徑度 = 180 × 60 × 60 角秒，1 徑度 = 206,264.806 角秒
asin	求反正弦（傳回單位：徑度）
atan	求反正切（傳回單位：徑度）
atan2	求 y/x 的反正切（x、y 為輸入的參數）
ceil	無條件進位（向上求整數）
cos	求餘弦（參數單位：徑度）
E	Euler 常數（E 約等於 2.71828182845904523536…）
exp	求 Ex ，即以 E 為底，參數 x 為冪的指數值（x 為輸入的參數）
floor	無條件捨去（向下求整數）
LN10	10 的自然對數值，即 loge10（約等於 2.3025850929940459011）
LN2	2 的自然對數值，即 loge2（約等於 0.69314718055994528623）
log	求參數 x 的自然對數值（E 為底，x 為輸入的參數）
LOG10E	以 10 為底，求 E 的對數值，即 log10e（約等於 0.43429448190325181667）
LOG2E	以 2 為底，求 E 的對數值 log2e（約等於 1.442695040888963387）
max	取兩參數中較大的值
min	取兩參數中較小的值
PI	圓周率（約 3.14159265358979）
pow	pow(x,y) 求 xy ，即 x 的 y 次方值（x、y 為輸入的參數）
random	產生介於 0～1 間的隨機數
round	四捨五入
sin	求正弦（參數單位：徑度）
sqrt	求參數的平方根
SQRT1_2	1/2 的平方根（約等於 0.707106781186）
SQRT2	2 的平方根（約等於 1.414213562373）
tan	求正切（參數單位：徑度）

Mouse 滑鼠游標（不需建構器即可使用的物件）

hide	隱藏滑鼠游標
show	顯示滑鼠游標

MovieClip 影片元件（不需建構器即可使用的物件，省掉 tellTarget、with）

attachMovie	從元件庫中載入一個（已設連結名的）影片元件，貼附在指定的影片元件上
dupicateMovieClip	複製指定的影片元件，但原影片元件的變數不會被複製
getBounds	擷取影片元件四個頂點的座標值（由參數決定為全域、或物件內座標）
getBytesLoaded	取得指定之影片元件載入的 byte（位元組）
getBytesTotal	取得指定之影片元件全部的 byte（位元組）
getURL	瀏覽指定連結的網頁
globalToLocal	轉換「舞台上全域座標」成為「元件內區域座標」
gotoAndPlay	（指定的影片元件）跳至指定影格並播放
gotoAndStop	（指定的影片元件）跳至指定影格並停止
hitTest	偵測兩影片元件是否相碰觸
loadMovie	載入外部電影。可經由 GET、POST 載入變數、經由 loadVariables 來改變電影的內容
loadVariables	載入外部文件中的變數（必需是 MIME 格式）
localToGlobal	轉換「元件內區域性座標」成為「舞台上全域座標」
nextFrame	跳至影片元件的下一影格
play	播放影片元件
prevFrame	跳至影片元件的前一影格（未指名影片元件時可單獨使用 prevFrame）
removeMovieClip	移除 dupicateMovieClip、attachMovie 創造、載入的影片元件
startDrag	開始拖曳指定的影片元件
stop	停止播放影片元件
stopDrag	停止拖曳指定的影片元件
swapDepths	切換某影片元件的圖層深度、或兩影片元件交換圖層深度（必須處於相同的影片中）
unloadMovie	卸載由 loadMovie、attachMovie 載入的影片元件

Number 數值

MAX_VALUE	Flash 5 的最大值（雙精度IEEE-754），其值約為 1.79e+308
MIN_VALUE	Flash 5 的最小值（雙精度IEEE-754），其值約為 5e-324
NaN	非數值變數
NEGATIVE_INFINITY	表示負無窮大的值，和全域變數 Infinity 相同
new Number	數值物件建構器，可創造新「數值物件」
POSITIVE_INFINITY	表示正無窮大的值，和全域變數 Infinity 相同
toString	轉換數值物件成各種指定的進位制（2～36）字串
valueOf	擷取指定數值物件的原始值形式，並轉換已包裝之數值物件為原始值形式

Object 物件

new Object	物件建構器，可創造新「物件」。（另一語法 { }，同一屬性中的名稱與數值用分號 : 來區隔，不同屬性之間用逗號 , 來區隔）
toString	轉換指定物件為字串
valueOf	擷取指定物件的初始值。如果物件沒有初始值，則傳回物件本身

Selection 選擇區（不需建構器即可使用的物件）

getBeginIndex	擷取可編輯文字區的起始位置，-1 表示無可編輯文字區，第一位置為 0，第二位置為 1。
getCaretIndex	擷取目前正在編輯的位置（在整個文字區中的位置）
getEndIndex	擷取可編輯文字區的結束位置
getFocus	擷取目前正在編輯之文字區的變數名
setFocus	跳至參數指定的文字區以進行編輯
setSelection	設定可編輯文字區的範圍（起始～終止位置）

Sound 聲音

attachSound	從元件庫中載入一個（已設連結名的）聲音元件，貼附在指定的聲音物件上
getPan	擷取聲音的平衡值（-100～100 的整數，0 即是左右平衡）
getTransform	擷取最後一次 setTransform 命令所設定的聲音轉換參數
getVolume	擷取聲音的音量（0～100，預設值是 100）
new Sound	聲音物件建構器，可創造新「聲音物件」
setPan	設定聲音的平衡值（-100～100 的整數，0 即是左右平衡）
setTransform	設定聲音物件的轉換訊息，經由擷取預先建好之聲音資料物件，為 setVolume 和 setPan 方法的合成
setVolume	設定聲音的音量（0～100，預設值是 100）
start	開始播放聲音
stop	停止播放所有的聲音、或只停止播放指定的聲音

String 字串

charAt	擷取（索引）參數指定的字元，（字串中第一個字元的索引是 0）
charCodeAt	擷取（索引）參數指定字元的 ASCII 碼
concat	連接合併多個字串成一個新的字串
fromCharCode	轉換 ASCII 碼的參數變為字元，多個參數則可組成字串
indexOf	擷取字元或字串第一個字在字串中出現的排序位置（-1 表示找不到）
lastIndexOf	擷取字元或字串末一個字在字串中出現的排序位置（-1 表示找不到）
length	擷取指定字串或變數名的長度
new String	字串物件建構器，可創造新「字串物件」
slice	slice(start,end) 意即擷取 start 至 end 間的字串（start、end 若為負值，表示由尾部擷取）
split	（按所指定的分隔號）分割字串後轉換成一個陣列
substr	substr(start,length) 意即擷取 start 開始，共 length 長的字串
substring	substring(from,to) 意即擷取 from 至 to 間的字串（from、to 僅為正整數）
toLowerCase	轉換大寫字元成小寫
toUpperCase	轉換小寫字元成大寫

XML 延伸標示語言

appendChild	新增一個指定子節點到 XML 物件的子目錄中
attributes	擷取 XML 物件所有屬性，傳回陣列（可讀寫）
childNodes	擷取 XML 物件所有子節點，傳回陣列（唯讀）
cloneNode	複製一個 XML 物件，另創一完全相同的 XML 節點
createElement	節點建構器，創造新的 XML 物件，其名稱由參數指定
createTextNode	節點建構器，創造一個新的 XML 文字節點
docTypeDecl	設定並傳回 XML 文件類型宣告的訊息
firstChild	擷取目前節點的第一個子節點，若無子節點則傳回 null（唯讀）
hasChildNodes	偵測 XM L物件是否有子節點，有傳回 True、無則 False
insertBefore	插入一個新的子節點到一個指定的 XML 物件的子節點前
lastChild	擷取目前節點的最後一個子節點，若無子節點則傳回 null（唯讀）
load	載入新的 XML 文件替換掉指定的 XML 物件內容
loaded	偵測載入新的 XML 文件動作是否完成，有傳回 True、無則 False（唯讀）
new XML	XML 物件建構器，可創造新「XML 物件」
nextSibling	擷取目前 XML 節點的下一個節點，若無下一節點則傳回 null（唯讀）
nodeName	擷取目前節點名（唯讀）
nodeType	擷取目前節點的 nodeType 值（1-物件、3-文字）（唯讀）
nodeValue	擷取目前 XML 節點的值（若是文字為 3、若是物件則為 null 且唯讀）
onLoad	當 Flash 由伺服器接收 XML 文件時，有傳回 True、無則 False
parentNode	擷取目前 XML 節點的父節點，若無父節點則傳回 null（唯讀）
parseXML	轉換 XML 文字變成 XML 物件，並替換掉目前 XML 物件的樹狀結構
previousSibling	擷取目前 XML 節點的上一個節點，若無上一節點則傳回 null（唯讀）
removeNode	刪除 XML 節點（由其父節點中）
send	編碼 XML 物件成文件，用 POST 的方法傳送到指定位址
sendAndLoad	用 POST 的方法傳送 XML 文件到指定位址，並載入伺服器回應的 XML 文件
status	自動設定並顯示 XML 文件是否成功轉換至 XML 物件中（有十種可能結果）
toString	擷取指定 XML 物件的值，建立節點，子節點和屬性的文字敘述字串
xmlDecl	設定並傳回 XML 文件宣告的訊息

XMLSocket XML 連接端口

close	關閉 XMLSocket 物件指定的連接 TCP 端口
connect	使用指定的 TCP 端口（須 1024 以上）連接指定的伺服器
new XMLSocket	XMLSocket 物件建構器，可創造新 XMLSocket 物件，XMLSocket 物件並不連接到任何伺服器，必須呼叫 XMLSocket.connect 方法連接物件到伺服器
onClose	當關閉伺服器連線時
onConnect	當發出連線要求時
onXML	當 XML 文件接收到時
send	轉換 XML 物件、資料成字串，傳送到伺服器

大膽狂塗網頁設計分享

網頁設計入門教學網站

網頁設計入門教學網站

⊙ 前言
本站是網頁設計入門的教學網站。用最簡單的文字、最簡單的方式，一步
步教導初學者學會網頁設計，架好自己網站。

我們為什麼要學網頁設計？主要目的，除了自己架設網站外，更重要的是
可以自己維護網站。會架設網站，就會維護網站。

網頁設計入門，其實很容易，大約只要花兩小時，就可學會入門工夫，就
可以架設簡單的網站。但是，網頁設計進階就很難。不過，就一般人來講
，我們只需要架個簡單而實用的網站，並不需要精緻美觀的網站，網站的
內容比美觀更重要。

——————————————————————————–

一‧ 基本概念

A. 三步驟：
在自己電腦中設計(用記事本即可)。設計好後，用瀏覽器看，重覆修改。

用ftp(或ws_ftp)將網頁傳至主機。網頁目錄為www，首頁名稱為index.html。

到搜尋引擎登記。如不登記，可將網址告知親友、學生。
B. 網頁主要是由文字、圖片構成。設計網頁就是將文字、圖片放在適當位置，如同玩
拼圖遊戲。文字可調整大小、顏色。圖片限用*.gif、*.jpg，每一圖片約5k，不要太
大。在網頁上可控制圖片大小。注意：文字是網頁的根本。文字語法最多。
C. 第一頁叫首頁–homepage，網頁設計重心在首頁。其他叫網頁–web page。要設計出
很漂亮的網頁，必須有美工基礎。網頁的內容及維護網頁，比較重要。不要花太多
時間設計首頁。網頁設計是用HTML語言。

——————————————————————————–

二‧ HTML 基本語法

1. 網頁必備
<html></html>

<head><titile>網頁設計入門教學網站</title></head>

<body></body>

實例：
<html>

<head><titile>網頁設計入門教學網站</title></head>

<body>

本站是網頁設計入門的教學網站。用最簡單的文字、最簡單的方式，一步步教導
初學者學會網頁設計，架好自己網站。

</body>

</html>

請注意：當您會寫出文字網頁後，就可參考[ 三‧ ftp (檔案傳輸)使用方法 ]，上傳寫好的網頁。

2. 文字位置
< br> 標籤。文字斷句。單獨使用。實例：我們為什麼要學網頁設計？<br>

< p> 標籤。文字分段。單獨使用。實例：我們為什麼要學網頁設計？<p>

< center></center> 標籤。文字置中。
實例：< center>我們為什麼要學網路設計？</center>
< hr> 水平線。單獨使用。用來當分隔線。

3. 控制文字大小、顏色
標籤：<font></font>

屬性：size控制字型大小，1最小，7最大。

屬性：color控制字的顏色，共有約200多色。
實例：<font size=6 color= white>國學全球資訊網</font>

4. 其他：
<blockquote></blockquote> 向右縮排，空出五格空白字元。

<pre></pre> 標籤。以原來編排方式，顯示在螢幕上，但字體會變小。

mailto: 這個指令，可以讓瀏覽網頁的人，寄電子郵件給站長。
用法：<a href=”mailto: chwang@mail.ntit.edu.tw” taget=”top”>寄信給我</a>
特殊字元(要用小寫英文字母)
有些符號，必須用特殊方法來顯示。如：

” 　 用 &quot;
&　用 &amp;
< 　用 &lt;
> 　用 &gt;
註解符號 <!–　 –>
用法：<!–這是註解，不顯示在網頁中。–>
標號清單與符號清單。

產生空白字元的三種方法。
5. 網頁背景
背景顏色 <body bgcolor=green> 背景預設顏色是灰色。

讀入背景圖片 <body background=”/~chwang/gif-new/bg/bk509.gif”>

text 指定文字顏色。文字預設顏色是黑色。

link 指定超連結顏色

vlink 指定已連結過的網站，超連結顏色。
實例：

<body background=”/~chwang/gif-new/bg/bk509.gif” text=”#000080″ link=red
vlink=darkred>
如何調出喜歡的顏色？

色彩表，請參看： (交大計算機中心) Color Name and Value
6. 讀入圖片 — 影像標籤
標籤： <img src=”/~帳號/目錄名/檔名”>
實例：

<img src=”/~chwang/gif/BIGLAKE.GIF”>
屬性： align=right(靠右對齊） or left(靠左對齊) or center(圖片置中)

屬性： heigh 圖片高度

屬性： width 圖片寬度

屬性： hspace 圖片上下空白距離

屬性： vspace 圖片左右空白距離

屬性： alt=”圖片”
alt 說明：有些人的數據機速度較慢，有時網路會塞車，影響讀圖片速度，甚至
讀不出圖片。如能加上alt=”這是某圖片”，說明圖片內容。雖然沒讀出圖片，也
以知道是什麼圖片。如還是想讀出圖片，可將滑鼠移到圖片上，按滑鼠右鍵，
選” 檢視影像 “，就可看到圖片。
屬性： border 圖片四周框線。border=0時，圖片四周無框線。
實例：<img src=”/~chwang/gif/BIGLAKE.GIF” alt=”風景圖片” border=0 hsize=200

width=200 hspace=40>
7.連結網站
<a></a> 連結標籤。顏色預設為藍色，連結過的顏色預設為紫色。調整方法，參
看 5. 網頁背景。

屬性：href 放在 <a> 中。
用法：<a href=”網站位址”>這裏放連結的網站名稱</a>
屬性：target=”_top” 將被連結網頁，展現在原來視窗。

屬性：target=”_blank” 將被連結網頁，展現在新視窗。
實例：
說明一：

網網相連，是網際網路特色。但當我們連結別人網站時，最好將被連結的網站，
展現在原來視窗(全螢幕 )，或展現在新視窗。不要將被連結網站，放在自己網站
的框架(第12，會介紹框架用法 )中，以免瀏覽者誤認被連結網站，是我們網站的
一部份。

說明二：

當我們設計網頁，想連結電腦硬碟中其他網頁時，只要打<a href=”test.htm”>連結
test.htm</a> ，就可連結硬碟中 test.htm(所設計的網頁和硬碟中被連結的網頁，必
須放在同一目錄)。

當我們要把網頁上傳到電腦主機時(上傳方法，下節會介紹），必須先將網頁原
始碼修改成：

<a href=”/~chwang/test.htm”>連結 test.htm</a>

test.htm要放在chwang帳號，www目錄中。
用 name 跳回目錄。
8.表格標籤
<table></table> 表格標籤

<tr></tr> = table row 表格列。放在<table></table>中。

<caption></caption> 標題標籤。在表格最上方外面，加上表格標題。也可用 <caption align=”bottom”>，將標題放在表格最下方。

<th></th> = table headings 抬頭欄，粗線條字型。<tr></tr>中。

<td></td> = table data 表格資料欄。放在<tr></tr>中。

屬性：border 表格框線。內定 border=1。border=0 時，表格框線取消。

屬性：水平對齊 align=right(靠右對齊） or left(靠左對齊) or center(對齊中間)

屬性：colspan 表格欄位垂直展開
實例一：

<table border=0>

<tr><th>抬頭欄</th></tr>

<tr><td>表格資料欄</td></tr>

</table>
實例二：

<center>
<table border=1>
<tr>
<th colspan=5>學生國文成績</th>
</tr><tr>
<td>姓名</td>
<td>平時成績</td>
<td>期中考成績</td>
<td>期末考成績</td>
<td>學期成績</td>
</tr><tr>
<td>張三</td>
<td align=center>80</td>
<td align=center>80</td>
<td align=center>80</td>
<td align=center>80</td>
</tr><tr>
<td>李四</td>
<td align=center>90</td>
<td align=center>90</td>
<td align=center>90</td>
<td align=center>90</td>
<tr>
</table>
</center>

實例二執行：
學生國文成績
姓名 平時成績 期中考成績 期末考成績 學期成績
張三 80 80 80 80
李四 90 90 90 90
9.框架標籤
</frameset></frameset> 框架標籤

<frame> 框架內容。放在</frameset></frameset>中。

屬性：rows 設定列數、列高

屬性：cols 設定垂直框架、寬度

屬性：src 指向要放在框架中的 htm 檔、連結網站的網址

屬性：marginwidth 框架左右邊界寬度

屬性：marginheight 框架上下邊界寬度

屬性：scrolling 設定框架中捲動軸。可選 yes、no、auto，預設值是 auto。

屬性：border 設定框架邊框厚度
實例一：

<html>

<head><title>國學全球資訊網</title></head>

<frameset rows=”18%,68%,14%”>

<frame src=”c0.htm” marginheight=0>

<frame src=”c1.htm” marginheight=0>

<frame src=”c2.htm” marginheight=0>

</frameset>

</html>

——————————————————————————–

實例二：

<html>

<head><title>東沅書局全球資訊網</title></head>

<frameset rows=”18%,82%”>

<frame src=”store0.htm” scrolling=”no” marginheight=0 border=0>

<frameset cols=”22%,78%”>

<frame src=”store2.htm” scrolling=”no” border=0>

<frame src=”store1.htm” border=0>

</frameser>

</frameset>

</frameset>

</html>

——————————————————————————–

三‧ ftp (檔案傳輸)使用方法
跳到 ms-dos

進入傳檔目錄。 cd 目錄名

ftp mail.ntit.edu.tw

輸入帳號名稱、密碼

mkdir www

cd www

put index.html
（如果一次要傳多個檔案，用mput *.*)
dir 確定是否傳輸成功

quit
注意：

大型電腦主機，大都用 unix 作業系統。 unix 作業系統，大、小寫不同，要特別
注意檔名。檔名最好統一用小寫。

新增 — 最簡單的檔案傳輸方法(以本校為例)

1.打開ie.
2.網址列輸入 ftp://web.ntit.edu.tw
3.輸入使用者名稱.密碼.按登入.
4.在www上快速按兩下.進入資料夾.
5.滑鼠移到檔案上.按右鍵.用複製.貼上.來上傳或下載檔案.

——————————————————————————–

四‧ ws_ftp 設定及使用方法
下面 1 – 10 是設定方法，在第一次使用 ws-ftp 時，需先設定好。

Profile Name 輸入：web.ntit.edu.tw

Host Name/Address 輸入：web.ntit.edu.tw

Host Type 選擇：Automatic detect

Anonymous 勿打勾

User Id 輸入：chwang

password：******

Save Pwd 請打勾

選第二項 Startup

Inital Remote Host Directory 輸入：/home/users/chwang/www

Intial Local Directory 輸入：c:www
下面 11 – 14 是使用方法。 ws_ftp 的使用方法非常簡單。
左邊 Local System 是自己電腦目錄，右邊 Romote System 是電腦主機目錄。

要傳檔時，只要將滑鼠移到檔案上，快速按兩下，檔案就會從左邊傳到右邊，或
從右邊傳到左邊。如要傳輸多個檔案，則先拖曳滑鼠將要傳的檔案反白，然後按
中間箭頭，就可將檔案傳輸過去。

比較常用到的部份，簡單介紹如下：
Chgdir 切換目錄

Mkdir 造新目錄

Rename 改檔名

Delete 刪除檔案

Refresh 更新檔案。檔案修改、存檔後，要再上傳檔案，需先按 Refresh 更新。

Connect 斷線後，按 Connect ，再連接主機。
Ascii、Binary、Auto 三選項，只要選 Binary ( 二進位傳檔 ) 就行了。
請注意：FileZilla 比 ws_ftp 好用，設定又簡單。請至：PChome 下載。

——————————————————————————–

五‧其他事項：
如果網頁出現雜亂符號，或和預期不同，必定是原始碼有錯，應詳細檢查原始
碼。或用瀏覽器看原始碼，找出錯誤。

如果你想要跑馬燈，請按 [ 跑馬燈 ] ，進入跑馬燈網頁。

登錄網站方法：
要在 Yahoo! 奇摩登錄網站，請到奇摩首頁最下面，選”登錄網站”，有登錄網站方法說明。

大膽狂塗網頁設計分享

網頁設計教學-在部落格上用 MSN Messenger 與版主聊天

網頁設計教學-在部落格上用 MSN Messenger 與版主聊天

介紹個由微軟提供部落格上使用的新奇玩具
直接在部落格上用 MSN Messenger 與版主聊天
加入方式
1. 進入設定網頁:

2. 以 MSN 帳號登入

3. 選 [網頁設定] 後，並勾選 [允許所有網際網路使用者看見我的線上狀態並傳送訊息給我]
按 [儲存] 鈕確定

4. 選 [建立 HTML]，並選擇你要的樣式
第一項只會顯示你 MSN Messenger 狀態
第二項則可以在網頁上鑲入 MSN Messenger 來與你對話

5. 選擇後複製下方的 HTML 並貼至您的網頁即可
由於它是使用 iframe 格式鑲入
所以就算你網頁或部落格沒有支援 Javascript 應該也可以使用
畫面上不會顯示 MSN 帳號，不用擔心被其它有心人士利用
點開始對話後，可以選擇以 MSN 帳號登入或以訪客方式傳送訊息
不想讓 MSN 帳號曝光的就可以訪客方式登入~