第3週-框架Frame框架 (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> <a href='1.php' target='middle'>第一週作業</a><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>"; ?> |