多媒体网页制作.ppt
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Acrobat Reader
/acrobat
Flash
/
加入音效
以超連結方式加入：
以新視窗開啟輔助程式播放。 <A HREF = “音效檔URL”>說明文字</A> 範例
在文件中嵌入音效：
將音樂播放程式嵌入到網頁中。 <EMBED SRC=“音效檔URL”> <NOEMBED>說明文字</NOEMBED> 範例
製作分割視窗的檔案數為視窗數加一。 製作分割視窗：
<FRAMESET> </FRAMESET>
<FRAME SRC=“網頁名稱”>
幾種網頁輔助程式簡介：
Windows Media Player
/taiwan/download/CHTdownload.htm
QuickTime
/
RealOne Player
視覺效果的加強
自動切換網頁
使用<META>標籤：
http-equiv: 設定為 refresh，代表重新載入網頁。 Content: 設定經過多久時間重讀網頁，單位為秒。 URL: content中的屬性，設定要載入的網頁之URL。 範例
視覺效果的加強
Internet Explorer 的網頁切換特效
使用<META>標籤：
http-equiv: 事件種類，如page-enter、page-exit、siteenter、site-exit。
Content: RevealTrans(Duration=秒數, Transition=效果 代碼)。
範例
彩色的網頁
色彩的指定方式：
使用 RGB 16 進位表示法。
範例
Rect(矩形)
<AREA shape=“rect” coords=“0,0,9,9” href=“file”>
Circ(圓形)
<AREA shape=“circ” coords=“0,0,40” href=“file”>
Poly(多邊形)
<AREA shape=“poly” coords=“0,0,9,9,0,9” href=“file>
#RRGGBB
使用顏色名稱。
彩色的網頁
設定背景顏色：
使用<BODY>標籤的屬性 BGCOLOR。 <BODY BGCOLOR=“#FF0000”>
設定網頁文字與連結的顏色
使用<BODY>標籤的屬性：
TEXT: 文字的顏色。 LINK: 超連結文字的顏色。 VLINK: 已連結過的超連結文字的顏色。 ALINK: 滑鼠按下時超連結文字的顏色。
使用<MAP>標籤製作對照表：
Name: 設定對照表的名稱。 使用<AREA>標籤
定義圖片中每塊區域的位置。 Shape: 設定區域的形狀，如: rect、circ、poly。 Coords: 設定該區域的位置及大小。 Href: 所要連結的URL。
設定圖片為影像地圖：
在<IMG>標籤中加入 USEMAP 屬性。 將 USEMAP 屬性設定對照表名稱。
Internet Explorer 的特殊語法：
只有使用者使用 IE 瀏覽才看得到。 不會有播放面版。 <IMG DYNSRC=“影片檔URL”> 範例
視覺效果的加強
自動更新網頁內容：
Server push & Client pull 使用<META>標籤：
定義HTML標籤未提供且與網頁內容相關的資訊。 http-equiv: 設定為 refresh，代表重新載入網頁。 Content: 設定經過多久時間重讀網頁，單位為秒。 範例
HTML 2
多媒體網頁製作
於網頁中加入多媒體素材！
動畫 音效
瀏覽器可觀看HTML文件、文字檔及圖檔。 需要輔助程式的幫忙！
輔助程式
根據不同類型的檔案 所開啟的”應用程 式”。
控制台資料夾選項 檔案類型
輔助程式
無法以輔助程式開啟的情況：
例如：.EXE、.ZIP、未知檔案類型。
輔助程式ቤተ መጻሕፍቲ ባይዱ
範例
Client Side 影像地圖
具有多個超連結功能的圖片！ 影像地圖的種類：
Server Side & Client Side
實作 Client Side 影像地圖。
實作 Client Side 影像地圖
使用<IMG>標籤加入圖片。 製作對照表。 設定圖片為影像地圖。
實作 Client Side 影像地圖
加入音效
以物件方式加入：
網頁物件包括音效、影片、ActiveX物件。 <object classid=“CLSID:物件編號”>
<param name=“URL” value=“音效檔URL”> <param name=“autoStart” value=“false”> </object> 範例
範例
網頁物件的提示說明
將網頁中的物件加入提示說明。 當滑鼠移到物件上時便顯示提示說明。 在標籤中加入 TITLE 屬性。
<IMG SRC=“Lena.jpg” TITLE=“仕女圖”> <A HREF=“movie1.htm” TITLE=“影片說明”>
範例
分割視窗 (Frame)
範例
加入視訊與動畫
以超連結方式加入：
以新視窗開啟輔助程式播放。 <A HREF=“影片檔URL”>說明文字</A> 範例
在文件中嵌入影片：
將影片播放程式嵌入到網頁中。 <EMBED SRC=“影片檔URL”> <NOEMBED>說明文字</NOEMBED> 範例
加入視訊與動畫
加入音效
以背景方式加入音效：
隱藏播放面版。
將 width 與 height 屬性設為 1。 使用 hidden 屬性。
使用<BGSOUND>標籤。
<bgsound src=“音效檔URL” loop=“infinite 表示無限次，數字表示重播次數” volume=“-10000 至 0，預設值為 0” balance=“-10000 至 10000，預設值為 0”>
/acrobat
Flash
/
加入音效
以超連結方式加入：
以新視窗開啟輔助程式播放。 <A HREF = “音效檔URL”>說明文字</A> 範例
在文件中嵌入音效：
將音樂播放程式嵌入到網頁中。 <EMBED SRC=“音效檔URL”> <NOEMBED>說明文字</NOEMBED> 範例
製作分割視窗的檔案數為視窗數加一。 製作分割視窗：
<FRAMESET> </FRAMESET>
<FRAME SRC=“網頁名稱”>
幾種網頁輔助程式簡介：
Windows Media Player
/taiwan/download/CHTdownload.htm
QuickTime
/
RealOne Player
視覺效果的加強
自動切換網頁
使用<META>標籤：
http-equiv: 設定為 refresh，代表重新載入網頁。 Content: 設定經過多久時間重讀網頁，單位為秒。 URL: content中的屬性，設定要載入的網頁之URL。 範例
視覺效果的加強
Internet Explorer 的網頁切換特效
使用<META>標籤：
http-equiv: 事件種類，如page-enter、page-exit、siteenter、site-exit。
Content: RevealTrans(Duration=秒數, Transition=效果 代碼)。
範例
彩色的網頁
色彩的指定方式：
使用 RGB 16 進位表示法。
範例
Rect(矩形)
<AREA shape=“rect” coords=“0,0,9,9” href=“file”>
Circ(圓形)
<AREA shape=“circ” coords=“0,0,40” href=“file”>
Poly(多邊形)
<AREA shape=“poly” coords=“0,0,9,9,0,9” href=“file>
#RRGGBB
使用顏色名稱。
彩色的網頁
設定背景顏色：
使用<BODY>標籤的屬性 BGCOLOR。 <BODY BGCOLOR=“#FF0000”>
設定網頁文字與連結的顏色
使用<BODY>標籤的屬性：
TEXT: 文字的顏色。 LINK: 超連結文字的顏色。 VLINK: 已連結過的超連結文字的顏色。 ALINK: 滑鼠按下時超連結文字的顏色。
使用<MAP>標籤製作對照表：
Name: 設定對照表的名稱。 使用<AREA>標籤
定義圖片中每塊區域的位置。 Shape: 設定區域的形狀，如: rect、circ、poly。 Coords: 設定該區域的位置及大小。 Href: 所要連結的URL。
設定圖片為影像地圖：
在<IMG>標籤中加入 USEMAP 屬性。 將 USEMAP 屬性設定對照表名稱。
Internet Explorer 的特殊語法：
只有使用者使用 IE 瀏覽才看得到。 不會有播放面版。 <IMG DYNSRC=“影片檔URL”> 範例
視覺效果的加強
自動更新網頁內容：
Server push & Client pull 使用<META>標籤：
定義HTML標籤未提供且與網頁內容相關的資訊。 http-equiv: 設定為 refresh，代表重新載入網頁。 Content: 設定經過多久時間重讀網頁，單位為秒。 範例
HTML 2
多媒體網頁製作
於網頁中加入多媒體素材！
動畫 音效
瀏覽器可觀看HTML文件、文字檔及圖檔。 需要輔助程式的幫忙！
輔助程式
根據不同類型的檔案 所開啟的”應用程 式”。
控制台資料夾選項 檔案類型
輔助程式
無法以輔助程式開啟的情況：
例如：.EXE、.ZIP、未知檔案類型。
輔助程式ቤተ መጻሕፍቲ ባይዱ
範例
Client Side 影像地圖
具有多個超連結功能的圖片！ 影像地圖的種類：
Server Side & Client Side
實作 Client Side 影像地圖。
實作 Client Side 影像地圖
使用<IMG>標籤加入圖片。 製作對照表。 設定圖片為影像地圖。
實作 Client Side 影像地圖
加入音效
以物件方式加入：
網頁物件包括音效、影片、ActiveX物件。 <object classid=“CLSID:物件編號”>
<param name=“URL” value=“音效檔URL”> <param name=“autoStart” value=“false”> </object> 範例
範例
網頁物件的提示說明
將網頁中的物件加入提示說明。 當滑鼠移到物件上時便顯示提示說明。 在標籤中加入 TITLE 屬性。
<IMG SRC=“Lena.jpg” TITLE=“仕女圖”> <A HREF=“movie1.htm” TITLE=“影片說明”>
範例
分割視窗 (Frame)
範例
加入視訊與動畫
以超連結方式加入：
以新視窗開啟輔助程式播放。 <A HREF=“影片檔URL”>說明文字</A> 範例
在文件中嵌入影片：
將影片播放程式嵌入到網頁中。 <EMBED SRC=“影片檔URL”> <NOEMBED>說明文字</NOEMBED> 範例
加入視訊與動畫
加入音效
以背景方式加入音效：
隱藏播放面版。
將 width 與 height 屬性設為 1。 使用 hidden 屬性。
使用<BGSOUND>標籤。
<bgsound src=“音效檔URL” loop=“infinite 表示無限次，數字表示重播次數” volume=“-10000 至 0，預設值為 0” balance=“-10000 至 10000，預設值為 0”>