數位典藏融入國小藝術與人文教學研究：以「植物染藝染」教學網為例

全文

(1)

(2)

(3) . .

(4) [email protected]. . .

(5). :

(6). . . . . . . . *+,- . / 0 1 2 3 1 . . .

(7). : : . 1. . National Digital Archives Program, Taiwan

(8) ! " # $% &'( )* +,- ./ 0 12 3 4 5 6 0 7 8 9 : ;<&= > ?6 @A&BC DE .FDG 0 H IJK 1 '( )* +3 4 5 6 <&7 L<M NO = > P Q R S <&T U15 6 V T W<&X 4 '( )* +<&. 0 $Y > ?T W<&Z[I<M \6 R S <&T T U]^= > _ Q ? à+b c d <&b e .f g 2 <&T h i 0 j = > : ;T W<&k l )m n o T W<&p q ]^rs t <&T &Bu [v w x y '( )* +T W<&: ;p z . Ja'( }. )*. +aT. W<&a{|. Abstract “National Digital Archives Program, Taiwan” (NDAP, Taiwan) has vast amount of important recourses that can aid teaching and learning in art. Thanks to the concept, the current research takes this perspective as a starting point to embark a project of teaching and learning art through NDAP recourses and online-based approach, and consider its possibilities and applications. The main research question is: how does teacher of art and humanities employ NDAP resources to construct a e-learning website as teaching platform to further students’ learning in art education? How does using online instructional strategy help student outcomes? implications and related issues of online teaching of art education will be discussed. Keywords: National Digital Archive Program aArts and HumanitiesaWeb-based InstructionaPlant Dyeing. ~{|} {| . g 1{| } v = > } u [ * a ) ¡ ¢ £ ¤ ¥ } u ¦ .§ ¨©ª I« ¬ ® )\¥ ¯ ° ± ² ?³ 6 ~{|}´ µ¶ ©\¥ a· ¸ ¹ º +»'( ¼ ½ ¾¿À¨ Á;Â. 1Ã ¨Ä Å ¯ ° Æ Ç È¾¿É Ê Ë ~{|}Ì Í Ì ÈÎ $Ï Ð Q Ñ Ò )\¥ {|Ó Ô Õ }Ö '( × ØÙ ©Ú Û . '( )* +&Bg - $ÜÝv Þ aÜ ß à á ÝÀ¨ÁÂâã ª 2 Ä % ä åæ Ò ç l è ! " Ô Õ é ¸ '( æ ê ~{| }ë rÄ ì &&Bg - $ÈQ Ñ Ò Ú Û ¨ª 2 f g T WR í á î ï {|}& BÄ ð ñòó É {|}<&6 ô <M õö &\&BÈQ ÷ø ù. ú û

(9) T Wü $~{| })ý þ '( > É $ä )~\¥ )* + | _ Ü {|}&B { |){|} `+ É

(10) ~* +'( &BT $_ ;ò{|} $Ý ñ í` ] ^ # % Ï Ð ~{| }&B,- ©% Ï Ð )~{|}&B? ./ 0 R íF <&T ã T W 7 <&Ì Í ú ! {|}" " # a $ %}Ö a% }& 1' f g ´ë T W Ø" * ( ) ~{|}´µ* + ½ , -Ô ./ 0 '( +». . 2.

(11) . : : . : ? : : : . :

(12) : . . . . . . . . !"#$%& ' (). : : : & '() . . 8889;. : . . . 8889>;. : : : : This paragraph . . *+45. 6. : Web-based. 8889<; 7 8889:;. : : . 2.1 . : & '. 1'( <2_ ¡ 3 ( /AÞ 4 ' ( F5 <&Z[)6 789 1Ø\Fa ¾: ); @< u * +=I]^'( & B.ª 2 '( <2

(13) >å= > T W?Q ?@@ A 5 B C )ÜË s D rE R í V T W »L£ DF G %H &Bu [Q ùò'( <2$. : . /. !" # # $ %. : -. (). : 0 : 123 : 56 : 2. 4. *. + 8889=; , .

(14) *. +=&B.T W&B« ¬ ?IJ K T W L M @aN Í @)¾: @È@Q ùò'( <& 5 6 rO '( G P Q R .T W<&S T ak l )UV ñ* += ú W & X Y ] »aZ »Q [ > .© \ Ò \ Á% ÷] ^ ò_ p \ Á%+» ` a 8

(15) b c = > ò<&?$ d 5 &f g T W5 8e = f g h å^ . i jk ò'( )* +l m ,- ?n op `q r s ) t u 8$Q av. w E x b ?n # 15 6 .Iy '( )* +,- f ?S z J {O C '( <| C } 1 ` a ~N %a" ë <|b e .

(16) )C u [ d I'( <M oD<& )&&Bo D .= > 5 6 '( <& < &<| ¨ D )o > ?Ü . X '( )* +,- 1Ô '( * + / AR íaG P &BI F ,- >å1 É b ,- Ì )N Í @@I )'( × î * . $ <& ¬ T W?@ + a`q aÍ a " Ê É 1 . > " Ê )T W

(17) &B ¡ <&« ¬ &B ¬ ØI

(18) " ¢ LõåQ ø ù£ ¤ &Bj ¥ $ 8 9 ^ ¦ § ¨ {© © © .ª « Ô Õ ¬ ® ¯ ö ° ± ² ³ T W<&´ µ - ¶

(19) @Øåd « & &BÍ Ñ £ v &B .8$ØÄ ·`q aÍ a " Ê |<M § Ú = > } '( )* +,- $ $ <& ¬ . ¸" »'( <&¹ T W ) òº ¢ ?@'( <&¹ $<M = > " »u [5 6 ¹ '( <&¹ Ø" ë »Ø» ¼ ».&¥ g 1> ½ ¾ C ¿ Ç ö À

(20) : Á )¢ Â s D ã åf g &BÃ Ä yð Ç ö Å Æ ± 5 6 ¢ Â B C Ç È ^É É Ê .$Ä Å T U_ 7 Ë-Ì Í )p Î ]^T WN Í [¹ å '( ) * +,- ¹ Ø" ». Ê£ Ï &T W&B å ,- Ð Ñ Ñ D$ Ò Ó = > ) )Ô l m ?;Õ ü $'( )* +D &åx Ö < Q × ) Ø å1ùü '( ?&B)¥ . ' ( )* +,- V <&3 4 e =& =?> / . > <Ù ,Ú<& ¬ <& D8E Ò L M > ¨ X Y ) å &h Ý

(21) ,Ú Û ¨ > 5 6 &BÌ Í .. 2.2 . ! "#$%

(22). \ Ò \Û « ¾¿5 6 Ü l m + » »?~ | ÷_ p \ Á%+» .ÝÞ Þ @£ ¤ I~\ Á% ÝÞ Þ ßØ¾ ¿@à á<&É = > C 5 6 ~ <&&BT UC C } 1 : K " \ ÁoD+| »8´â

(23) E " »T WË-x @)ã @'( )* +,- v ä <| .1 IIâå_ R S î d £ æ ç<&§ Ú = > h i \ Ò É É { J {\ Á% èé ê ` s µ ëì ì í î ï ï ð ñ ò ó ô ì õ ó ö ð õ ó ì ÷ ï ø ñ ù ô ú ö û ü ý ì ö ó ëì ò þ ù ì ö $% & s µ $)'( )* +Q ;T U | ò\ Á% T U]^ $ü $* +'( _ R S î d ©

(24) T U. â ëì ì í î ï ï ù ì ù ñ ó ô ð ù í ó ó ì ÷ ï ð ù ü Êï ü ì ö ò ï â @F s I

(25) Ýú ! JÍ |a{|a w a* &a a `) ê a q a /é a9 é a |a )G . ï

(26) ÝF ! b e d £ æ ¹ " # 1A¢ > .ü `+x P $ Õ £ æ '( )* +,- Ý ?à+a " # . . : . . 8889@;. : !78 9 : ; < = > ? 7@ A B C D E F G H I , J , K L M N OPQ R 7S T 7/7U(V W XY 7Z 3 7/7 8889B; : [\7] : ^. 8889C;. _`. : -7_. 8889A;. : `7a7 7b c d7 Z 3 7 7e7f g 7 [\h i j k l m V W n o p q r s t u v w x y 3 -z { | B C / 8889; : _7{. 8889;. : } " 7} ". 8889>;. 2.3

(27) . :. {<&T UZ[ âå$% &<& ¬ $ <&¨% &&NO 5 6 ñ! " <M 8Æ Ý' ( ) P * +Ä g , T W<&Z[)1\ ]$% &<& - .' / 0 µ á Ý 1 <M Y > Z[Iy 2 Á3 É É ¸ £ ?&4 > T W<&Z[× I5 o ' ( )* +<&T UL?9 J 6 { <&T Uo Z[ &B <& > 7 8 j ñ9 L: & 1 <Ù <M ¢ U F y ; Ñ < Ê D À {ó < M & Z < Ê =` > ? <Ù ¢ U [ ó & & * =8 ? À ù

(28) & @ ¢ <Ù 1j & Z & * U [ B. . . *+45. : ~7. : X7( _ ^. 6. ? 8889<;. 2 8889:;. :. : 7x 7u l 7 - q l 7/7 ) 8889=; : 2.

(29) <&T k l 2 j<&T $= > k l A " µ &B k l '( )* +,- $<M 1§ Ú 1T U]^× ® [<&at u <&jT W B Q ` a @)¾: @Ø?n # A G 0 [<&ay ð <&aC [ ¬ <&)% D &Bf g 1 &I$ä a&k × $&u [5 6 <&. . TU &Bj ¨ ª2 RL <&T?S TU¡ IO .. 3. . x. 3.1 /<&T=>? TU Q ß ª N IJ {{ |})ý þ '( >É $ ä ë ì ì í î ï ï ÷ ÷ ÷ ó õ ô ý «ô ö ì ó û ý ¬ ï í ñ ù ô ì ï & TI{ |}F b T ×I { |}?{ |`+r E RL { |}Ô `q b I/ 0 FD =>TU. \¥ )* + | ë ì ì í î ï ï ð ý ý ò õ ü ö ó ô ò ô ü ó ö ð õ ó ì ÷ & TI\¥ b e TU ® E { | ¯ q ×I{ |}<&?{ |° 9.¢ LTU$ { |¯ q Q ¡ w /, - $ ± ]{ |¯ q ¢ \& T. ¸* +'( &BT««Q c Q ë ì ì í î ï ï ù ì ü ó ö ð õ ó ì ÷ ï ý ô ì ö ï ù ò ö ï ñ ï * +'( &BT$ o " ]^ ü $ /, - => ~ñ r ü $ ; òñ ~² ³ ´ µ¶. Ê* +'( &BT««<&Ó d ë ì ì í î ï ï ù ì ü ó ö ð õ ó ì ÷ ï ý ô ì ö ï ò ö ð ý ù · ñ ù û ï í ñ ù ô ï ñ ý ü ì ø ñ ù ô ¸ ó í ë í * +'( &BT?<&Ó d $ _ RS p '( ) ¹ : ; E /X Y b e ./, - FD d >E /í d m X $ ; ò~ñ ? . . 3.2 / , å RS y 1`¿ {, , å $ #. . .

(30). . . .

(31). . . *+45. 6. . . . . 8889@; DE . ?. : Jakob 8889B; : 2.5

(32) 8889C; : 3.. ! ". /<&TFD 1=> Iå 5 6 RS ª2 <&7? 0 j ¢ ò 1# '( )* +F ? | ò T U$ 5 6 r s )£ ¤ .Ü g U b st )¥ ¦ § # <&=>TU ¨5 6 , - 7 .ü $ / 0 => " TU5 6 , ïú ! ~{ |})ý þ '( >É $ ä a ~\¥ )* + |)~* +'( &B T.f g TY % [ý © 5 6 ]^ï5 8 Rí TU.Iy / 0 =>? aA Y 6 ? <&u[. . 2.4

(33) {1'( ,- <&7 IE F ,- 7 <&G `)u H <&I1T UJ K L M %[ N Ô < &âO )<&C - o ã P ¥ D1V & <& âIm n .,- 7 Q T W,- w oD ;R ª ª 2 R í'( )* +<&T LS D ' 9 ¨T /'( ,- /w )<2X ð U V WÉ É X . = > T W&BX ð 1T Y <&) /?Ä ¢ ò = > T W?@)Ø åú ! Ä ÀL: 6 7= ù ô ì ý ò ö aÄÀZ:67ù ô ÷ ë ö ö aM LØ Gõ í ð ù ì ö aL M @ ù ì ô ö ?@ .ª2 " "µ TW <&: ; X ð ú ! Rí F0 a ¬&B a &BÈ 7<&TLÉ1=>.[\ : ; &BX ð 1ø ù <M TW <&g - $ _ ]^ _ TW <&?Þ 0 . ¸9TW <|` y 7m n =>` y 7m nø ù & TW &B LØ^ &B ¬ a v ¶ &B3 b ØÉ ò Ò .¢ LãQ ù ò& c d p « ¬¼ e f g 5 8 f g Ø å d &Bâ O.TW <|7` y m n Ê C h Gi T Ô µ <&j Ê öTU7

(34) ÄN Â o + aÌ aêk ú W Í aq AN Í Ø å 7.¥ 8 <&j ãÂ / "` y Ø å l É . Ig "ÄK ` y 7&B j ªÚ "µ m n n :: N o p q 8 sr & Â / ^ 8 s ¦ ¨t ' &B . ª2 5 6 <&T7L Y ># K ` y 7 1uv w Ø x .Iy û ô , &j ð # K <&T` y 7m ny z { {©©| }~ + {©©©?J ó TY ` y J a >j ` y ? · »)] @ &BL:a &B . ó + JTY ]+1¬ » + ] + ú W } o 71u$ d ö . ó `c y JH ñ Y Ä"& <&T7

(35) Ø"1`c y 6¿ ]^. ó Ì )êJH ñ & ñ òTY r s Â / ^ H 1Ì aêÉb ù $ &BÂ / ^ . ó x F J<&TD Q x F Q F. } Q Ä D . . 0 => <&T), $ ?J å RS <&T 0 j FD ><|ú !. . <&u[sI =><&Tº * + I. I£ a/ )ïX à+¨RS <&. . . 8889A;. . . 8889>;. . . 8889>;. : . . 8889>>;. : 4 : tu7 : . . 8889><;. 7 7i 8889>:; tu. : /7. 8889>=;. : v. 8889>@;. . . . . . . . . 7tu. 8889>B; DE 8889>C; *+. : l . . 8889>A;. . . 8889<;. : 6 . . 8889<;. : 7 . 2 . . 8889<>;. *+E?. : 7!!7V7/X 8889<<; 8889<:;. . : . . 8889<=;. : 7X . . . . : . Y. b 8889<@; 8889<B; 8889<C;. 77 8889<A; 7. . . 8889:;. . . . . 8889:; &'F&. : . 7 . 8889:>; . : }¡7!77¢£. ¤ 8889::; ¥. . . . 8889:<;. : " ¡!7. 7}7¦ 8889:=; $ 7. . . . . >. . . *+. . . 8889:B;. . . 8889:C;. . . : § . . 8889:@;. 8889:A;. h ¨. ª «. 8889=; . 7+ ¬. 8889=; 7. DE. : ¡7! : 2. © .

(36) ` 3 <&T`. FTU.. ` {, å. RS. <&T`¿. . , $ =><&T , - 5 6 $ =><&Tu[n <& ¬sI1 <Ù ) <Ù ×# K c ï.8 < M =>u[ã & Ú , ?F§ Ú =>< &T]^ö» ü $ ± ] É1=>. 6 , $ =><&Tu[ st ¼ y 1 <M 1; Ñ§ Ú <Ù /<&T

(37) , =>?<& ¬ <M ` > r ½ ç <Ù & \6 7 L: § Ú <M î < ¯ /< => &T75 6 , - <M =>u[ » <M » ]^¢ => ü |b =>. 3.3 . !. " # . . 1I /<&Tò7L 9?TW <| ` y 7m nJ 1>j ` y J a · a] @ ^ F¾ ¿ À @ Ä¢ - (Á Â a+ uÃ a`q …) : ?¡ ¡ TU$ ¦ Ä ¡ òTY

(38) u¦ µ nÄ ¡ òTY Å u1ò>j 8 .. y. ! "#$%>. 2+ J/TU]^]+

(39) 1o 7[ ]+ 0 j \6 ý Æ j± ]d >\ TU?m +É1Ç ³ I¬ »1# %& . 3`c y J '( )* +<&?@ )t u <&k l TU]^=> `q × ¢ Lã9È ¨%& ñ ò TY + Â / ^ á É · ª ª2 ; ò{ |} - )} U V ` Ê È 1`q ×IFD u[.} ò`q %n9¨<Ù ; )& \6 8 ?Ë . Ä¢ È a <Ù =>L§ Ú ¼ Ã ?p ¶ %Im n± ]o D `q nÉ

(40) 7 : . 4TUF x J<&TÄð ]^ö` y 7

(41) Ì F &Bj Â / ^ $ òr s L &B3 ] ¨Í Î d .ª2 /TUÏ 1 F × Is ! TU]^Äð à+a aTY 7« Ð ò~{ |} F ××. S ;. ò/U. }¡ À " ¡tuÂ $ ¡tuÄ µ ¡ Æ · ¡VW K ! É ¡I Ê . Á Ã. ! ! ! . È Q . Å Ç Ë. {. !. Y. . |}" " }¡ " ¡¯ $ ¡¯ µ ¡¯ · ¡±. ®. i ¯. N °. N. ± ° ° ¸ ¹. ². N ². N. # !. ³ ´ ¨ ¶ .. . $. ! }¡º » " ¡º » ! $ ¡¾ ¿ ! . % }Ö § §. ¼ ½ ½. ! ! !. ` 2 TUÑ í. `. 5Ë Ò <Ù ]j&B« ¬)ñ 9 ?Ó T Jk ò 0 j 7L9¨ <&T b c N Ô @ )` a C @ r s u[ãr ÄÕ6ò< Ù ]>ª2 TY Ê

(42) 'È a 11 TY v # ¶ Ê %IFr 5 Ö / : .i jk ò{ |}<&âå Ô × /<, $ r s : ; , - ª 2 TU$ ã£ æ TU]+ y ° 9 b ×I< & ù <|.. ! "#$%

(43) . . . . . G>H. . . EI. J.

(44). .

(45).

(46) .

(47) .

(48) .

(49) .

(50) .

(51).

(52) .

(53).

(54) . . . . . . G>EI. J.

(55) .

(56).

(57) .

(58) .

(59)

(60). . . . . . EI. . . . . .

(61). . . .

(62). . . H. . . . . H. . . EI. . . >. . . *+. . . . . . *+DE. . . >. . . *+. . . . . . H*+E7. : 2. J. J. . . .

(63).

(64) 4.

(65) # $ % & 4.1 $ % /<| a'( , - 7m n )TW <&3 4 1~{ |}'« IF R í F <&T@ Ô Õ '( +»X Y f g TW Ô )Ô . ., - ]^7Ø { |}E /Ù Y. p '( D d D U f l & Ù Y { |}´ í `.v w }Ö ¥ g - $ & ×¥ / \Ú Í ¨Û Q p '( 3 4 { |}¥ . µ. $. . Ô. )E /í d m X Õ '( ? ) ñ í ` % }Ö Rí. &B<|.. . . EI. . . . J. . . . . .

(66). . . *+. . : Ìo Í Ã Î È Q Ï Ð Ñ Ò Ó c Ô Õ Ö l¾ × K Ø Ù Ìo Í K Ú Û lÜ Ý Þ. <sp><sp><sp><sp><sp> 3.1 Ìo K Ï Ð 1%ß à W á ä å Þ æç è é ê ì a ³ ´ (f í ð§ ñ …ò)ó ö/. 2%I ï ûü ý 3% § ì © § / à. ( ó n. Í Ã Î È Ã Î â. Â â î I X ô õ. Q ã. . ë ï . ÷. ø b ù ú æ ¨ þ , / R Î 2 æ ï R Î c ª (

(67) n ¸ û / 8889=>;. . . . . . .

(68).

(69).

(70) . . . >. . . . . . . : 2.

(71) . 4.2 & ' ,. -. {. Ü . <|. 0. <&k. <&. l. Ê. <&¹ Ì Í <&o 7. <&C. -. Ì Í Ý <& o7. <&. C. Ì Í <& o7. <& C. -. . :. |}~'}. <|. \ý. <&ñ 9. \. %$. Ý. <&L:. 160 sÞ. 1.&Bg <|ö_ Q Ü Ë J 1\¥ J& ñ { |_ - Q ¼ e aß )ß à å ^ . 2'( ¥ J& _ - Q 0 O $ % 3 4 ) A =>Ü Ë . 3¥ |J& _ - Q \¥ |áa â )" | Ì > ¥ Ü Ë . 2.<&o 7J f g <&T1`+ Ù Y )¥ ã ä { |}a{ |}Û Ö å a` í d r E p Î Ê Ë { |}g - v w î d { |} . 1.§ Ú ® <&Jæ M ò<Ù $ =>1 TU Rí <&T1`+A ® ã ä { |}a{ | a{ |}? - )g - . 2.t u <&Jæ M ò<Ù $ 1 TU Rí <&T=>`q d 5 & t u { |} . 3. [&BJ1%D I 5 6 }ç p Ë )}ç è ¢ . 4.¥ <&Jæ M ` Ê { |} ñ í `m X d & ¥ é )¥ / C . 1.<& Ê J ± a ê ; Ña; Ö ë a1 <Ù . 2.<&TUJ1 TU Rí { |}<&T. 1., Ú ° ) 2., Ú p 3.%D { |}" " # <&L: 40 sÞ Ù Y )¥ ã ä { |}. 1.ì í Ì Í 1æ M ì í J<& Ê a<&Ta{ |} aî ï ð }ç aì D ß ñ aß ò p Ë ó ! aß q _ ô g %Ò Ö (õ ö 10 ÷ s). 2.C Ì Í 1d 5 Ì Í J` Ê / , - . 2{ | } `ÊJ1<& T `ÊÙ Y{ | } av ¤ ¥ a¦ § { | } |m n a { | } Â / v µ a{ | } = a{ | a} - ) |b a# } Ö b a ã ä } ø a{ | } g - . 3 % p Ë JÍ ¨ ù } ø . 3., Ì Í 1æ M ® ¹ . æ M B ú I û , - . ¥ / } Ö <& L: 40 s Þ Ù Y) & Ò { | } Û Ö å ) ` í d . 1.ì íÌ Í J 1æ M ì íJ<& Ê a<& T a{ | } a} Ö . 2& ì íJó ! a â a; ü aÀaý ! aþ ð ... Û } - . 2. C Ì Í J 1d 5 Ì Í Jæ M C ¿ { | } d .& Ã ` ä Û .? w 1<& T × `Ê. 2`ÊÛ Ö å aÛ Ö ` añ Û Ö A ñ í ` . 3& ¾ ¿ × ¥ / Í ¨ Û } Ö . 3., Ì Í J 1C ¿ Jæ M 70 _ î d & C ¿ d r ½ ç ® ¹ . 2æ M B ú I û , - ì í - ) % D s . % } & <& L: 80 s Þ î d { | } . 1.ì íÌ Í J 1æ M ì íJ<& Ê a<& T a{ | } a} |a} çaÄ a a T a. a

(72) a au ¨ a } ø . 2& ì íJu ¨ a . 2. C Ì Í J. : 5 : tu¿. 8889=<;. . . . . . . . . . . . . . . . . . . *+E7KL >8=?45 6 M>8=? . .

(73). *+E7KL >8=? . . >

(74). . . EI. J. . . . EI. J. . : 2.

(75) 1d 2æ 3æ 4ú p Ë 5æ î 4 3., Ì 1% 2æ 3. Ì 5 M M < ) M Ù Í D M . Í J 1<& T 1<& T ± & È Û Ö ¯ 1<& T D n J 6J% ® ¹ . - Jæ. æ M B } B } _ @} q . B ¡ w y. ¨

(76) ã ä { | } (æ M f } d d ). çè ¢ g - . Ö g - . Ö 5 6 } ô w } ô Z L:æ M 1¯ q s D

(77) º Ú , &. Ö. .¾. g. -. C ¿. .Ô . D. .

(78). å. l. _ . } ". }. Ö ¨j. D ¨\. Ú }. Ö å. ). Á`Ê\. M Ó. Ô D. s. î. d. - . Ú. . â . 1. Ù ¥. . {. 2. Ù. 6 O. Y) ã ä | }. Y) & Ò { | } Û Ö å ) ` í d 3. î d { | } . ) O. 1-1 Ù 1-2 Ù 1-3 ¥ 1-4 ¥ 2-1 ¥ 2-2 ¥ 2-3 Ù 2-4 . s Iâ. ä. |. . r. . {. |. }. . {. |. }. . {. |. }. . Û. Ö. `. Y) t >|b. u. . d. Ó O. ^ Ó O 2-2-6 1-2-1. | } . î {. ^. å. {. 6% y. ×. Þ ,. Ï Ð. . . . : 77 7â. 5. O. Yã Y{. 3-1 å 8 3-2 å î 3-3 d. å +. . . .. m . . 1<& I9 ª 2 Z ù I$ % & Ï @õ $ § Ú Z ¶ } 5» m n <& T D ¨N Ô ) 9 ¨<& T N

(79) Ô £ æ <M ò <Ù ]× \ 6 7 ª 2 <& ¨Ë Ò <Ù ]j & B « ¬. : . . <& á X <& T. @. @ â. ¾. . çè ¢ g Û Ö N O í ñ ` d Û Ö. -. 1-2-1 1-2-3 å. d . | } çè ¢ } Ö a Ö a Ö 6. 1-2-5 2-2-7 3-2-11. 5. '(!) 5.1 1 2

(80) 1 3 1£ æ ) T U ñ y & B b T W \ & jãå ¢ L^ _ , - D7) & B U V.¢ LT U Ê > È a T Y p ¶Ê % Lò <Ù $ > å £ æ y ° 9 b õ ø ù & × Ø ® & ¼ Ã æ M 7 ? ` q Lã° ¨ $ & B b . 2` q p ¶ ` q t u ' () * +<& P D± ] K , - 5 6 1 <Ù L` q : : KoD.ª 2 RSLP Q ¾ ` q ¢ LI <|M Q Ø ` a N @ = > <M § Ú 7º >Ä ¯ q

(81)

(82) + > D T Y $ § Ú 1+ . 3T U S % T U Ä # ï Ê 1 FLASH RS. Q ! H 5 ><M » , - L@ãÒ Q " f g KDd > FLASH T U $ ` q ) +L ãP oG # ¢ Ä V <& N ) @ . 4]+oG ý ³ ê Í ? 1 b e RSIF .

(83) . :. 4.3 ()*+,-./0+ 63 . y. . :. C. 7. L@& ¬.Ä . . $. @ º I ù T ]^ ) ñ 9. . D 7 ò T W ? & ò , î ï @ ? Ó T .. ( . $. Ø 1 j. 5.2 4 5 1 m n <M DÊ Ù ¨ T U r @ I<& 8 7 L% & > <& 7 ' ( <M ¢ > Ô T U ]^ 1\ Ú <& ¤ ² > ¢ Ô T U ± ] ö Ø $ × <& É = > d V <& â ? <|. 2<Ù ]? = > Iu ! ) KÑ f p ) u <& 5 6 $ § Ú d >î < 1 FLASH S ? T U .. . . 8889=@; 8889=B;. . . [2] y /. {. .{ © © ¸ . >j`y ¸ X Ê © «X 1 .. z i0. [3] ~. y. .p .. <2. .{ © © © .T Y ` ê 7 ) n Ó T ? 9 . <2 / i0 Ê É 2 3 | '{ 4 «1 .. + .p. [4] ¦. G. .1999. - [ Æ Logo Ó " Ê <& ñ i 5 \% Ý & 6 ¥ $ 8 9 ^ ? Q . i 7 Î LM 8 & + & 9 30 209-228. §. ¨. [5] 2. Á3 .2003.T W <& , - w Ó O 0 . : <2 \Î & ( y Ò ð + .i 7 Î J\ LZ $ & \Li 5 & .. [6] U V W .É É X .' () ; < J1= > U ? ¤ <& T U I@ .* 2 { Ê |X Ê «X © . íAJ/<& T I 95 ¶ ª B 3 C 3 Ü . . <&. Ì Í. 7. . . [1] 6. \Á & , - Ò .2001. \Á % —è é / ` s µ À `.x P h 'J2006 7 i 31 h.¢ \ World Wide WebJ http://dlm.ntu.edu.tw/. ° p ° Pi { 2 È Q q l + I / Å ` ¯ N °. ì ¾ { ¯ C i T n K tuz 3 ! ø " l 3 ' ¨ tu# ] ¯ N ° p q { /' I ( ) K ¨ u * z z { : ¸ p 8889==; q. :. * + , +. Ð. . : L¯ N z : ¸ p ¨ N ° 8 / k& ' B C $ % 9 & + . :. *. 8889=:; . : . ?. W Ï.

(84) . . 8889=C; ./. 0. 1. N. : t, l . 3. . 1. 8 8889=A;. . 8889@;. : 7-7.. 8889@;. . . 8889@>;. . . . . ./. . . *+45. 8889@<; 0. 1. N 6. 3. 1 >?. :. 8889@:;. . . 8889@=;. . . 8889@@;. . . 8889@B;. . . 8889@C;. . . 8889@A;. : 8889B; . 8889B;. :. . 8889B>;. : 2.

(85) . : (.

(86) . )Times New Roman, ( ) , 10. . . : (. . .

(87) . . )Times New Roman, ( ) , 10. .

(88) . . This paragraph describes the major work in your paper.. .

(89) . .

(90) . . Web-based Instruction . . . . . . .

(91). . . . . . . . . . . . . .

(92) . .

(93) . .

(94) . .

(95) . .

(96) . . : Times New Roman .

(97). . . . . . . . . . . .

(98) !"#$%&'() *+,- ./,-0 1. 2 34. 5. . . . 6. 7.

(99) . .

(100) . . . . .

(101) 8 . . 9: ;<. = >.

(102) . .

(103) . .

(104) . .

(105) . .

(106) . .

(107) . .

(108) . .

(109) . .

(110) . .

(111) . .

(112) . .

(113) . . . . . ?. @. . 8. . =. A. . BC . . D . . E . . F . . G . . H . . . I. . J. K. L. .

(114) . . ?. @.

(115) . .

(116) . .

(117) . .

(118) . .

(119) . . . . . . . M . . N. O. . . . BCP. Q R. S. T U. J. 9:. V. W XY. *Z. [. \. ]. ^ _. ` a. @. . *Eb. c<. =. d. e. f "#8. . .

(120) . .

(121) . .

(122) . .

(123) . .

(124) . .

(125) . .

(126) . . F . . c . . gh . . gh . . i . . <. =. . . . ; .

(127) . . jkl. m. no.

(128) . .

(129) . .

(130) . .

(131) . .

(132) . .

(133) . .

(134) . .

(135) . . F. . . . . `. . . . . ]. T. <. . . . p. q. = A. =. r *Es t. t Y. T. d u. . . . 8 . . v. . . : (. )Times New Roman, ( ) , 12. . .

(136) . Jakob Nielsen (1993)

(137)

(138) !

(139) " # $ % 01 11. 2 3 4 5 : 6 !

(140) " 78 9 ( ) * + , - . / 0 ? @ A B 2. % & !

(141) : ! C D !

(142) " 7E % & < 3. 2 3 L M : 6 !

(143) " 7N 3 L O ? @ A B P ! X Y Z [ 4 5 P N 3 < ? @ K4. \ ] ^ _ : ` a d !

(144) : e ? @ U 6 !

(145) " f a g h i j K k4lm n o p q r 4 5 s t u v w xy z k5l{ ]. o. |. x}~u . . . . . . & ' :8 9 ; F G H @ Q R S T ^ _ .

(146) < 4 = !

(147) > > I G J K

(148) U V W !

(149) = 8 b K5. c. 0.

(150) . .

(151) 2.5 o 4 o 4 7 ¡¢ ª ¥ ¹ º k1l o k2l o k3l k4l 4 ´ Ä Æ. a Â ¦ Å . . Â. Ã. @ 4 4. 4. u. o. . 7o 4 * :o o 4 : o 4 : t o o £ ¤ ¥ ¦ § o 4 ¦ 7¨ o ` « o U ¬ ® ¯ ° » ¼ ½ 6 o ¾ ¿ À o 4 ¦ xq Á 4 4 t . . o. o. 4. . 4. 4 : G © ± ² ³ ¦ K. :4 5 ] o 4 o 4 o Ko 4 ´ µ ¶ · ¸ . 4. 4 . 5. 5 5. . : (.

(152) . .

(153) . .

(154) . .

(155) . .

(156) . .

(157) . .

(158) . . . : 12 , . . : 12 , . . : (. ) , . . : (. ) , 12 , . . : (. . ) , . . : .

(159) . . ) , . .

(160) : (. ) , ( ) , 10. . . : .

(161) . . ) , ( ) , 10. . . : (.

(162) . . ) , ( ) , 10. . . : (.

(163) . . ) , ( ) , 10. . . : (.

(164) . . ) , ( ) , 10. . . : (.

(165) . . ) , ( ) , 10. . . : (.

(166) . . ) , ( ) , 10. . . : (.

(167) . . ) , ( ) , 10. . . : (.

(168) . . ) , ( ) , 10. . . : (.

(169) . . ) , ( ) , 10. . . : (.

(170) . . ) , ( ) , 10. . . : (. . , 10. . : (.

(171) . .

(172) . ) , ( ) , 10. .

(173) . : (.

(174) . ) , ( ) , 10. . . : (.

(175) . .

(176) . . . ].

(177) . .

(178) . .

(179) . .

(180) . .

(181) . .

(182) . .

(183) . .

(184) . .

(185) . . . \. . ) , ( ) , 10. . : . . ) , ( ) , 10. . : (. . . . . w. x . . m. y. <. =. . . . . . Q. \. ]. z 4. {| . }. ~. . . 8 . . . . ^ . J. .

(186) . \. ].

(187) . .

(188) . . . . . : (. ) , ( ) , 10. . . : (. : (. , : :. .

(189) . .

(190) . .

(191) . .

(192) . .

(193) . .

(194) . .

(195) . .

(196) . .

(197) . . 2 . . : (.

(198) . ) , ( ) . . . . ) , 11 , . . .

(199) . ) , ( ) . . . . kl. <. = . . . . . . . . . 9 . . 8;m. y <. =. C. . .

(200) : (. ) , ( ) . . : (. : (.

(201) . .

(202) . .

(203) . .

(204) . .

(205) . . ) , ( ) . . : (. ) , ( ) . . : 0 , : . . ) , ( ) . . .

(206) . 0 . . . . ;<. > I. J. =. w x. b. c m. y. < =. .C8. . . . : 0 , : . . =.

(207) . .

(208) . .

(209) . .

(210) . .

(211) . . ) , ( ) . . . . 0 . . : (.

(212) . . . . . . . . . . . .

(213) . . N. . . . . .

(214) . .

(215) . .

(216) . .

(217) . .

(218) . .

(219) . .

(220) . .

(221) . .

(222) . .

(223) . .

(224) . .

(225) . . . . . . . g . . . : (. ) , ( ) . . : (. ) , ( ) . . : (. ) , ( ) . . : (. ) , ( ) . . . . . . . . . ¡. ¢. . . . : (. ) , ( ) . . : (. ) , ( ) . . : ( . ) , ( ) . . g£ .

(226) .

(227) . .

(228) . .

(229) . .

(230) . .

(231) . .

(232) . .

(233) . .

(234) . .

(235) . .

(236) . . . . . . ¤. ¥. ¦ g § 8. . . h £ . . ¨. . . . . g . . © ª . . . . : (. ) , 11 , . . . . , , : :. . : (.

(237) . . ) , ( ) , 10. . . : (. 2 . .

(238) . .

(239) . . ) , ( ) . .

(240) . . . , , : : . . «P. ¬. r. ª £¸ w. ¹ z. >. U. ¢. ® 4. ¯ = w. Ì $Í Î´. Ø. Ù. . 8Ú. A º µ Û. 2

(241) . ° ±. ² ³. $%». ¼ =. =. A ´. ½. ¶ ¼. Ï {Ð C´. Ü . { «Ý. µ. ¶ . ¾ ¿ µ ¶. 5 ¹. À. l. ~ ÎÑ :. . . g · 8. A Á. Â Ã. =. Ò. Ó ®. P 8Ô. Þ ~ Î «Ý. 5 ¹. f. ß. Ä Å Õ à K. 8Æ Ç. È. = É. {Â. Ã. Ö ×. ;A w . ~ Î. > =. Ê Ë É. 8. . .

(242) . .

(243) . .

(244) . .

(245) . .

(246) . .

(247) . .

(248) . . .

(249) . . .

(250) . . £ . . m. n. . . . á. . . . . n . . â. ã. . . . j . . Q. ä. å. . . .

(251) æW. m. y <. ê. <. ì K. ë æW. <. ç. ¸ ¹. í. ç .Ö. z. 4 è. = . T. ò T. ô . ó. é î. . ! ' - . / 0. n . . . . "# $ ( ) * 1 2 3. 1

(252). . + ,. ñ. . . . . . . . 4 5 4 5

(253) : ; . .

(254) . % &. ï .ð. 6 8 8. 7 9 9. « £g<. = m . . . 3.1 o 4 Ç È æW .m {1~õ ) . ö ; . :. y < ÷ ¸ -. ç ¹. ¸ ¹. z. 4 è. ø ù ú. é û Î¶ Ì. ü. ý þ. 8. É. ø Ü. H(N . )Û. d « ….

(255) {2~)Û {3~ «Ý. . 5 ¹. l. I. ¢ Þ ÎÚ. . Î Û Ü. 4 . . . «Ý. !. ¬ " 5 ¹. f. #. $ ß à. K. %. 8 8&. ö. ' ®. ( ). V. * ¢. + . V 8.

(256) {5~ê ë Û. ì K. ( ) 8º ,. )Û. <. K. !. ¬. a `. í. =

(257) 1 $. T. < =. î. ï .ð. ;i-. < \. ñ .. C /. _ . % 8. 3.2 Ê Ë Ì Í Î xÏ

(258)

(259)

(260) . 1 ! " # $ % http://www.uni-net.biz/ plant/ & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; 2 < * + =' > ? ( @

(261) =

(262) =. 2A B C 3 D E http://digimuse.nmns.e du.tw & ' A B * + F

(263) G H 5 . / I J < 0 1 ' K L =M N

(264) $ I J < O P Q ; R => ? $ S T J < U V A & = =. 3C 3 W -X Y http://arts.edu.tw/integ /game/color/ C 3 W $ Z [ \ ] ^ _ O ` a b cd $ > ? I efghi ghi^ _ 4 j k l d $ P fm n o p q =. 4C 3 W -r s http://arts.edu.tw/integ /media_lab/plan/listPla nV2.php C 3 W r s $ t u v w x y z { | } ~=> ? ( @ s | i $ I { fghi =. 3.3 Ê Ë Ì Í o 4 A 1> 6 . \ ] 0 j. m. nC1 2. . ¹. 3 æ*Z 8.

(265) 2> $ . P . ¦ § ¨ © . 0 A ¡ ¢ £ ¤ ¥ 0 ¨ © d ¬ ® +. > 4 N J > ? ª « V . 4.Ê Ë Ì Í Ð Ñ u Ò o 4 Ó Ô 4.1 ® f ¯¯° ± i' ( ) ² I | ³ ~´ µ k ¶ u v I · @ ¸ | ¹ º ³ ~» ¼ ½ ¾ ¿ À Á : Â ? $ Ã Ä gh 2 _ ¸ 6 ´ Å u v Æ Ç I I Á : W ® = 2 _ ¸ =È µ É Á Ê A Ë Ì Í Î ´ Ï Ð À = Ñ ½ ¾ I } ~Ò Â Ó * Ô ½ Õ W = > ? £ ¤ Ö ' | × Ó Ó W Ö. 4.2 < =.

(266). 1. /X3.

(267) = W F. . ?. . ? B . B . N. O. > ? 4 5 D E K > ? 4 5 8 F G "H4 5 D

(268) E @ 6 7 I ( J KL M. 4 5 . P Q R. !. ". ! " ~ . m. S. n. '. ( .. . T N. N. . x y z { 0. P Q R. e . 5. . O P Q R. U VW X N ] !. Y Z [ VY Z 5 \ V ^ V! ". . _ ` a ! " b c ! " d e "H f e "H. O. O. M # $ e . L M M .

(269) . > . > A A . W F . L. ? @ A B > ? @ "C 4 5 6 7 >. g. h. @. i @. k. l. q r * + 0 * + | } "H. . j k. s (. GS. 2.3 T T x 3.* U T x. R. t u. o p. @ { q r. « 1.\. j. v w. 4.3 . . {1~

(270) 1 {2~ 8 {3~ Q *. . Î¸ . Î¸ 4. =. ä å 4. Î =. 1

(271). A. Q. , >.

(272) 1 5. 8 d u . ?@. A. t 6 . T. B . «7 C D. 8 =. E. 8

(273). 1 . A 9. : . F D. µ G . ; . × ¬ ]. G. < 5 8. 4.4

(274)

(275) ø 7. iH. 1. J Ú T K ä å Q

(276) 1 2. J Ú T = r

(277) 1 5 t 6 T « N E 3. D E

(278) 1 F. #l. 1-1 J 1-2 J 1-3 K 1-4 K 2-1 K 2-2 K 2-3 J 2-4 Ñ Ú. ä Ú

(279)

(280)

(281)

(282) 5 Ú. T :. ç. iH. å Q

(283) 1 1 L M 1 1 ?@ A ¬ ] 1 5 t 6 «N N E O S î P «N Z D E 5 . 3-1 Ù

(284) 1 ?@ A 3-2 D E B Q 3-3 E F 9 ß. . ¶ I H 2-2-6 1-2-1. 1-2-1 1-2-3. 1-2-5 2-2-7 3-2-11.

(285) . .

(286) \] VP.

(287) 1. <= îï. [. <ç \. . <= . g. <= ,. . <= W. ó. I. *. C. f W. <= ½. Y. X 1 6 0 ² Z. 1.= ¬ <ç Ê ] ! > Î {1~^ Î=A î

(288) 1 ] _ ` a T ab ¶ 8 {2~XY Î=A ] ¡ @ c d L Me f 9 : ! > 8 {3~ g ç Î=A ] ^ g ç {hi j ~T g ç {A k : F ~ ! > 8 2.\]<=I ¢ Î l ¬ <=m « ) m J Ú T K ä å Q

(289) 1

(290) 1 5 t 6 « N E n o , >

(291) 1 ¬ ]D E

(292) 1 F 8 1.p q r <=Îs t <ì C 9 : , - u v m n * W w G<=m « ) e f r m x ä å Q

(293) 1

(294) 1 L M

(295) 1 T ¬ ]8 2.O S <=Îs t <ì C , - u v m n * W w G<=m 9 : « y z = A O S

(296) 1 F 8 3.@e = Î* U l ø - " # ? L Mn > T ? @ A 8 4. <=Îs t ¸ 4

(297) 1 F îP « è w y 9 =A { Á T µ | 8 1.<=g , ÎU } ~ ú ø ' ® ' ® ú <ì 8 2.<=m n Î, - u v m n * W w G

(298) 1 <=m 8 1.\R 3 T. × ú k. <ç. /X3.

(299) 1. 2.\R n 3.* U @. . <= ½. 4 0 ² Z. <= ¢ J. <= ]. 1. k × {1~s t Î<=g , <=m

(300) 1 F ? U W n > ] ¬ * ( 10 ²)8 2.9 | k × {1~y z k × Î¸ 4 ø 7 \]8 {2~

(301) 1 ¸ 4 Î<=m ¸ 4 J Ú. Ú. T. K . ä. å Q.

(302) 1 8.

(303)

(304) 1 ¨ ^ L 8 Ø

(305) 1 ç é

(306) 1 Æ ´ µ

(307) 1 õ q

(308) 1 L M L T ç Z a @ L Z ä å Q g

(309) 1 ¬ ]8 {3~L M* n > Î× < × < 8 3. @k × {1~s t r 8 {h~s t \]8 è.

(310) × k. <= I ¢. <= ó ]. µ . 4 0 ² Z. J Ú T =r

(311) 1 5 t 6 T « N E8 1. k × Î {1~s t Î<=g , <=m

(312) 1 F 8 {2~=A Î i j ¡ ¢ £ ¤ ... 5 8 2.9 | k × Î {1~y z k × Îs t | à

(313) 1 EF 8 =A ¥ ¥ ¦ « N Q § å 5 Gf 8. ¨ <=m © úk ¸ 4 8 {2~¸ 4 5 t 6 5 « N î P5 îP « 7 8 8 {3~=A

(314) ! 9 : µ × < 5 8 3. @k × Î {1~| à F Îs t ¢ ¡ - ] D E= A | à EF ª « r 8 {2~s t \] T * U ² 8. × ¬ k. . <= ½. . Q *. =. <= ½. 8 0 ² Z. <= ¢ D. <= ó ]. 1. k × Î {1~s t Î<=g , <=m

(315) 1 F ç ? Ü ® ¯ ° ± ² m ³ ´ } µ ¶ · ¸ ¹ º B< » g 8 {2~=A Îº B< » ³ ´ 8 2.9 | k × Î {1~y z k × Î¥ ¥ s t < > ¼ Q ä å

(316) 1 (s t ½ E¾ L EF )8 {2~s t <=m ¿ ? @ A ¬ ]8 {3~s t <=m ¿ ¬ ]8 { 4 ~ =A v ] " # ¨ À ½s t Á ²Â > Ã R \=A k L Mn > T 5 Á 8 {5~s t <=m ¿ B ¬ ]8Ä U Å Æ > - ' Ç ] C í ¹ ü B8ü BD È ; É ì Å U Ê - ¨¹ | à 3. @k × Î {1~* U 9 ß Î* U C ; - T V Ë ¸ 4 ; F 8 {2~s t r 8 {3~± Ì Í Î Îs t I z Ä U ² D E Í Î ¿ è 8. I. E

(317) 1 F 8.

(318) .

(319) . .

(320) . .

(321) . .

(322) . .

(323) . . . Ï . . ø. < 7. . /

(324) 1. X 3Q ,. GD. G

(325) 1 = *. 7. V. Ñ Ò 8[ 9. Ô u. Ö Õ. b v. =. b c. .. - u. W Ü. \]b. * W. b. x. î. @r. XY <=´ c . v. ,. O. Ã c Ð. S . - =. c d 8). * XY. T . ). <=k. × .. T. ). \]. Ù [.

(326) 1 XY. c <=l c. æ 3. ). . , . : : . 1. ¹. *. <=T Z. ª =A. =A =m k l. = *. . . J m. x ,. W <=m ! >. C 1. -. <t Ê. Q. <=m. ". v <=m n u. o. ). F G. Ø e z. 4 è. , <=w Ú. <=m 8l. ¬ m. =A. = v. . y w . .. # \]Ó D

(327) 1 w . ¬. ]×. é [ 9. T ,. a@. *. 8.

(328) . .

(329) . .

(330) . .

(331) . . 2. . \R. Þ. T. 0 , ! ". . <=m. . XY. 8. Û Ü. ,. *. T @= l ¬. ¬ ]T. . z 4 .

(332) 1 <=#. * 9. d. n Û Z. , N. 12-10 Y Ý. l Þ 8` <=m. k l. <t \Þ. Ò <t. 1 2. .. j.

(333) . .

(334) .

(335) . . .

(336) . .

(337) . .

(338) . .

(339) . .

(340) . . : ( ) , 12. . . . . â . ß . : : 0 cm, # $ : 2.89 , % & + ' ( : 1 + % &)

(341) : 1, 2, 3, * + + , &- : 1 + .

(342) : + : 0 cm + / 0 1 2 : 0.51 cm + : . . 0.51 cm .

(343) . . .

(344) . . .

(345) . .

(346) . .

(347) . .

(348) . .

(349) . .

(350) . . : ( ) , 10. . . m. n. . G . . . 8 . B à. . . : Times New Roman. . . . &. : :. 0 cm, # $ :. 1.26 , :. -1.26 , 3. 4. 5. 6. 7. &8. %.

(351) .

(352) . . : ( )Times New Roman, ( ) , 12. . . .