第零章、網站設計與多媒體概念
課前複習:
- 請找出你這部主機的 IP/netmask/gatetway/DNS IP 等參數;
- WWW 伺服器提供的服務中,啟動的埠口號碼為幾號;
- 說出三個你知道的瀏覽器軟體名稱;
- 網頁的資料是否需要統一放置到同一個目錄內?原因為何?
- 網頁的副檔名主要有哪些?其中屬於靜態網頁的 HTML 檔案之副檔名為?
本章目標:
- 網站規劃與設計中,專案的導入流程;
- 多媒體概論,包括 RGB 色彩的定義、網頁的安全色定義等;
網站設計與發展:(必須要找到你的業主!)
- 定義:專案的目的與目標觀眾 (業務需求、內容/素材彙整、內容/風格訊息、專案訊息發佈需求)
- 建構:專案流程圖 (專案結構/頁面繪製)
- 設計:設計圖樣、設計預覽、重新設計、產生分鏡腳本(漫畫分鏡, 網頁分鏡,
網頁分鏡-2)
- 建置與測試:專案製作、技術測試、可用性測試等
- 導入:推廣計畫、專案上傳
多媒體概論:(行前預備知識)
- 電腦多媒體種類:文字、圖像/影像、動畫 (2D/3D)、聲音、影片/視訊等均是;
- 超媒體 (Hypermedia):使用元件與超連結的多媒體結構,利用超連結與多媒體內容互動:不侷限文字、可包括其他媒體、WWW;
意味:非線性閱讀、可藉由連結進行跳躍式閱讀;
- 專有名詞:
- 像素:畫面最基本的構成粒子,每個像素都記錄著一種顏色;
- 解析度:每一英吋內的像素粒子密度 (DPI, dot per inch),密度越高,影像越細緻,解析度越高:
- 深度:每個像素所佔用的位元數,一個點可使用的顏色越多,代表像素所需的位元素越高;
- 影像:
- 點陣圖(壓縮後會失真)、向量圖(壓縮後不會失真)
- 用於網頁上的影像:jpg, gif, png
- 用於印刷上的影像:tif
- 用於一般繪圖軟體的格式:psd, cdr, ufo, ai, psp, fh11...
- 音樂:格式有: wav, mid, mp3, aif等
- 視訊: avi, mpg,串流方面則有: mov, wmv, rm, flv
- 動畫: 播放速度與總畫面數;
- 色彩:
- 網頁主要使用 RGB (Red, Green, Blue) 三原色來搭配混成其他不同顏色;
- 每種顏色具有 28 種強度,亦即 0 ~ 255,三種顏色就為 24 位元全彩!每個像素佔有 3bytes
- 網頁安全色:以 33 為倍數 (16 進位) 如 #330066、 #0099CC 等
- 注意著作權:
- 任何資料一經製作即享有著作權;
- 具有著作權的資料,僅可合理使用,如 (1)研究性著作可合理使用的範圍較大
(2)所使用的質量不可超過原著作之合理比例 (3)使用的部分並不會對原著作產生現有價值的影響等等
- 擅自以公開口述、公開播放、公開上映公開演出、公開傳輸、公開展示、改座、編輯、
出租等方法侵害他人之著作財產權,處三年以下有期徒刑、拘役,或併科新台幣七十五萬元以下罰金
- 著作內容含有圖形、攝影、電腦程式、表演等
- 一般著作權存續為 50 年。
本章練習:
- 建立一個檔案,名稱為 chap_00_2.html,內容主要回答底下的作業 (簡答題):
- 什麼是 RGB ,在網頁設計上, RGB 的色碼是如何制訂的?
- 何謂網頁安全色?網頁安全色的色碼主要的定義為?
- 我們上課的環境中,螢幕的解析度是多少像素?
- 常見的網頁圖片,使用的檔案格式 (副檔名) 主要有哪些? (講出三個即可)
- 有些網頁的副檔名不是 .htm 也不是 .html ,而是 .asp 或 .php,
那麼瀏覽器從這些網站所下載的網頁也是 HTML 格式嗎?請說明之!
- 將上述的網頁上傳到老師的主機上!並修改 index.html 上面的連結資料吧!
|