第十堂課： 多媒體網站規劃與建置注意事項與流程

• 電腦多媒體種類：文字、圖像/影像、動畫 (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) 三原色來搭配混成其他不同顏色；
  • 每種顏色具有 2⁸ 種強度，亦即 0 ~ 255，三種顏色就為 24 位元全彩！每個像素佔有 3bytes
  • 網頁安全色：以 33 為倍數 (16 進位) 如 #330066、 #0099CC 等
• 注意著作權：
  • 任何資料一經製作即享有著作權 (不需要宣告、不需要任何動作！)；
  • 具有著作權的資料，僅可合理使用，如 (1)研究性著作可合理使用的範圍較大 (2)所使用的質量不可超過原著作之合理比例 (3)使用的部分並不會對原著作產生現有價值的影響等等
  • 擅自以公開口述、公開播放、公開上映公開演出、公開傳輸、公開展示、改座、編輯、 出租等方法侵害他人之著作財產權，處三年以下有期徒刑、拘役，或併科新台幣七十五萬元以下罰金
  • 著作內容含有圖形、攝影、電腦程式、表演等
  • 一般著作權存續為 50 年。

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

• 看一下課本第 18 章的內容，不但需要分析網站的相關群眾之外，還得要專注在這些群眾的使用習慣上來設計你的版面！這還包括按鈕的設計等。 所以需要很用心的處理各項任務才行！那有哪些需要注意的內容呢？
  
  
• 我們以某公司要製作罐頭花網站為例，你需要進行的項目有底下這些：
  1. 網站需求分析：重點在強調你的『商品』要如何呈現，並且與其他同質的網站做區隔(事前分析)；
  2. 使用者特性分析：針對使用者的年齡、習慣、身份、需要的智能等先進行分析；
  3. 組織資源分析：為了這個案子，公司打算投入多少人力物力？物力又包括哪些等等；
  4. 建置組織成員分析：那你的單位有沒有足夠的戰力呢？如何進行分工？組長是誰？開會時程等建置；
  5. 建置技術規格分析-1：先思考需要用到什麼技術？這時需要的服務、程式語言、使用伺服器硬體有哪些？
  6. 建置技術規格分析-2：那你的網站有多少頻寬可以使用？要不要託管？有沒有技術能力自己維護？
  7. 建置技術規格分析-3：這個與軟體較有相關性，不同的機制會用到不同的軟體技術， 不同的軟體技術所使用到的硬體資源又不相同，所以這裡當然要事先進行分析；
  8. 建置預算規劃：沒有錢辦不了事情，所以，你得要先處理一下小組內還有哪些要購買的？
  9. 網站資訊架構：其實就是網站地圖，上面分析完畢，你才知道你需要哪些頁面，且頁面間如何連結！
  10. 網站界面設計-1, 網站界面設計-2, 網站界面設計-3：就是網站的草圖，哪個區塊放置什麼資料的示意；
  11. 網站開放使用者測試：總是要有測試過才能夠知道這個網站到底是好在哪裡？差在哪裡？
  12. 整體規劃與設計流程：將上述的流程總整理
• 另外，在開始實際設計你的網站之前，請先就顏色、資料版型的確認、使用者界面的設計等，先進行一項基礎建議，理解了裡面的界面設計概念後，再開始你的設定，配合我們上課學到的許多技術，那麼你的設計應該會好上很多！
  
  

1. 分組名單繳交
2. 討論本學期的期末網站規劃與設計的主題以及子題，下週討論決定後公告，並且開始進行後續的網站編輯作業。