數(shù)字媒體技術(shù)課件：第07-2章 基于網(wǎng)站的媒體項(xiàng)目開發(fā)

1、第第4 4章章 基于網(wǎng)站的媒體項(xiàng)目開發(fā)基于網(wǎng)站的媒體項(xiàng)目開發(fā)14.1 萬維網(wǎng)的基本概念 u 萬維網(wǎng)的定義u 萬維網(wǎng)的工作原理4.2 網(wǎng)站與軟件的比較 u 軟件開發(fā)流程u 網(wǎng)站的開發(fā)流程u 網(wǎng)站的分類 4.3 網(wǎng)站主要開發(fā)過程 u 選題策劃與內(nèi)容分 u 結(jié)構(gòu)設(shè)計(jì) u 文件與文檔管理 u 設(shè)計(jì)說明書 u 運(yùn)行環(huán)境的支持 4.4 HTML語言基礎(chǔ) uHTML的概念 uHTML的標(biāo)簽及其屬性 uHTML文件的基本結(jié)構(gòu) 4.5 屏保藝術(shù)網(wǎng)站的策劃開u屏保的起源與發(fā)展 u項(xiàng)目策劃與設(shè)計(jì) u網(wǎng)站開發(fā)流程 第第4 4章章 大綱大綱24.1 4.1 萬維網(wǎng)的基本概念萬維網(wǎng)的基本概念 萬維網(wǎng)的概念 網(wǎng)站( web

2、site ) : 提供信息或資源的Web服務(wù)器 網(wǎng)頁（webpage）: 網(wǎng)站中的一個(gè)頁面文件 全球資源定位器URL:scheme:/:host_namescheme:/:/file:/file ： 訪問協(xié)議，如http，ftp等等。 :：用戶名和口令。 ： 主機(jī)名，該項(xiàng)不可缺少。 ： 端口號(hào)，缺省表示系統(tǒng)的默認(rèn)端口。 ： 主機(jī)內(nèi)可訪問資源的文件路徑。 file： 最終可訪問的文件。例例1: 1: 01/index.php01/index.php例例2: 2: ftp:/lhf:1234560

3、0:8821ftp:/lhf:12345600:8821 34.1 4.1 萬維網(wǎng)的基本概念萬維網(wǎng)的基本概念 萬維網(wǎng)的工作原理44.2 網(wǎng)站與軟件的比較 軟件開發(fā)流程 編碼編碼設(shè)計(jì)設(shè)計(jì)是是測試通過？測試通過？ 結(jié)構(gòu)、模塊設(shè)計(jì)結(jié)構(gòu)、模塊設(shè)計(jì)功能、算法設(shè)計(jì)功能、算法設(shè)計(jì) 分塊編程、調(diào)試分塊編程、調(diào)試 程序聯(lián)合調(diào)試程序聯(lián)合調(diào)試否否 運(yùn)行維護(hù)運(yùn)行維護(hù)制定計(jì)劃制定計(jì)劃需求分析需求分析54.2 網(wǎng)站與軟件的比較 網(wǎng)站開發(fā)流程 預(yù)備階段預(yù)備階段開發(fā)階段開發(fā)階段是是 選題、策劃選題、策劃 制作機(jī)構(gòu)與計(jì)劃制作機(jī)構(gòu)與計(jì)劃 信息設(shè)計(jì)信息設(shè)計(jì)否否應(yīng)用維護(hù)應(yīng)用維護(hù)發(fā)布到服務(wù)器硬盤發(fā)布到服務(wù)器硬

4、盤測試通過？測試通過？ 界面設(shè)計(jì)界面設(shè)計(jì) 素材采集編輯素材采集編輯 編著、編程編著、編程 結(jié)構(gòu)設(shè)計(jì)結(jié)構(gòu)設(shè)計(jì)設(shè)計(jì)設(shè)計(jì)編輯編輯編碼編碼64.3 網(wǎng)站的主要開發(fā)過程分析 選題策劃原則選題策劃原則 求知與求新 積累與精品 系統(tǒng)性與可行性 目標(biāo)與受眾分析目標(biāo)與受眾分析 目標(biāo): 信息傳達(dá)目標(biāo)與開發(fā)策略 信息: 內(nèi)容 受眾: 用戶,目標(biāo)用戶的范圍 應(yīng)用環(huán)境與開發(fā)團(tuán)隊(duì)?wèi)?yīng)用環(huán)境與開發(fā)團(tuán)隊(duì) 應(yīng)用環(huán)境策劃 信息載體/ 瀏覽環(huán)境 /開發(fā)環(huán)境 開發(fā)團(tuán)隊(duì)的形成 74.3 網(wǎng)站的主要開發(fā)過程分析 應(yīng)用環(huán)境與開發(fā)團(tuán)隊(duì)?wèi)?yīng)用環(huán)境與開發(fā)團(tuán)隊(duì) 軟件主管 信息設(shè)計(jì) 界面設(shè)計(jì) 結(jié)構(gòu)設(shè)計(jì) 視頻設(shè)計(jì) 動(dòng)畫設(shè)計(jì)音頻設(shè)計(jì) 軟件工程互動(dòng)設(shè)計(jì)流程設(shè)

5、計(jì)圖像處理整體構(gòu)圖非線性編輯攝影與采集音效處理語音配音媒體編著程序設(shè)計(jì)腳本編寫素材收集動(dòng)畫創(chuàng)意動(dòng)畫生成84.3 網(wǎng)站的主要開發(fā)過程分析案例 學(xué)生節(jié)短片“生輝”u目標(biāo)：學(xué)生節(jié)開場短片。u主要受眾：本系師生。u信息：學(xué)生節(jié)開場，以往節(jié)目回顧，點(diǎn)題和烘托氣氛。u創(chuàng)意：蝴蝶(學(xué)生節(jié)標(biāo)志) 是主角，具專業(yè)特色，引起共鳴。u應(yīng)用環(huán)境：投影播放DV，也可放在網(wǎng)上供下載瀏覽 u開發(fā)環(huán)境：綜合應(yīng)用了多種編輯軟件。u開發(fā)團(tuán)隊(duì):小組合作 點(diǎn)擊播放- 94.3 網(wǎng)站的主要開發(fā)過程分析 結(jié)構(gòu)設(shè)計(jì)簡單的順序結(jié)構(gòu)簡單的順序結(jié)構(gòu) 復(fù)雜的順序結(jié)構(gòu)復(fù)雜的順序結(jié)構(gòu)104.3 網(wǎng)站的主要開發(fā)過程分析 結(jié)構(gòu)設(shè)計(jì) 案例 短片“生輝”的順

6、序結(jié)構(gòu)蛹化蝴蝶飛出寢室飛過校園飛進(jìn)禮堂翻書落于封頁變成logo114.3 網(wǎng)站的主要開發(fā)過程分析 結(jié)構(gòu)設(shè)計(jì) 樹狀結(jié)構(gòu) 124.3 網(wǎng)站的主要開發(fā)過程分析 樹狀結(jié)構(gòu)案例 電子作業(yè)本樹狀結(jié)構(gòu)圖 作業(yè)本首頁 作業(yè)n 作業(yè)1 作業(yè)2 作業(yè)n-1 Page 1 Page 1 Page 2 Page 2 Page 1 Page 1 Page 2 Page 2134.3 網(wǎng)站的主要開發(fā)過程分析 網(wǎng)狀結(jié)構(gòu) 144.3 網(wǎng)站的主要開發(fā)過程分析 網(wǎng)狀結(jié)構(gòu)案例 網(wǎng)絡(luò)課件結(jié)構(gòu) 課程簡介 最新消息主講教師教學(xué)計(jì)劃教學(xué)主體課件導(dǎo)航課件主頁實(shí)驗(yàn)指導(dǎo)參考資料教師答疑實(shí)例演示學(xué)習(xí)交流系統(tǒng)教材多媒體詳解章節(jié)要點(diǎn) 154.3 網(wǎng)站

7、的主要開發(fā)過程分析u 模塊化設(shè)計(jì)的概念 u 用戶友好的文件名原則 采用英文小寫 簡短明了 u 文件目錄的結(jié)構(gòu)化 案例案例 電子作業(yè)本目錄電子作業(yè)本目錄 文件與文檔管理文件與文檔管理1 2 3 4 5 6 1 2 3 4 5 6 Digitmedia_worksDigitmedia_works164.3 網(wǎng)站的主要開發(fā)過程分析u 瀏覽環(huán)境 u 開發(fā)運(yùn)行環(huán)境 u 數(shù)據(jù)庫的定義u 數(shù)據(jù)的處理 數(shù)字格式和壓縮率 數(shù)據(jù)查找途徑的統(tǒng)一 模塊及模塊的鏈接 設(shè)計(jì)說明書設(shè)計(jì)說明書 運(yùn)行環(huán)境的支持運(yùn)行環(huán)境的支持 u 網(wǎng)路服務(wù)器硬件u 網(wǎng)絡(luò)服務(wù)器軟件 Window/UNIX/Linuxu 網(wǎng)絡(luò)帶寬與客戶機(jī)174.4

8、 HTML語言基礎(chǔ) u 超文本的概念 網(wǎng)頁中的主要信息元素及其存在方式信息元素信息元素存在方式存在方式存放位置存放位置文本文本ASCIIASCII碼碼本網(wǎng)頁文件中本網(wǎng)頁文件中圖像圖像各種圖像格式文件，如各種圖像格式文件，如JPGJPG，BMPBMP，TIFTIF等等其它文件或目錄中其它文件或目錄中聲音和音樂聲音和音樂各種音頻文件，如各種音頻文件，如WAVWAV，MPGMPG，MIDMID等等其它文件或目錄中其它文件或目錄中動(dòng)畫與視頻動(dòng)畫與視頻各種動(dòng)畫與視頻文件，如各種動(dòng)畫與視頻文件，如SWFSWF，AVIAVI，MOVMOV，RMRM等等其它文件或目錄中其它文件或目錄中其它網(wǎng)頁其它網(wǎng)頁網(wǎng)頁網(wǎng)頁

9、HTMLHTML文件文件其它文件或目錄中其它文件或目錄中184.5 綜合案例：屏保藝術(shù)網(wǎng)站的策劃開發(fā) 屏保的起源與發(fā)展 屏幕掃描原理電子槍電子槍控制電路控制電路熒光面熒光面電子束電子束像像素素發(fā)發(fā)光光點(diǎn)點(diǎn)194.5 綜合案例：屏保藝術(shù)網(wǎng)站的策劃開發(fā) 項(xiàng)目策劃與設(shè)計(jì) 創(chuàng)意百分百創(chuàng)意百分百誰在我的屏幕上搗亂？誰在我的屏幕上搗亂？這邊風(fēng)景獨(dú)好這邊風(fēng)景獨(dú)好往事回首往事回首廣告，無所不在廣告，無所不在修養(yǎng)超乎想象修養(yǎng)超乎想象今夜星光燦爛今夜星光燦爛生活空間生活空間關(guān)于傳說關(guān)于傳說教你玩游戲教你玩游戲首頁首頁屏保屏保概念概念屏保欣屏保欣賞概念賞概念屏保下屏保下載載好站推好站推介概念介概念誰動(dòng)的歪腦筋？誰動(dòng)的歪腦筋？外太空之旅外太空之旅海洋世界海洋世界智慧的結(jié)晶智慧的結(jié)晶神奇的大自然神奇的大自然飛揚(yáng)的夢想飛揚(yáng)的夢想品牌天地品牌天地豐盛的晚餐豐盛的晚餐溝通無國界溝通無國界感情，摸不透的主題感情，摸不透的主題節(jié)日，不會(huì)忘了你節(jié)日，不會(huì)忘了你小寶貝小寶貝你的星星在哪里？你的星星在哪里？204.5 綜合案例：屏保藝術(shù)網(wǎng)站的策劃開發(fā) 界面風(fēng)格 214.5 綜合案例：屏保藝術(shù)網(wǎng)站的策劃開發(fā) 網(wǎng)站開發(fā)流程確定選題網(wǎng)站策劃網(wǎng)頁制作網(wǎng)站測試網(wǎng)站模板設(shè)計(jì)資料搜集整理網(wǎng)站發(fā)布開發(fā)周期時(shí)間22練習(xí) 目的目的1通過本章學(xué)習(xí)，了解網(wǎng)站開發(fā)過程。2. 策劃和設(shè)計(jì)數(shù)字媒體作業(yè)本網(wǎng)站，通過后續(xù)學(xué)習(xí)逐步完成. 要求要求1