第一章、網站設計與多媒體概念
課前複習：
- 請找出你這部主機的 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_01.html，內容主要回答底下的作業 (簡答題)：
- 什麼是 RGB ，在網頁設計上， RGB 的色碼是如何制訂的？
- 何謂網頁安全色？網頁安全色的色碼主要的定義為？
- 我們上課的環境中，螢幕的解析度是多少像素？
- 常見的網頁圖片，使用的檔案格式 (副檔名) 主要有哪些？ (講出三個即可)
- 有些網頁的副檔名不是 .htm 也不是 .html ，而是 .asp 或 .php，
那麼瀏覽器從這些網站所下載的網頁也是 HTML 格式嗎？請說明之！
- 將上述的網頁上傳到老師的主機上！並修改 index.html 上面的連結資料吧！
|