 |
|
 |
 |
¡½ ¹w³Æ¡G |
 |
¨âÓÀH«KÀÀ¦nªº HTML Àɮצs©ó¦P¤@¥Ø¿ý¡A°²³]¬° left.html ¤Î right.html¡C
¤v³]©w¦n¡GComposer ¤§ External HTML Editor¡CY§_½Ð¬Ý¡i²³æ³]©w¡j
| ¡½ ²³æ¨BÆJ¡G
|
¥H Composer »s§@®Ø¬[«D©ö¨Æ¡A§A»Ýn±µÄ²´XÓ»P®Ø¬[¦³Ãöªº HTML ¼Ð°O¡A»Õ¤UY·Q§ó²M
·¡¨ä¥Îªk½Ð¬Ý¡iHTML åªR¡j¡A¦¹³B¥u¥H±`¨£¤@¨Ç¨Ò¤lÅýªì¾ÇªÌ¥i¥ß§Y×§ï¤ÎÀ³¥Î¡C
½Ð«ö³o³B¥ý¬Ý¬Ýµ²ªG¡C
µøµ¡ª¬ºA¡G¶}±Ò Composer ·sÀÉ¡C
- «ö Edit ¡÷ HTML Source Áä¡A
- ©óµøµ¡ Save New File «ö Save Áä¡A
- ±N¦¹ÀÉ®×»P left.html ¤Î right.html ¦s©ó¦P¤@¥Ø¿ý¤U ¦W¬° frame.html (¥i§ï¦W)¡A
- ©óµøµ¡ Page Title ¿é¤J¤@ÓÀH«Kªº¼ÐÃD¦}«ö OK Áä¡A
- ©óèÅã¥Üªº °O¨Æ¥»(Notpad)µøµ¡´M§ä </HEAD> ¼Ð°O¡I
- ©ó¨ä¤U´¡¤J¥H¤U HTML Code¡G
<FRAMESET cols="150,*">
<FRAME name="left_window" src="left.html">
<FRAME name="right_window" src="right.html">
</FRAMESET>
- ½Ð§R¥h¥Ñ¼Ð°O <BODY> ¦Ü </BODY> ªº©Ò¦³¦r²Å¡A¥]¬A¦¹¨â¼Ð°O¥»¨¡C
- ¥H°O¨Æ¥»Àx¦s¦¹ÀɮסA
- ¦^ Composer µøµ¡¥çÀx¦s¦¹¤@§ó§ï¡A§¹¦¨¡C¥i«ö Preview¡C
| ¡½ ¹ê¨Ò³Æ§Û¡G
|
¥H¤U¹ê¨Òªº¨Ï¥Î¤èªk¡G
±N¥ô¤@®M HTML Code ¥N¤J¡i²³æ¨BÆJ¡j¤¤¡A¥N´À²Ä¤»¨Bªº HTML Code¡C
¦Û³Æ¥ô·N¤TÓ HTML ÀÉ®× a.html b.html c.html¡C
¡i²³æ¨BÆJ¡j¤¤ frame.html ¥iÂର¨ä¥¦ÀɦW¡C
Sample | HTML Code |
|
½Ð¬Ý¡i²³æ¨BÆJ¡j
|
Sample | HTML Code |
|
<frameset rows="80,*">
<frame name="top" src="a.html">
<frame name="bottom" src="b.html">
</frameset>
|
Sample | HTML Code |
|
<frameset rows="80,*,80">
<frame name="top" src="a.html">
<frame name="middle" src="b.html">
<frame name="bottom" src="c.html">
</frameset>
|
Sample | HTML Code |
|
<frameset cols="150,*">
<frameset rows="80,*">
<frame name="upper_left" src="a.html">
<frame name="lower_left" src="b.html">
</frameset>
<frame name="right" src="c.html">
</frameset>
|
Sample | HTML Code |
|
<frameset rows="80,*">
<frame name="top" src="a.html">
<frameset cols="150,*">
<frame name="lower_left" src="b.html">
<frame name="lower_right" src="c.html">
</frameset>
</frameset>
|
Sample | HTML Code |
|
<frameset cols="150,*">
<frame name="left" src="a.html">
<frameset rows="80,*">
<frame name="upper_right" src="b.html">
<frame name="lower_right" src="c.html">
</frameset>
</frameset>
|
| ¡½ ±`¨£®Ø¬[°Ñ¼Æ¡G
|
¥H¤W©Òz¥u¬O³Ì²³æªº®Ø¬[³]©w¡AY§Æ±æ¹F¨ì§ó¦X¾Aªº®ÄªG½Ð¥[¤J©Î×§ï¥H¤U¦U°Ñ¼Æ¡C
¼Ð°O¡G<FRAMESET>
¨Ò¤l¡G<frameset rows="90,*" frameborder="0" border=0 framespacing="2" border="2" bordercolor="#008000"></frameset>
¥\¥Î¡G«Å§iHTML¤å¥ó¬°®Ø¬[¼Ò¦¡¡A¦}³]©wµøµ¡¦p¦ó¤À³Î¡C
°Ñ¼Æ¡G
- COLS="90,*"
««ª½¤Á³Îµe±(¦p¤À¥ª¥k¨âÓµe±)¡A±µ¨ü¾ã¼ÆÈ¡B¦Ê¤À¼Æ¡A * «h¥Nªí¦û¥Î¾l¤UªÅ
¶¡¡C¼ÆÈªºÓ¼Æ¥Nªí¤À¦¨ªºµøµ¡¼Æ¥Ø¥B¥H³r¸¹¤À¹j¡C¨Ò¦p COLS="30,*,50%" ¥i¥H
¤Á¦¨¤TÓµøµ¡¡A²Ä¤@Óµøµ¡¬O 30 pixels ªº¼e«×¡A¬°¤@µ´¹ï¤À³Î¡A²Ä¤GÓµøµ¡¬O·í
¤À°t§¹²Ä¤@¤Î²Ä¤TÓµøµ¡«á³Ñ¤UªºªÅ¶¡¡A²Ä¤TÓµøµ¡«h¦û¾ãÓµe±ªº 50% ¼e«×¬°
¤@¬Û¹ï¤À³Î¡C±z¥i¦Û¤v½Õ¾ã¼Æ¦r¡C
- ROWS="120,*"
´N¬O¾î¦V¤Á³Î¡A±Nµe±¤W¤U¤À¶}¡A¼ÆÈ³]©w¦P¤W¡C°ß COLS »P ROWS ¨â°Ñ¼ÆºÉ¶q
¤£n¦P¦b¤@Ó <FRAMESET> ¼Ð°O¤¤¡A¦] Netacape °¸µM¤£¯àÅã¥Ü³oÃþ§Îªº®Ø¬[¡AºÉ
±Ä¥Î¦h«¤À³Î¡A¦p¥H¤W¦U¨Ò¡C
- frameborder="0"
³]©w®Ø¬[ªºÃ䮨¡A¨äÈ¥u¦³ 0 ©M 1 ¡A 0 ªí¥Ü¤£nÃ䮨¡A 1 ªí¥ÜnÅã¥ÜÃ䮨¡C
- border="0"
³]©w®Ø¬[ªºÃ䮨«p«×¡A¥H pixels ¬°³æ¦ì¡C
- bordercolor="#008000"
³]©w®Ø¬[ªºÃ䮨ÃC¦â¡CÃC¦âȽаѦҡiHTML åªR¡j¤§¡i½Õ¦âì²z¡j¡C
- framespacing="5"
ªí¥Ü®Ø¬[»P®Ø¬[¶¡ªº«O¯dªÅ¥Õªº¶ZÂ÷¡C
¼Ð°O¡G<FRAME>
¨Ò¤l¡G<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF">
¥\¥Î¡G³]©w¨C¤@Ӯص¡¤ºªº°Ñ¼ÆÄݩʡC
°Ñ¼Æ¡G
- SRC="a.html"
³]©w¦¹®Øµ¡¤¤nÅã¥Üªººô¶ÀɮצWºÙ¡A¨CӮص¡¤@©wn¹ïÀ³µÛ¤@Óºô¶ÀɮסC§A
¥i¨Ï¥Îµ´¹ï¸ô®|©Î¬Û¹ï¸ô®|¡A¦³Ãö¦¹¨âªÌ¸Ô¨£©ó¡i³sµ²¶i¶¥¡j¡C
- NAME="top"
³]©w³oӮص¡ªº¦WºÙ¡A³o¼Ë¤~¯à«ü©w®Ø¬[¨Ó§@³sµ²¡A¥²¶·¦ý¥ô·N©R¦W¡C
- frameborder=0
³]©w®Ø¬[ªºÃ䮨¡A¨äÈ¥u¦³ 0 ©M 1 ¡A 0 ªí¥Ü¤£nÃ䮨¡A 1 ªí¥ÜnÅã¥ÜÃ䮨¡C
- framespacing="6"
ªí¥Ü®Ø¬[»P®Ø¬[¶¡ªº«O¯dªÅ¥Õªº¶ZÂ÷¡C
- bordercolor="#008000"
³]©w®Ø¬[ªºÃ䮨ÃC¦â¡CÃC¦âȽаѦҡiHTML åªR¡j¡C
- scrolling="Auto"
³]©w¬O§_nÅã¥Ü±²¶b¡AYES ªí¥ÜnÅã¥Ü±²¶b¡ANO ªí¥ÜµL½×¦p¦ó³£¤£nÅã¥Ü¡AAUTO ¬Oµø±¡ªpÅã¥Ü¡C
- noresize
³]©w¤£Åý¨Ï¥ÎªÌ¥i¥H§ïÅܳoӮختº¤j¤p¡A¥ç¨S¦³³]©w¦¹°Ñ¼Æ¡A¨Ï¥ÎªÌ¥i¥H«ÜÀH
·N¦a©Ô°Ê®Ø¬[¡A§ïÅܨä¤j¤p¡C
- marginhight=5
ªí¥Ü®Ø¬[°ª«×³¡¥÷Ãä½t©Ò«O¯dªºªÅ¶¡¡C
- marginwidth=5
ªí¥Ü®Ø¬[¼e«×³¡¥÷Ãä½t©Ò«O¯dªºªÅ¶¡¡C
| ¡½ ®Ø¬[¤§³sµ²¶·ª¾¡G
|
¤@¯ë¨Ó»¡¡A·íÂsÄýªÌ«ö¤U¤@Ó¤å¦r©Î¹Ï¤ù³sµ²¡A³s¹L¥hªº¤º®e·|¥X²{¦b³sµ²¤å¦r¥»¨©Ò¦s
¦bªºµøµ¡¸Ì±¡A§âì¨Óªº¨ú¥N±¼¡A´Nºâ¥Î®Ø¬[¤]¤@¼Ë¡C®Øµ¡ªº¦WºÙ©ó¦¹«KÅã±o«n¤F¡]§Y
¼Ð°O <frame> ¤¤°Ñ¼Æ name="top"¡Atop ¬O¥iÀH«K§ï¦Wªº®Øµ¡¦WºÙ¡^¡A§ÚÌ¥i¥H§Q¥Î¥¦«ü©w
³sµ²¤º®enÅã¥Üªº¥Ø¼Ðµøµ¡¡A¤£¤@©w¬O¦Û¤v¥»¨¡C§A¥i¥H§â³sµ²ªºµ²ªG«ü©w¨ì¥ô¦ó¤@Ó¤À
³Îµøµ¡¤¤¥hÅã¥Ü¡C
³o¯A¤Î³sµ²¼Ð°O¤¤¤@Ó target="®Øµ¡¦WºÙ" ªº°Ñ¼Æ¡A½Ð¸Ô¨£¡i³sµ²¶i¶¥¡j¤§¡y³sµ²Äݩʳ]
©w¡z¡C¤£n¿ù¹L¡I
¥t¤@ºØ¸Ñ¨M¤èªk¡G³]©w¸Ó¤@®Øµ¡©Ò¦³³sµ²ªºµ²ªG¬Òµo¥Í©ó¬Y¤@®Øµ¡¡C
µøµ¡ª¬ºA¡G¥H Composer ¶}±Ò¤@®Øµ¡Àɮס]¤£¬O¨ºÓ¹º¤Àµøµ¡ªºÀɮס^¡C
- «ö Edit ¡÷ HTML Source Áä¡A
- ©óèÅã¥Üªº °O¨Æ¥»(Notpad)µøµ¡´M§ä </HEAD> ¼Ð°O¡I
- ©ó¨ä¤W´¡¤J¥H¤U HTML Code¡G
<base target="®Øµ¡¦WºÙ">
- ½Ð§ï¦¨¾A·íªº®Øµ¡¦WºÙ¡A¸Ó¦WºÙ¨Ó¦Û©ó¨ºÓ¹º¤Àµøµ¡ªºÀɮסA¦b¨º HTML Code ¤¤
§A¦¤v¬°©Ò¦³®Øµ¡°_¤F¦WºÙ¡C
- ¥H°O¨Æ¥»Àx¦s¦¹ÀɮסA
- ¦^ Composer µøµ¡¥çÀx¦s¦¹¤@§ó§ï¡A§¹¦¨¡C
| ¡½ <noframes> ¼Ð°OªºÀ³¥Î¡G
|
·í§O¤H¨Ï¥ÎªºÂsÄý¾¹¤Ó¡A¤£¤ä´©®Ø¬[³oÓ¥\¯à®É¡A¥L¬Ý¨ìªº±N·|¬O¤@¤ùªÅ¥Õ¡C¬°¤FÁ×§K
³oºØ±¡ªp¡A¥i¨Ï¥Î <NOFRAMES> ³oӼаO¡A·í¨Ï¥ÎªÌªºÂsÄý¾¹¬Ý
¤£¨ì®Ø¬[®É¡A¥L´N·|¬Ý¨ì <NOFRAMES> »P </NOFRAMES> ¤§¶¡ªº¤º®e¡A¦Ó¤£¬O¤@¤ùªÅ¥Õ¡C³o¨Ç¤º®e¥i¥H¬O´£¿ô
ÂsÄýÂà¥Î·sªºÂsÄý¾¹ªº¦r¥y¡A¬Æ¦Ü¬O¤@Ó¨S¦³®Ø¬[ªººô¶¥ç¥i¡C
µøµ¡ª¬ºA¡G¥H Composer ¶}±Ò¨ºÓ¹º¤Àµøµ¡ªºÀɮסC
- «ö Edit ¡÷ HTML Source Áä¡A
- ©óèÅã¥Üªº °O¨Æ¥»(Notpad)µøµ¡´M§ä³Ì«á¤@Ó </frameset> ¼Ð°O¡I
- ©ó¨ä¤W´¡¤J¥H¤U HTML Code¡G
<noframes>
<body>
«Ü©êºp¡A»Õ¤U¨Ï¥ÎªºÂsÄý¾¹¤£¤ä´©®Ø¬[¥\¯à¡A½ÐÂà¥Î·sªºÂsÄý¾¹¡C
</body>
</noframes>
- ¥H°O¨Æ¥»Àx¦s¦¹ÀɮסA
- ¦^ Composer µøµ¡¥çÀx¦s¦¹¤@§ó§ï¡A§¹¦¨¡C
|
|
 |