| 回教學網站 | 回網站規劃與設計首頁 | 作業繳交區 |
第一章、網站設計與多媒體概念

課前複習:
  • 請找出你這部主機的 IP/netmask/gatetway/DNS IP 等參數;
  • WWW 伺服器提供的服務中,啟動的埠口號碼為幾號;
  • 說出三個你知道的瀏覽器軟體名稱;
  • 網頁的資料是否需要統一放置到同一個目錄內?原因為何?
  • 網頁的副檔名主要有哪些?其中屬於靜態網頁的 HTML 檔案之副檔名為?


本章目標:
  • 網站規劃與設計中,專案的導入流程;
  • 多媒體概論,包括 RGB 色彩的定義、網頁的安全色定義等;


網站設計與發展:(必須要找到你的業主!)
  1. 定義:專案的目的與目標觀眾 (業務需求、內容/素材彙整、內容/風格訊息、專案訊息發佈需求)
  2. 建構:專案流程圖 (專案結構/頁面繪製)
  3. 設計:設計圖樣、設計預覽、重新設計、產生分鏡腳本(漫畫分鏡, 網頁分鏡, 網頁分鏡-2)
  4. 建置與測試:專案製作、技術測試、可用性測試等
  5. 導入:推廣計畫、專案上傳


多媒體概論:(行前預備知識)
  • 電腦多媒體種類:文字、圖像/影像、動畫 (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 年。


本章練習:
  1. 建立一個檔案,名稱為 chap_01.html,內容主要回答底下的作業 (簡答題):
    1. 什麼是 RGB ,在網頁設計上, RGB 的色碼是如何制訂的?
    2. 何謂網頁安全色?網頁安全色的色碼主要的定義為?
    3. 我們上課的環境中,螢幕的解析度是多少像素?
    4. 常見的網頁圖片,使用的檔案格式 (副檔名) 主要有哪些? (講出三個即可)
    5. 有些網頁的副檔名不是 .htm 也不是 .html ,而是 .asp 或 .php, 那麼瀏覽器從這些網站所下載的網頁也是 HTML 格式嗎?請說明之!
  2. 將上述的網頁上傳到老師的主機上!並修改 index.html 上面的連結資料吧!

回到最上方 (top)