第四章 網頁的多樣性.

分隔線

　　經過前三章的學習，你已經可以編寫出一份圖文並茂的網頁了，請你善用曾經教過的技巧，做出一份屬於自己的網頁吧！
　　本章的教學重點在於，介紹可以讓網頁內容更豐富活潑的編寫技巧：網頁畫面的分割、超連結及加入背景音樂及動畫等。期待嗎?!讓我們一起來學習！

畫面分割－多頁框設計
　　在網站上曾經看過畫面分割的網頁，好崇拜設計者！現在我們要學習的就是網頁的「畫面分割」喔！學會了，你的網頁也可以這麼「炫」啦！！
　語法
　　畫面分割𠲸h頁框設計的HTML語法：
1.<frameset cols=”25%,75%” frameborder=0>
    <frame src=” 選單.HTML” name=”1”
      scroling=”no”>
    <frame src=” 內容.HTML” name=”2”>
  </frameset>
  定義垂直分割畫面
2.<frameset rows=”25%,75%” frameborder=0>
    <frame src=” 選單.HTML” name=”1”
      scroling=”no”>
    <frame src=” 內容.HTML” name=”2”>
  </frameset>
  定義水平分割畫面
　　　　詳細些解釋語法：
<frameset …> </frameset> 宣告分割畫面
cols＝” %, %” 垂直分割畫面及分割比例
rows＝” %, %” 水平分割畫面及分割比例
frameborder=0 定義分隔現的的有無，”0” 表示無，”1”表
　　　　　　  示有。
Src=” “ 用雙引號括起的是網頁檔名
Name=” “ 定義分割後的畫面名稱
Scroling=”no“ 定義選單捲軸，”yes”表示有，”no” 表示
　　　　　　　 無，”auto”表示由瀏覽器決定。
　　　　　這個語法比較複雜，請你耐心學習！
　　　　　我們要開始實做囉！
　垂直分割實做
　　凡是要做畫面分割，必須先把分割畫面中所要放入的網頁做好。所以我們現在先來做兩個簡單網頁：
　水平分割實做
　　仍然要先把想放入分割畫面中的網頁設計好。聰明的你是否已經想到，如果想把畫面分割成三個頁框，就必須先設計好三個網頁喔！
　　以此類推，你可以自己試一試。

網頁的超連結
　　超連結的功能，就是能讓使用者直接點選後，連結到這個網頁以外的地方，可能是另一個檔案、網頁、網站或是電子郵件回信等。被指定「超連結」的物件，可能是幾個字、一小段文字或是一個圖案。
　　說得再清楚些，「超連結」就是在網站上能讓滑鼠指標由箭頭變成手指狀的地方啦！
　文字的超連結
　　連結到另一個網頁
　　　網頁連結的基本語法如下：
<a href=” .html”> … </a> 網頁連結
<A href >…</a> 宣告連結

href=” “ 用雙引號括起的是網頁檔名
　　　在主網頁連結之前，必須將被連結的網頁做好，且存檔。
　　連結到網頁的某段說明文字
　　　有時候，為了想讓閱讀網頁的人，對某個主題有更清楚的認識，可以對這些主題作「連結」設定，讓讀者點選它之後，會跳出與此主題相關的說明網頁喔！這些說明文字可以放在同一網頁的不同段落，瀏覽器會自動把它搜尋出來給你！
　　　HTML語法為：
<a name =”AA“></a> 在網頁上做書籤標記

<a href=” .html#AA”> … </a> 網頁連結
<a name =”AA“> “AA”是自己給的書籤名字

<A href >…</a> 宣告連結

href=” .html#AA “ 用雙引號括起的是網頁檔名，「#」之後的是書
                              籤名字。
　　　現在請跟著步驟，實地演練一遍吧！
　　　這就是「網頁連結說明文字」的功用！
　　連結到另一個網站
　　　連結網站的語法如下：
<a href=”http:// . . . ”> … </a> 網站連結
<A href >…</a> 宣告連結

href=”http:// . . . “ 用雙引號括起的是網站位址
　　　和連結網頁的差不多，只是原來要寫入網頁檔名的地方，改寫成網站位址了。我們現在要練習連結到網站囉！請把數據機打開，且確定自己電腦所有網路及連線設定都OK了喔！
　　連結到電子郵件信箱
　　　連結電子郵件信箱的語法如下：
<a href=”mailto: @ . . . ”> … </a> 郵件連結
<A href >…</a> 宣告連結

href=” mailto: @ . . . “ 用雙引號括起，在mailto後面接的的是郵件

　　　　　　　　　　　地址
　　　　試試看吧!
　圖檔的超連結
　　圖檔的多個超連結時常被稱為：「索引圖」，它的基本原理和文字超連結一樣，都是以<a href=” ”>…</a>來連結的。這個部分有點難喔！要耐心學習！
　　  現在舉一個實例來說明：

音樂撥放
　　在網頁上還可以播放音樂喔！網頁上可以播放的音樂種類有：AIFF、AU、WAV、MIDI檔等。由於Midi檔的資料量較小，比較不佔時間與空間，所以現在介紹Midi檔的播放方式。
　　HTML語法：　　　　　試試看

│UP│網頁設計篇│第一章│第二章│第三章│第五章│第六章│