CYUT NC
視聽教學媒體認識與應用 Introduction and
application in audio-visual media of instruction
課號:3663
上課班級:幼保二進四A 上課地點:G-609
CYUT
框架的製作
NC 檔案→開新檔案→右方之新增網頁的其他網頁範
本→框架(一般/樣式)→內容
CYUT NC
選取事先已 完成之網頁
設計新網頁
CYUT NC
在框架網頁內按右鍵→框架內容→框架頁→框架
→顯示框線(選取或取消)
CYUT
圖片格式(副檔名)
NC 插入→圖片→從檔案
gif (graphics interchange format):以8 位元或256 色 儲存點陣影像資料
jpg (joint photographic expert group):
失真壓縮方法,24位元影像(全彩影像,可支援16.7 百萬色)
png (portable network graphic):48位元的彩色影像
bmp (bitmap): 點陣圖,未經過壓縮的圖檔格式
wmf (Windows MetaFile ):16 位元的中繼檔 格式,
可以同時包含向量資訊以及點陣圖資訊
dib (device-independent bitmap):在檔案 內包含了顏 色的資訊,所以在不同顯示器之下,所顯示的結果仍 然相同
右鍵→網頁內容→設定格式→背景圖片/色彩
CYUT
圖片屬性設定
NC 檢視→工具列→圖片→設定透明色彩
點擊圖片→一般→替代顯示→選擇低解析度圖片 或輸入替代文字
製作按鈕圖片
檢視→工具列→圖片→按鈕形
CYUT
超連結
NC 選取文字/圖片/按鈕→插入→超連結→輸入或選 取網址/電子郵件地址/檔案
網頁內部連結
選取資料(被連結處)→插入→書籤→確定(可自行修改 書籤名稱)
選取資料(欲連結處)→插入→ 超連結→書籤
圖像地圖製作
檢視→工具列→圖片→矩形/圓形/多角形作用區→選取 連結目的地
CYUT NC
<A HREF= scheme://host-name/path
>
[說明] : 錨 (ANCHOR) 之設定與使用 -- scheme : http, ftp, telnet
-- hostname : web pages 的 link若在同一 host,則可以省略
-- path : 路徑或html檔 名
CYUT NC
anchor (link) in other server :
<A HREF=“http://www.cyut.edu.tw”>朝陽科技大學首 頁</A>
<A HREF="course.html">Course</A>
FTP download :
<A HREF=“ftp://techart.nia.edu.tw/pub/win95/media /acdc3222.exe">Here</A> to download Gifcon.exe
Telnet :
<A HREF="telnet://bbs.cyut.edu.tw">CYUT BBS</A>
CYUT NC
target=框窗名稱:
這在『框架標籤』中也有提到,而且也只有在框架(框窗 or Frame)中才用得到。正常而言,框窗有各自的名稱,因此,我 們可以利用此標籤,來指定連結的內容顯示到哪一個框窗中。
target=_blank:
將連結的畫面內容,開在新的瀏覽視窗中。
target=_parent:
將連結的畫面內容,當成文件的上一個畫面。
target=_self:
將連結的畫面內容,顯示在目前的視窗中。
target=_top:
這個參數可以解決新連結的畫面內容,被舊框窗包圍的困擾,使 用這參數,會將整個畫面重新顯示成連結的畫面內容。
<A HREF=http://www.cyut.edu.tw/
target=blank>朝陽科技大學首頁</A>
CYUT
Homework #1
NC1. 請建立個人網頁之首頁(分割頁面方式),並自行設計底 色/底圖及美工(20%)
2. 請建立個人資料之網頁(含學、經歷及個人簡短自述)並 與首頁連結(20%)
3. 請建立我的課表之網頁(課程須與程網頁連結,或學校 之教學大綱網頁連結)並與首頁連結(20%)
4. 請建立我的最愛之網頁(內含文字及圖片形式之超連結) 並與首頁連結(20%)
5. 簡要個人心得及問題討論(20%) Due: 2006/11/01 13:00
繳交方式:email至[email protected] 郵件主旨:視媒作業一(學號+姓名)
郵件內容:請放入製作之個人網站網址並將第5題之電子檔 (檔名為:學號+姓名) 一並寄出。
繳交狀況將在課程網頁上公佈。
CYUT
表單製作
NC 插入→表單→表單/文字方塊/文字區域/核取方 塊/選項按鈕/下拉式清單方塊/進階按鈕
表單資料去向
右鍵→表單內容→選擇儲存結果的地方
CYUT NC Trick:
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=big5">
<meta http-equiv="refresh" content=0;
url=http://www.cyut.edu.tw/~s8954486/ind ex.htm">
<title>新網頁1</title>
</head>
<body>
</body>
</html>
CYUT NC