第二週 框架 (Frame)<!-- 垂直框架 螢幕切割成垂直三欄 25% 50% 25% -->
<html>
<frameset cols="25%,*,25%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>
</html> <!-- 水平框架 螢幕切割成水平三列 25% 50% 25% -->
<html>
<frameset rows="25%,*,25%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>
</html> <!-- 混合框架 螢幕切割水平二列 50% 50% -->
<!-- 第二個水平框架又切割成二欄垂直框架 25% 75% -->
<html>
<frameset rows="50%,50%">
<frame src="frame_a.htm" />
<frameset cols="25%,75%">
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>
</frameset>
</html> 作業: 分別以HTML與PHP寫程式, 自行設計一個框架, 至少有三個區塊, 一個區塊放橫幅
一個區塊放程式選單, 一個區塊為顯示區, 將上週與本週寫的程式以超連結放在框架
中, 底下是一個範例
<?php
// frame.php
echo "<FRAMESET rows='17%,*' bordercolor='#ff00ff'>
<FRAME name='top' SRC='frame_a.php' scrolling=no>
<FRAMESET cols='20%,81%' bordercolor='#ff00ff'>
<FRAME name='left' SRC='frame_b.php'>
<FRAME name='middle' SRC='frame_c.php'>
</FRAMESET>
</FRAMESET>";
?>
<?php
// frame_a.php
echo "<center>
This is frame_a<br>
This is frame_a<br>
This is frame_a<br>
This is frame_a<br>";
?>
<?php
// frame_b.php
echo "<center>
This is frame_b<br>
This is frame_b<br>
This is frame_b<br>
This is frame_b<br>";
?>
<?php
// frame_c.php
echo "<center>
This is frame_c<br>
This is frame_c<br>
This is frame_c<br>
This is frame_c<br>";
?>
超連結的語法 1. 連到某一個網址
echo "<a href='http://www.kimo.com'>奇摩站</a>"; 2. 連到同目錄內的檔案，相當於 C:/AppServ/www/index.htm echo "<a href='index.htm'>回首頁</a>"; 3. 連結在子目錄的檔案，相當於 C:/AppServ/www/a/index.htm echo "<a href='a/1.htm'>連到a目錄裡的1.htm</a>"; | 
