第2週-框架-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="20%,80%">
<frame src="frame_a.htm" />
<frameset cols="25%,75%">
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>
</frameset>
</html> 作業: 分別以HTML與PHP寫程式, 自行設計一個框架, 至少有三個區塊,
一個區塊放橫幅，一個區塊放程式選單, 一個區塊為顯示區,
將上週與本週寫的程式以超連結放在框架中
例如以HTML撰寫的格式如下: frame.html
<html>
<frameset rows="20%,80%">
<frame name='top' src="top.html" />
<frameset cols="25%,75%">
<frame name='left' src="left.html" />
<frame name='middle' src="middle.html" />
</frameset>
</frameset>
</html>
top.html : 預先備妥橫幅放在www下
<html><body>
<img src='./header01.jpg' height='100'>
<body></html>
也可以將src="top.html"直接載入image檔
即<frame name='top' src='header01.jpg'>
left.html : 放超連結
<html><body>
<a href='http://localhost/ex1.html' target='middle'>第一週作業</a><br>
</body></html>
middle.html : 放影像或文件或說明, 例如校徽
| 
